/*
Theme Name: aff_custom
Theme URI: http://underscores.me/
Author: Lulu Kitololo Studio
Author URI: http://lulukitololo.com
Description: A custom WordPress theme built for African Feminist Forum by Lulu Kitololo Studio.
Version: 1.2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aff_custom
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
aff_custom is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 28px;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	text-transform: capitalize
}
p {
	margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1.5em 3em;
}
section section ul, section section ol{ margin-left: 0 }
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #333;
	border: 1px solid #ccc
}
select {
	border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}
textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #EB563A;
	text-decoration: underline;
}
a:visited {
	/*color: #EB563A;*/
}
a:hover,
a:focus,
a:active {
	color: #EB563A;
	text-decoration: underline;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
#content-top h2 a{
	color: #fff;
	text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
/* Small menu. */
#menu_toggle {
	display: none;
}
@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}

/* Beginning of custom styling *********************************
**=============================*********************************/

@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);

html {
    color: #222;
    font-size: 62.5%;
    line-height: 1.5;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #59595C;
}
h1,h2, h3, h4, h5, h6{
    
}
h1{
    color: #999999;
    font-weight: bold;
    font-size: 28px;
}
h2{
}
a{
    text-decoration: none;
}
a:hover, a:active, a:focus{
    /*text-decoration: underline;*/
}
ul{
    list-style: none;
}
ul li{
}
ul ul {
    padding: 0;
}
ul ul li{
}
p{
}
img{
    max-width: 100%;
    height: auto;
}
/*backgrounds*/
.whitebg{
    background: #fff;
}
.purple-orange{
    background: transparent url(img/AFF-Tile-1-Purple-Orange-2x.jpg) repeat 0 0;
    background-size: 150px;
}
.turq-blue{
    background: transparent url(img/AFF-Tile-2-Turquoise-Blue-2x.jpg) repeat 0 0;
    background-size: 150px;
}
.purple-turq{
    background: transparent url(img/AFF-Tile-3-Purple-Turquoise-2x.jpg) repeat 0 0;
    background-size: 150px;
}
.orange-blue{
    background: transparent url(img/AFF-Tile-4-Orange-Blue-2x.jpg) repeat 0 0;
    background-size: 150px;
}
.bluepattern{
    background: transparent url(img/AFF-Tile-Blue-2x.png) repeat 0 0;
    background-size: 150px;
}
.blue-pattern{
    background: transparent url(img/AFF-Tile-Blue-2x.png) repeat 0 0;
    background-size: 90px;
}
.orange-pattern{
    background: transparent url(img/AFF-Tile-Orange-2x.jpg) repeat 0 0;
    background-size: 90px;
}
.purple-pattern{
    background: transparent url(img/AFF-Tile-Purple-2x.jpg) repeat 0 0;
    background-size: 90px;
}
.red-pattern{
    background: transparent url(img/AFF-Tile-Red-2x.jpg) repeat 0 0;
    background-size: 90px;
}
.turquoise-pattern{
    background: transparent url(img/AFF-Tile-turquoise-2x.jpg) repeat 0 0;
    -webkit-background-size: 150px;
    background-size: 150px;
}
.yellow-pattern{
    background: transparent url(img/AFF-Tile-Yellow-2x.jpg) repeat 0 0;
    -webkit-background-size: 150px;
    background-size: 150px;
}
/*post type*/
.page{
    padding: 55px 0 0;
}
body.page{
	padding: 0;
}
.post{
}
/*main styles*/
#pagewrapper{
}
.wrap{
    max-width: 984px;
    margin: 0 auto;
    padding: 0 20px;
}
.profile-page .wrap{ padding: 0 }
header .top{
    padding: 20px;
}
header .bottom{
    background: transparent url('img/AFF-Tile-Purple-2x.png') repeat 0 0;
    /*height: 45px;*/
}
#logo img{
    max-width: 100%;
    width: 406px;
    height: auto;
}
.top #logo{
    float: left;
}
.top #tools{
    float: right;
    padding-top: 20px;
}
#tools img{
    max-width: 100%;
    height: auto;
    width: 182px;
}
#tools img:first-child{
    margin-right: 15px;
}
.top-menu {
    padding-left: 0;
    margin: 0;
}
.top-menu ul{
    display: none;
}
/*.top-menu ul li{
    display: block;
}*/
.top-menu li{
    display: inline-block;
    margin-right: 25px;
    position: relative;
}
.top-menu li:hover > .sub-menu{
    display: block;
    position: absolute;
    z-index: 10;
    background: #facf07;
    width: 200px;
    padding: 20px;
}
.top-menu a{
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    border-bottom: 3px solid transparent;
    color: #fff;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 6px;
    font-size: 16px;
	text-transform: capitalize;
	text-decoration: none;
}
.top-menu li:hover > a{
    border-bottom: 3px solid #facf07;
    display: block;
}
.top-menu li li{
    display: block;
    width: 100%;
}
.top-menu li li a{
    margin-bottom: 0px;
    display: block;
    border-bottom: 1px solid;
    color: #7b3686;
    padding-bottom: 0;
}
.top-menu li li a:hover{
    text-decoration: none;
    border-bottom: 1px solid ;
}
.open-menu-link{ display: none } /* This hides the mobile menu + and - buttons */
#menu{
    float: left;
}
#second{
    float: right;
    height: 45px;
    position: relative;
}
#searchbtn a, nav.search #searchform input{
    text-indent: 0%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 40px;
    height: 41px;
    background: #C6ABD2 url('img/Search-Icon-2x.png') no-repeat 12px 15px;
    -webkit-background-size: contain;
    background-size: 22px 23px;
    margin: 0 auto;
	font: 18px 'Source Sans Pro', sans-serif;
	color: #333;
	border: none;
}
nav.search{  
    width: 45px;
    height: 45px;
	margin-left: 15px;
	float: left;
	position: relative;
	z-index: 2000
	
}
nav.search #searchform input:hover, nav.search #searchform input:focus{ 
	width: 220px; 
	transition: width 0.5s ease-out; 
	background:url( 'img/Search-Icon-2x.png' ) 95% 50% no-repeat #ccc; 
    background-size: 22px 23px;
	padding: 0 45px 0 15px;
	height: 48px;
}
#language{
    padding: 0;
    display: inline-block;
    float: left;
}
#language select{
    background: none;
    color: #fff;
    border: none;
    padding: 15px 0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
#language option{
	background: purple;
}
#searchform{
    display: inline-block; float: right
}
#searchform input{
    display: none;
}
#searchtext{
       position: absolute;
    left: -112px;
    padding: 11px;
    border: 1px solid #7b3686;
    color: #7b3686;
    width: 132px;
}
#main{
    /*padding-bottom: 20px;*/
}
#slideshow{
    padding: 0;
    margin: 0;
    list-style: none;
}
.flexslider{
    border: none;
    margin: 0;
}
.flexslider .flex-control-paging li a{
    background: #fff;
    margin-top: 13px;
}
.flexslider .flex-control-paging li a.flex-active{
    background: #f25c21;
}
.flex-direction-nav{
    display: none;
}
.flex-control-nav {
    width: 140px;
    position: absolute;
    bottom: 0px;
    text-align: center;
    right: 19%;
    display: block;
    z-index: 10;
    height: 40px;
    background: transparent url('img/AFF-Tile-Purple-2x.jpg') repeat 0 0;
    bottom: 0;
}
.flexslider .flex-control-paging{ bottom: 0; width: 140px; height: 40px }
.flex-caption {
    top:50px;
    color: white;
    font-size: 26px;
    line-height: 20px;
    left:0;
    padding:0 20px;
    position:absolute;
    right:10%;
    text-transform: uppercase;
    z-index:1;
    text-align: right;
}
footer#footer{
    background: #dedede;
    color: #919198;
    font-size: 14px;
}
footer a:visited,
footer a{
    color: #919198;
    font-size: 14px;
}
#footer-bottom{
    padding: 0 15px 10px;
}
#socialmedia{
    text-align: center;
    margin: 0 auto;
}
#socialmedia a{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 45px;
    height: 45px;
    background: transparent url('img/Buttons-Social-Media-Icons-Footer-2x.png') no-repeat 0 0;
    margin: 0 auto;
    background-size: 143px 44px;
}
#socialmedia #facebook{
    background: transparent url('img/Buttons-Social-Media-Icons-Footer-2x.png') no-repeat -50px 0;
    width: 45px;
    height: 45px;
    background-size: 143px 44px;
}
#socialmedia #twitter{
    background: transparent url('img/Buttons-Social-Media-Icons-Footer-2x.png') no-repeat -99px 0;
    width: 45px;
    height: 45px;
    background-size: 143px 44px;
}
#socialmedia a:hover{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 45px;
    height: 45px;
    background: transparent url('img/Buttons-Social-Media-Icons-Footer-Hover-2x.png') no-repeat 0 0;
    margin: 0 auto;
    background-size: 143px 44px;
}
#socialmedia #facebook:hover{
    background: transparent url('img/Buttons-Social-Media-Icons-Footer-Hover-2x.png') no-repeat -50px 0;
    width: 45px;
    height: 45px;
    background-size: 143px 44px;
}
#socialmedia #twitter:hover{
    background: transparent url('img/Buttons-Social-Media-Icons-Footer-Hover-2x.png') no-repeat -99px 0;
    width: 45px;
    height: 45px;
    background-size: 143px 44px;
}
#socialmedia li{
    display: inline-block;
    margin: 30px 2.5px 25px 0;
}
#copyright{
    float: left;
}
#sitecredit{
    float: right;
}
#sitecredit a:hover,
#sitecredit a:active,
#sitecredit a:focus,
#sitecredit a:visited{
	color: #919198 !important;
}
aside h3{
    font-size: 21px;
    font-weight: bold;
    color: purple;
}
aside ul li{
    font-size: 18px;
    color: purple;
	text-transform: capitalize
}
aside li a{
    margin-bottom: 15px;
    display: block;
    text-decoration: underline;
    font-weight: 600;
    color: purple;
}
/*home*/
.home #content-middle .wrap{
    background: #fff;
    padding-top: 20px;
    max-width: 1024px;
}
.home #content-middle{ margin-top: -40px }
.home .actions{
    display: block;
    padding-bottom: 30px;
    position: relative;
}
.home .col-half{
    float: left;
    margin-left: 20px;
}
.home .col-half:first-child{
    margin-left: 0;
}
.home .actions .profilephoto{
    position: absolute;
    top: 20px;
}
.home .actions .ctabutton{
    position: absolute;
    top: 145px;
}
.home #content-bottom .wrap{
    background: #fff;
    max-width: 1024px;
}
	.home .background img{
    max-width: 480px;
}
/*about*/
.purplebg{
    background: transparent url('img/AFF-Tile-1-Purple-Orange-2x.jpg') repeat 0 0;
    background-size: 150px;
}
.about #content-middle aside{
    max-width: 240px;
    float: left;   
    margin-right: 30px;
	margin-left: -21px;
    min-height: 500px;
}
.about #content-middle section{
    float: left;
    max-width: 735px;
    width: 100%;
	background: #fff;
    /*margin-top: 20px;*/
    padding: 0 30px;
}
.about #content-middle{
    /*padding-top: 30px;*/
}
.about #content-middle .wrap{
    max-width: 1024px;
}
.about aside ul{
    padding: 0;
    margin: 0;
}
.about aside article{
    padding: 20px;
    background: rgba(250,207,7, 0.8);
    margin: 0 20px;
}
.about section .hide{
    display: none;
}
.about h2, h3.ui-accordion-header{
    margin: 0px 0 10px;
}
.about h2 a, h3.ui-accordion-header{
    color: #fff;
    text-align: center;
    margin: 0 auto;
    width: 92%;
    display: block;
    padding: 15px;    
    position: relative;
    font-size: 21px;
    font-weight: bold;
}
.about h2 a:before, h3.ui-accordion-header:before{
    background: transparent url('img/Arrow-Fancy-Yellow-Turquoise-2x.png') no-repeat center right;
    background-size: 48px 24px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    content: '';
    width: 48px;
    position: absolute;
    height: 24px;
    right: 30px;
}
.about h2 a.open:before, h3.ui-accordion-header.ui-state-active:before{
    background: transparent url('img/Arrow-Fancy-Yellow-Turquoise-2x.png') no-repeat center right;
    background-size: 48px 24px;
    display: block;
    content: '';
    width: 48px;
    position: absolute;
    height: 24px;
    right: 30px;
     -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.about .purplebg, .accordion h3:nth-child(7){
    background: transparent url('img/AFF-Tile-Purple-2x.jpg') repeat 0 0;
}
.accordion h3:first-child,
.about .greenbg{
background: transparent url('img/AFF-Tile-turquoise-big-2x.jpg') repeat 0 0 !important;
}
.about .bluebg, .accordion h3:nth-child(5){
background: transparent url('img/AFF-Tile-Blue-2x.png') repeat 0 0 ;
}
.about .orangebg, .accordion h3:nth-child(3){
    background: transparent url('img/AFF-Tile-Orange-2x.jpg') repeat 0 0;
}
.orangebg, .purplebg, .greenbg, .bluebg{
    /*background: transparent url('img/purplegb.png') repeat 0 0;*/
    
}
.wrap .wp-accordion .accordion .ui-accordion-content .wp-tab-content-wrapper{ padding: 0 }
.about .entry-header{ display: none }
/*story*/
.story{
    background: transparent url(img/AFF-Tile-1-Purple-Orange-2x.jpg) repeat 0 0;
    padding: 55px 0;
    background-size: 150px;
}
.story #content-middle .wrap{
    /*max-width: 1024px;*/
    background: #fff;
}
#content-middle h1{
    text-align: center;
    padding: 18px 0 0 ;
    margin: 0;
}
#content-middle .intro{
    text-align: center;
	
}
/*national feminist forum*/
.forum{
    background: transparent url('img/AFF-Tile-4-Orange-Blue-2x.jpg') repeat 0 0;
    background-size: 150px;
}
.map{
    background: #24c4ac;
    margin: 30px 0 15px 0px;
    display: block;
}
.intro #image-map-pro-4362{ width: 344px; margin: 0 auto; }
.map img{
    max-width: 100%;
    height: auto;
    width: 344px;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 55px 0;
}
.forum-listing .col-4{
    width: 25%;
    float: left;
}
.forum-listing a{
    color: #EB563A;
    text-decoration: underline;   
    padding-bottom: 5px;
    display: block;
}
.forum-listing h3 {
    padding: 0 20px 0 0;
    font-size: 21px;
    font-weight: bold;
    color: #999999;
    line-height: 0.9;
}
.forum-listing ul{
    padding: 0;
}
/*forum single*/
.profile-page #content-top, #content-top.category_purple{
    background: transparent url('img/AFF-Tile-Purple-2x.png') repeat 0 0;
    background-size: 90px;
    border-top: 1px solid #fff;
    padding: 20px;
}
.profile-page #content-top{
    background-size: 90px; 
	    background: transparent url('img/AFF-Tile-Purple-2x.png') repeat 0 0 !important;
}
#content-top aside{
    float: left;
    max-width: 260px;
    width: 100%;
}
#content-top aside li a{ font-weight: 400 ;}
aside li a:hover,
aside li a:active,
aside li a:focus,
aside li a:visited{ 
	color: purple !important; 
}
#content-top section{
    float: left;
    width: 100%;
    max-width: 723px;
    padding-top: 40px;
}
.profilephoto img{
    max-width: 225px;
    width: 100%;
    height: auto;
}
.profile-page h1{
    color: #fff;
    margin: 0;
}
.profile-page h2{
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.profile-page #content-top p{
    color: #fff;
}
.profile-page aside{
    max-width: 260px;
    float: left;
    width: 100%;
	padding-right: 40px;
}
.profile-page aside h3{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 0px;
    color: #59595C;
}
.profile-page aside p{
    font-size: 14px;
    margin: 0;
    color: #59595C;
}
.profile-page #content-middle { padding: 10px 0 0 20px }
.profile-page #content-middle section{
    max-width: 720px;
    float: left;
}
.discover .col-3{
    position: relative;
    width: 33.33%;
    float: left;
}
.discover .categories ul.post-categories{ margin: 0; padding: 0 }
.discover .col-3 .title{ 
	max-width: 160px;
	max-height: auto;
	overflow: hidden; 
}
.discover .col-3 .category{ max-height: 95px; max-width: 165px; overflow: hidden;}
.discover .title a,
.discover .category a{
    text-decoration: underline;
    color: #fff;
    display: block;
	margin-left: 13px;
    margin-bottom: 10px;
}
.discover .title a{
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0;
}
.discover .category a{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
        margin-bottom: 0;
	display: none;
}
.discover .title{
   /* position: absolute;
    top: 20px;*/
}
.discover .category{
   /* top: 69px;
position: absolute;
left: 0;*/
}
.discover .textc{
	position: absolute;
	padding-top: 15px;
}
.discover .col-3 .bckg{ 
	width: 167px; 
	height: 176px; 
	background-size: 60px;
}
.discover .orange{ background: url('img/AFF-Tile-Orange-2x.jpg'); }
.discover .red{ background: url('img/AFF-Tile-Red-2x.jpg'); }
.discover .purple{ background: url('img/AFF-Tile-Purple-2x.jpg'); }
.discover .col-3 .thumbnail{ width: 140px; overflow: hidden; height: 176px }
.discover .col-3 .thumbnail img{ height: 176px; }
.discover .bckg, .discover .thumbnail{
    float: left;
}
.discover h2{
    color: #999999;
    text-transform: initial;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}
.discover .resource{
    padding: 0 0 35px 0;
}
.profile-page .cta{
    text-align: center;
    padding-top: 40px;
    background: transparent url('img/AFF-Tile-Yellow-2x.jpg') repeat 0 0;
    background-size: 150px;
    margin-top: 46px;
}
.profile-page .cta h1{
    color: purple;
}
.profile-page .cta h2{
    color: purple;
    text-transform: initial;
}
.profile-page .ctabuttons{
    margin: 30px auto;
    display: block;
    background: transparent url('img/Button-Submit-large-2x.png') no-repeat center center;
    background-size: 197px 56px;
    color: transparent;
    height: 56px;
}
/*feminist charter*/
.fem_charter .wrap aside ul{ margin: 20px 20px 0 0 }
.fem_charter #content-middle .wrap section{ 
	max-width: 758px;
}
.fem_charter #content-middle .wrap{ padding: 50px 0 }
.fem_charter #tabs li a{ width: auto; margin-bottom: 5px }
.fem_charter #tabs li.current-menu-item a{
    background: transparent url("img/AFF-Tile-Purple-2x.jpg") repeat 0 0;
    background-size: 90px 90px;
    color: #fff;
}
/*ancestor*/
.ancestor #content-top{
    background: transparent url('img/AFF-Tile-Blue-2x.png') repeat 0 0 !important;
    background-size: 90px;
        border-top: 1px solid #fff;
    padding: 20px;
}
.ancestor #content-top .wrap{
    background: transparent url('img/AFF-Tile-Blue-2x.png') repeat 0 0;
    background-size: 90px; 
}
.ancestor #content-top a{ color: #fff }
.ancestor #content-top a:hover{ color: #fff }
/*faq*/
.faq{
    background: transparent url('img/AFF-Tile-1-Purple-Orange-2x.jpg') repeat 0 0;
    background-size: 150px 150px;
}
.faq #content-middle .wrap{
    max-width: 840px;
    background: #fff;
    padding: 0 30px;
}
.faq #content-middle aside{
    display: none;
}
.faq #content-middle section{
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
    float: none;
}
.faq #content-middle{
    padding-top: 50px;
    padding-bottom: 50px;
}
.faq h2{
    text-align: center;
    font-size: 21px;
}
.faq h2 a{
    color: purple;
    font-weight: 600;
}
.faq h2 a:before{
    background: none !important;
    display: none !important;
}
.faq #content-middle article:before, .faq h3.ui-accordion-header:before{
    background: transparent url('img/Arrow-fancy-purple-2x.png') no-repeat center right;
    background-size: 38px 19px;
    content: '';
    display: block;
     -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 38px;
    position: absolute;
    height: 19px
	right: 30px;
	bottom: 20px
}
.faq #content-middle article.open:before, .faq h3.ui-accordion-header.ui-state-active:before{
    background: transparent url('img/Arrow-fancy-purple-2x.png') no-repeat center right;
    background-size: 38px 19px;  
     -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    width: 38px;
    position: absolute;
    height: 19px;
	right: 30px;
	bottom: 20px
}
.faq .accordion h3{ background: none !important; color: purple; border-top: 2px solid #e9e9e9; padding-bottom: 0; }
.faq .wp-accordion .ui-accordion-content{
    padding-bottom: 20px;
}
.faq #content-middle .hide{
    display: none;
}
.faq #content-middle article, .faq  .ui-accordion-content{
    /*border-bottom: 2px solid #e9e9e9;*/
    position: relative;
}
.faq .accordion h3:first-child{
    border: none;
}
.faq #content-middle section{
    position: relative;
}
/*get involved*/
.floatingcontent aside{
    max-width: 200px;
    width: 100%;
    background: rgba(250,207,7, 0.9);
    float: left;
    margin-right: 25px;
}
.floatingcontent #content-middle section{
    float: left;
    max-width: 708px;
    width: 100%;
    background: #fff;
    padding: 25px;
}
.floatingcontent .wrap{
    padding-top: 50px;
    padding-bottom: 50px;
}
.floatingcontent{
    background: transparent url('img/AFF-Tile-4-Orange-Blue-2x.jpg') repeat 0 0;
    background-size: 150px 150px; 
}
.floatingcontent #content-middle h1{
    padding-bottom: 20px;
}
#submissions form{
    max-width: 565px !important;
    width: 100% !important;
    margin: 0 auto  !important;
}
div#user-submitted-posts fieldset.usp-captcha label {
    display: inline-block !important;
}
#submissions textarea,
#submissions select,
#submissions input[type='email'],
#submissions input[type="text"]{
    width: 96.49%  !important;
    height: auto !important;
    display: block  !important;
    padding: 10px !important;
    margin-bottom: 15px !important;
    background: #D7D7D7 !important;
    border: none !important;
    color: #59595C !important;
    font-weight: 600 !important;
	font-size: 14px !important;
}
#submissions select{
    width: 96.7% !important;
    background: transparent url('img/AFF-Tile-Yellow-2x.jpg') repeat 0 0 !important;
    background-size: 150px 150px !important;
    color: purple  !important;
    margin-bottom: 15px  !important;
}
#submissions input[type="file"]{
    
    background: #d7d7d7 url('img/AFF-Tile-Orange-2x.jpg') no-repeat center right;		    
    width: 100%  !important;
    background-size: contain;		
    margin-bottom: 15px;		    background: #d7d7d7 no-repeat center right !important;
    background-size: contain  !important;
    margin-bottom: 15px  !important;
        font-size: 14px;
    padding: 10px;
    border: none;
    -webkit-appearance: none;
}
#submissions input[type="submit"]{
    float: right !important;
    background: transparent url('img/Button-submit-small%202x.png') no-repeat 0 0 !important;
    background-size: 147px 42px  !important;
    border: none  !important;
    width: 147px  !important;
    color: transparent  !important;
    height: 42px  !important;
    margin: 20px 0 10px 0  !important;
        font-size: 14px;
    padding: 10px;
    border: none;
        box-shadow: none;
    overflow: hidden;
  text-indent: -99em;
    
}
#submissions label{
    display :none !important;
}
#submissions .quiz-648 label {
    display: block !important;
}
button#uspcontent-html,
button#uspcontent-tmce,
div#mceu_27 {
    display: none;
}
div#user-submitted-posts fieldset{
    margin: 0;
}
div#user-submitted-image{
    width: 100%;
}
#tabs{
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width:  475px;
}
.filter#tabs{
    margin: 35px auto;
}
.resources #tabs{
    max-width: 800px;
}
.blog #tabs{
    max-width: 850px;
    margin: 35px auto;
}
#tabs li{
    display: inline-block;
    padding: 0;
}
.filter#tabs li{
    /*margin-right: 20px;*/
    position: relative;
}
#tabs ul{
    display: block;
}
#tabs li a{
    width: auto;
    display: block;
    padding: 10px 25px;
    text-align: center;
    background: transparent url("img/AFF-Tile-Yellow-2x.jpg") repeat 0 0;
    background-size: 150px 150px;
    font-weight: 600;
    color: purple;
    font-size: 16px;
    margin-bottom: 3px;
}
.page-template-afrifem_list #tabs li a{
	width: auto;
	margin-bottom: 3px;
}
#tabs li a:before{
    display: block;
    position: absolute;
    content: "";
    background: transparent url('img/filterarrow.png') no-repeat right 0;
    background-size: 9.5px 9px;
    width: 9.5px;
    height: 9px;
    right: 7px;
    top: 20px;
}
#tabs li a:hover:before{
    display: block;
    position: absolute;
    content: "";
    background: transparent url('img/whitearrow.png') no-repeat right 0;
    background-size: 9.5px 9px;
    width: 9.5px;
    height: 9px;
    right: 7px;
    top: 20px;
}
.page-template-resources #tabs li a:before,
#tabs li li a:before{
    display: none;
}
.filter#tabs li a{
    max-width: 175px;
    width: 100%;
}
.resources .filter#tabs li a{
    max-width: 300px;   
}
#tabs li li {
    border: none;
    max-width: 175px;
    width: 100%;
    color: purple;
}
#tabs li a.default,
#tabs li a:hover{
    background: transparent url("img/AFF-Tile-Purple-2x.jpg") repeat 0 0;
    background-size: 90px 90px;
    color: #fff;
}
#tabs .tabdrop {
    display: none;
    position: absolute;
    z-index: 1;
    background: transparent url("img/AFF-Tile-Yellow-2x.jpg") repeat 0 0;
}
#tabs li a:hover + .tabdrop{
    display: block;
}
.chapter h2{
    background: transparent url("img/AFF-Tile-Purple-2x.jpg") repeat 0 0;
    background-size: 90px 90px;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
}
.chapter img{
    max-width: 708px;
    max-height: 310px;
    height: auto;
}
.purpleturq{
    background: transparent url("img/AFF-Tile-3-Purple-Turquoise-2x.jpg") repeat 0 0;
    background-size: 150px 150px;
}
/*African feminist*/
.page-template-feminist_ancestors #content-middle .wrap{
    padding: 0 30px;
}
.page-template-african_feminists h1{
    line-height: 0.9;
}
.resource .bckg,
.page-template-feminist_ancestors .bckg{
    background: none;
}
.wrap .ancestors .category{ margin-left: 0 }
.floatingcontentsingle #content-top .wrap{
    background: #fff;
    position: relative;
    max-width: 1024px;
    height: 500px;
    padding: 0;
}
.floatingcontentsingle aside{
    position: absolute;
    z-index: 2;
    float: none !important;
    margin-left: 20px;
    margin-top: 35px;
    background: transparent url('img/AFF-Tile-Yellow-2x.jpg') repeat 0 0;
    background-size: 150px 150px;
    padding: 20px;
    max-width: 165px !important;
}
.floatingcontentsingle aside h3{
    margin: 0;
    padding-bottom: 25px;
}
.floatingcontentsingle #content-top section{
    position: absolute;
    padding-top: 0;
}
.floatingcontentsingle #content-top img{
    max-width: 1024px;
    /*width: 100%;*/
    height: auto;
}
.floatingcontentsingle aside ul{
    padding: 0;
    margin: 0;
}
.floatingcontentsingle #content-middle h1{
    text-align: left;
    padding: 0 20px;
}
.floatingcontentsingle #content-middle h1 a{ color: #999 }
/*.floatingcontentsingle #content-middle h1 a:hover{ color: midnightblue }
*/
.floatingcontentsingle #content-middle article{
    padding: 0 20px;
}
.col-half{
    max-width: 49.5%;
    float: left;
}
.col-half:last-child{
    border-left: 2px solid #e9e9e9;
}
.blog .col-half:last-child{
    padding-left: 35px;
}
.home .col-half:last-child{ border: 0 }
.cta {
    text-align: center;
    padding-top: 40px;
    background: transparent url('img/AFF-Tile-Yellow-2x.jpg') repeat 0 0;
    background-size: 150px;
    /*margin-top: 46px;*/
    
}
.floatingcontentsingle .cta{
    max-width: 945px;
    margin: 0 auto;
    padding: 25px;
}
.cta h1 {
    color: purple;
}
.cta h2 {
    color: purple;
    text-transform: initial;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
.cta .ctabuttons {
    margin: 30px auto;
    display: block;
    background: transparent url('img/Button-Submit-large-2x.png') no-repeat center center;
    background-size: 197px 56px;
    color: transparent;
    height: 56px;
}
.floatingcontentsingle #content-bottom .wrap{
    max-width: 1024px;
    background: #fff;
    padding-bottom: 45px;
}
.floatingcontentsingle #content-middle .wrap{ max-width: 1024px }
#content-bottom .wrap{
    padding-bottom: 45px;
}
.bluetq{
    background: transparent url('img/AFF-Tile-2-Turquoise-Blue-2x.jpg') repeat 0 0;
    background-size: 150p.story #content-middle .wrapx 150px;
}
.floatingcontentsingle .bluetq{
        padding: 60px;
}
.floatingcontentsingle #content-middle .wrap{
    padding-bottom: 50px;
}
#tl1 .item .read_more:hover, #content #tl1 .item .read_more:hover,
.loadmore,
.viewmore{
    background: transparent url('img/Button-Read-More-2x.png') no-repeat 0 0;
    display: block;
    text-align: center;
    color: transparent;
    background-size: 147px 42px;
    width: 147px;
    height: 42px;
    margin: 0 auto;
}
#tl1 .item_open .t_close:hover, #content #tl1 .item_open .t_close:hover{
    background: none !important;
}
.pager{
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
.pager .loadmore{
    margin: 0 auto;
    background: transparent url('img/Button-Read-More-2x.png') no-repeat 0 0;
    background-size: 147px 42px;
}
#pagination{
	display: inline-block;
	width: 100%;
}
#pagination span{
	    display: inline-block;
    width: auto;
}
#pagination .next{
	float: right;
}
#pagination .previous{
	float: left;
}
#pagination a.next,
.nav-previous a,
#pagination .next a{
    background: transparent url('img/Button-Older-2x.png') no-repeat 0 0;
    background-size: 147px 42px;
    display: inline-block;
    width: 147px ;
    height: 42px;
    color: transparent;
    text-align: right;
    float: right;
}
#pagination a.prev,
.nav-next a,
#pagination .previous a{
    background: transparent url('img/Button-Newer-2x.png') no-repeat 0 0;
    background-size: 147px 42px;
    display: inline-block;
    width: 147px ;
    height: 42px;
    color: transparent;
    text-align: left;
}
.nav-next:after,
.nav-previous:after{
	 content: "";
  display: table;
  clear: both;
}
.nav-previous a{
float: none;
}
/*MASONRY*/
.grid {
  /*background: #DDD;*/
  min-height: 870px;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {
  width: 140px;
}
.gutter-sizer{
    width: 10px;
}
.grid-item {
  float: left;
  margin-bottom: 20px;
}
.grid-item { width: 300px; }
.resource{
    overflow: hidden;
}
.forums{
    height: 480px;
}
.forums .bckg{
    background: transparent url('img/AFF-Tile-Purple-2x.jpg') repeat 0 0;
    background-size: 90px;
}
.sub-regional-forums{
    width: 300px;
    /*height: 300px;*/
}
.sub-regional-forums .bckg{
    background: transparent url('img/AFF-Tile-Orange-2x.jpg') repeat 0 0;
    background-size: 90px;
}
.aff-members{
    width: 140px;
    height: 140px;
}
.others{
    height: 140px;
}
.others .resource{
        position: relative;
}
.others .bckg{
    position: absolute;
    top: 0;
    background: transparent url('img/AFF-Tile-Blue-2x.png') repeat 0 0;
    background-size: 90px;
    max-width: 140px;
    right: 0;
}
.others img{
    
}
.bckg{
    display: block;
    background: red;
    height: 150px;
}
.bckg h1{
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
    padding: 10px 10px 0 10px !important;
      line-height: 1.2;
}
	
.resources #content-middle .bckg h1{
    text-align: left;
	overflow: hidden;
	max-height: 110px;
	word-wrap: break-word;
}
.bckg h2{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    /*padding: 10px;*/
    text-align: left;
    margin: 0 0 0 10px;
    text-transform: uppercase;
    text-decoration: underline;
}
.resource img{
   /* display: inline-block;
    width: 100%*/
}
.resource .bckg{
    /*width: 100%;
    display: inline-block;*/
}
.bckg img{
	height: 176px
}
/*blog page*/
.blog .hentry img{
    max-width: 141px;
    width: 100%;
    height: auto;
    float: left;
}
.blog .hentry .details{
    float: left;
    margin-left: 30px;
	max-width: 17.95vw;
}
.details h2{
    font-weight: bold;
    font-size: 21px;
    color: purple;
    text-decoration: underline;
    margin: 0;
}
.details h2 a{
	color: purple;
}
.details h3{
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 600;
    color: purple;
    margin: 0;
}
.blog .details h3{
    padding-top: 12px;
}
.details h3 a{
	color: purple;
}
.details span.date{
    font-size: 18px;
    font-weight: regular;
    color: #59595C;
}
.blog .details span.date.post_date{
    font-size: 12px;
    color: #8A8A8A;
}
.blog .col-half{
    width: 100%;
    max-width: 49.5%;
	/*margin-bottom: 30px;*/
}
.blog .col-half:nth-child(odd){
    padding-right: 20px;
}
.blog .row{
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 2px solid #e9e9e9;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {
}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*search results*/
#main.search{
	background: url('img/AFF-Tile-2-Turquoise-Blue-2x.jpg') repeat 0 0;
	background-size: 150px;
}
#main.search .wrap:after{
	content: "";
	display: table;
	clear: both;
}
#main.search #content-middle article{
	float: left;
    width: 45%;
    margin-right: 3%;
}
.search hr{
	display: none;
}
.search .entry-title a{
	    font-weight: bold;
    font-size: 25px;
    color: purple;
    text-decoration: underline;
    margin: 0;
}
.search .entry-title{
	margin: 0;
}
.search .entry-meta{
	    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.search .entry-meta a{
	color: purple;
}
.search .navigation.posts-navigation{
	display: inline-block;
	width: 100%;
}
.search .posted-on{
	display: none;
}
.archive.category .entry-meta{
	display: none;
}
.error-404 .widget_tag_cloud,
.error-404 .widget_archive{
	display: none;
}
.error-404 .page-content:after{
}
.error-404 .page-content > p{
	text-align: center;
}
.error-404 .widget {
    width: 45%;
    float: left;
    margin-right: 5%;
}
.nothing_found nav.search,
.error-404 nav.search{
	width: 100%;
}
.nothing_found #searchform,
.error-404 #searchform{
	width: 100%;
}
.nothing_found  nav.search #searchform input,
.error-404 nav.search #searchform input{
	width: 215px;
	background: url( 'img/Search-Icon-2x.png' ) 95% 50% no-repeat #ccc;
	background-size: 22px 23px;
}
.error-404 .widget ul{
	padding: 0
}
.nothing_found #content-middle .intro:after,
.nothing_found #content-middle .wrap:after{
	 content: "";
  display: table;
  clear: both;
}
#fora_map{ background: url( 'img/AFF-Tile-turquoise-2x.jpg' ) repeat; background-size: 150px }
.intro #image-map-pro-4225{ width: 444px; margin: 0 auto; padding: 50px }
.no_content{ display: none }
.others .resource img {
    height: 150px;
    width: auto;
}
.others .resource {
    background: transparent url('img/AFF-Tile-Blue-2x.png') repeat 0 0;
    background-size: 90px;
}
#footer_nav a:focus,
#footer_nav a:active,
#footer_nav a:hover,
#footer_nav a{
	color: purple;
}
.hs-tooltip.hs-tooltip-visible {
   /* right: -285px;
    left: auto !important;*/
    padding: 20px !important;
    background: yellow url('img/AFF-Tile-Yellow-2x.jpg') repeat 0 0 !important;
	/*top: 30px !important;*/
	max-width: 230px !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
		min-height: 280px;
}
.hs-arrow{
	display: none;
}
.hs-tooltip a{
	text-decoration: underline;
	color: purple;
	font-weight: normal;
	text-align: left;
	display: block;
	padding-bottom: 5px;
}
.hs-tooltip br{
	display: none;
}
.hs-tooltip h3{
	text-align: left;
}
.hs-tooltip p{
	font-weight: normal !important;
    font-family: 'Source Sans Pro', sans-serif !important;
	text-align: left;
    font-size: 16px !important;
}
.chapter ul{
	list-style: disc;
}
/* Extra styling */
.timeline .item .read_more, #content .timeline .item .read_more{
	background: url( 'img/Button-Read-More-2x.png' )no-repeat 0 0;
	background-size: contain;
	width: 146px;
	height: 43px;
}
.timeline .item .read_more, #content .timeline .timeline_items_holder .timeline_items .item {}
.search #content-middle .wrap{ padding-bottom: 40px }
#last_links{ clear:both;padding:35px 0;text-align:center; }
#footer_nav{ 
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 250px
}
#footer_nav{
	    display: inline-block;
    width: 100%;
    margin: 0 auto;
	max-width: 515px;
}
#footer_nav li{
	float: left;
	margin-right: 3.71%;
	border-right: 1px solid #652798;
	padding-right: 3.71%;
	font-size: 0.75em;
	line-height: 110%;
	color: #652798 
}
#footer_nav  li a{ font-weight:normal }
#footer_nav li:last-child{ border:none }
.profile-page .cta h1, 
.profile-page .cta h2, 
.blog .cta h1, 
.blog .cta h2 { max-width: 945px; margin: 0 auto }
.profile-page #content-top.category_orange{
    background: transparent url('img/AFF-Tile-Orange-2x.jpg') repeat 0 0;
}
#content-top.category_red{
    background: transparent url('img/AFF-Tile-Red-2x.jpg') repeat 0 0;
}
#content-top.category_orange, #content-top.category_red{	
    background-size: 90px;
	border-top: 1px solid #fff;
    padding: 20px;
}
.event_date{    
	color: rgb(235, 86, 58);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;.resource img
}
#more_results{ 
	display: block; 
	position: relative; 
	z-index: 1000; 
/*	width: 30%;
*/
	background: #fff
}
.transposh_flags a span, .transposh_flags a img{
	display: none;
}
.transposh_flags{
	line-height: 1.3 !important;
}
.transposh_flags a{
	color: #fff;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item .user,
div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineText{
	    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #59595C !important;
    text-shadow: none !important;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContent img{
    background: none !important;
    box-shadow: none !important;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item a {
    color: #EB563A !important;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContentHead {
    background: purple !important;
    border-bottom: 1px dashed #fff !important;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item .user {
    color: #fff !important;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContentFoot{
    background: purple !important;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item span.time{
    color: #fff !important;
    text-shadow: none !important;
}
.transposh_flags a:nth-child(2) {
    position: absolute;
    left: 0;
    top: 15px;
    width: 17px;
}
.transposh_flags a:nth-child(5) {
    position: absolute;
    right: 0;
    top: 15px;
    width: 13px;
}
.transposh_flags{
        position: relative;
    width: 50px;
}
.transposh_flags a{
    display: inline-block;
    overflow: hidden;
}
.page-template-afrifem_list #pagination span{
    width: auto;
}
.wrap .entry-content ul {
    list-style: disc;
} 
/* Final tweaks */
.resources #pagination a.next, .nav-previous a, .resources #pagination .next a { margin-bottom: 30px }

/* ==========================================================================
   Responsive Styling
   ========================================================================== */
   
   /* TABLET STYLES 
   ------------------*/
   
@media only screen and (max-width: 768px) {

	/* General */
	#second { margin-top: -45px; } /* Raises the Transposh and search section of the Top Menu */
	
	/* Home */   
	.home .col-half:first-child, .home .col-half:last-child {
		margin: 20px;
		clear: both;
	}
	 .home .col-half:last-child{ margin-top: -20px; }
	 
	 /* Our story */
	 #content #tl1 .item .read_more,
	 #content #tl1 .item .read_more:hover{ margin-right: 75px }
	 
	 /* National fora single pages */
	 .profile-page #content-middle .wrap { padding: 20px; }
	 
	 /* Resources */
	 .resources #pagination a.next, 
	 .resources .nav-previous a, 
	 .resources #pagination .next a , 
	 .resources #pagination a.prev, 
	 .resources .nav-next a, 
	 .resources #pagination .previous a { margin-bottom: 20px }
	 
	 /* Discover more section below some single pages */
	 .discover .col-3 { width: 50%; padding-left: 20px; }
	 .discover .title a { padding-top: 10px; }
}
   /* PHONE STYLES 
   ------------------*/
   
@media only screen and (max-width: 480px) {
	
	/*Extra CSS styling for responsinve menu  */	
	#menu_toggle {
		display: block;
	}
	#top-nav button{ 
		border: 0;
		background: none;
	}
	#top-nav button:hover #hamburger{ background: #facf07 }
	#menu{ display: none; width: 100vw; margin-left: -20px; }
	
	/* doing up the mobile menu */
	#main_menu{ height: auto }
	.top-menu{ 
		float: none; 
		padding-left: 0; 
		position: relative;
		z-index: 2000;
		margin: 0 }
	.top-menu a{ color: purple; border-color: purple }
	.top-menu li{ 
		float: none; 
		width: 97%; 
		padding: 5px 40px 0;
		background: #facf07 
	}
	.top-menu li:hover{ color: #fff }
	.top-menu a:hover, .top-menu li:hover a{ color: #fff; border-color: #fff }
	.top-menu li:hover > .sub-menu{ width: 100%; padding: 0; color: purple }
	
	/* the hamburger icon */
	#hamburger {
		border: 0;
		cursor: pointer;
		display: block;
		height: 35px;
		padding: 15%;
		position: relative;
		width: 35px;
		background: #eb563a ;
		margin-top: 5px;
	}

	/*
	The white stripes in the hamburger button
	*/
	#hamburger div {
		background-color: #fff;
		border: 1px solid #eee;
		border-radius: 2px 2px 2px 2px;
		height: 14%;
		margin: 14% auto;
		width: 90%;
	}	
	
	/* Styling for the sub-menus on mobile */
	
	#main_menu ul ul { 
		position: relative; 
		left: 0; 
		float: none;
		display: none;
	}
	#main_menu ul ul li {
		background: none;
		border: 0;
		padding: 0
	} 
	#main_menu ul ul li:hover { background: purple }	
	#main_menu ul ul li a{ 
		text-transform: capitalize; 
		padding: 5px; 
		width: 100%
	}
	.expand {
		display: block !important; 
	}
	.open-menu-link{
		display: none;
		position: absolute;
		right: 55px;
		top:0;
		line-height: 55px;
		font-size: 30px;
		cursor: pointer;
		padding-left: 35px;
		color: purple
	}
	li .sub-menu{
		display: none;
	}
	.visible {
		display: block !important;
	}
	
	/* Header */
	header .bottom { height: 48px }
	#second { margin-top: -40px; }
	
	.top #tools { text-align: center; }
	#tools img:first-child { margin-bottom: 15px; }
	
	/* Footer */
	#socialmedia { padding: 0 }
	#footer_nav li { float: none; border-right: 0 }
	#footer-bottom { text-align: center }
	#copyright { float: none }
	#sitecredit { float: none; display: block; }
	
	/* Home */
	.home .background img { width: 100%; }
	.col-half { max-width: 100% }
	.home .col-half { margin-left: 0px }
	
	/* About */
	.about #content-middle aside { min-height: 280px }
	.accordion h3{ padding-right: 80px }
	
	/* Working group members page */
	.discover .col-3 {  width: 100% }
	
	/* Our story */
	#content #tl1 .item .read_more:hover { margin-right: 45px }
	
	/* FAQs */
	.faq .accordion h3{ padding-right: 75px; }
	
	/* Nat'l fora page */
	.forum-listing .col-4 { width: 100% }
	
	/* All 'older' and 'newer' buttons pagination */
	#pagination a.next, .nav-previous a, #pagination .next a,
	#pagination a.prev, .nav-next a, #pagination .previous a	{ 
		background-size: 100px auto;
		width: 100px;
		margin-bottom: 20px;
	}
	
	/* African feminists main page */
	.floatingcontentsingle #content-top .wrap {
		background: url(img/AFF-Tile-1-Purple-Orange-2x.jpg);
		background-size: 30%;
	}
	.floatingcontentsingle #content-top img { width: 100%; }
	.floatingcontentsingle #content-middle .wrap { padding-top: 20px }	
	
	/* #Afrifem news page */
	.blog .col-half:nth-child(2n+1) { padding-right: 0 }
	.blog .col-half { max-width: 100% }
	.blog .hentry .details { 
		margin-left: 0; 
		margin-bottom: 35px;
		padding-bottom: 35px;
		border-bottom: 2px solid #e9e9e9;
		width: 100%;
		max-width: 100% }
	.blog .col-half:last-child { padding-left: 0; border-left: none }
	.blog .row {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	
	/* CTAs */
	.profile-page .cta h1, 
	.profile-page .cta h2, 
	.blog .cta h1, 
	.blog .cta h2 { padding: 0 20px }
	
	/* Search */
	#main .search #content-middle article { width: 90%; }
	
}
section#twitter-plugin {
    display: none;
}