﻿/*
 Theme Name:   NGOWG
 Author:       Jodi Topcik
*/



/* ------------------ ADDED BY JODI ---------------- */

body {
word-spacing: normal;
letter-spacing: normal;
}

label {
word-spacing: normal;
letter-spacing: normal;
}

::-webkit-scrollbar-button{ height: 10px; border-radius: 0px; background-color: #AAA; } 
::-webkit-scrollbar-button:hover{ background-color: rgb(46,172,151); } 
::-webkit-scrollbar-thumb{ background-color: #CCC; } 
::-webkit-scrollbar-thumb:hover{ background-color: rgb(46,172,151); } 
::-webkit-scrollbar-track{ background-color: #ffffff; box-shadow: none; } 
::-webkit-scrollbar-track:hover{ background-color: rgb(244,244,244); box-shadow: none; } 
::-webkit-scrollbar{ width: 20px !important; }


/* ------------ Publications Page ---------- */

div.filter {
width: 106% !important;
margin-left: -3%;  
}

form.wpv-filter-form {
position: relative;
display: block;
width: 110% !important;
margin: 1% -5% 0 -5% !important;
}

#intro_container {
position: relative;
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 95%;  
height: auto;
margin: 0 2.5%;
padding: 1.4% 0 3% 0;
}

.pub_search_intro {
position: relative;
display: inline-block;
width: 55%;
margin-right: 4%;
height: auto; 
height: 100%;
text-align: left;
}

.pub_search_intro span { 
position: relative;
width: 100%;
letter-spacing: normal;
word-spacing: normal;
line-height: auto;
text-align: left;
}

.pub_search_submit {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 39.5%;
height: auto;
height: 100%;
padding-bottom: 1%;
}

.pub_search {
position: relative;
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width: 100%;
height: auto;
height: 100%;
}

.grid__button {
margin: 0 0.4%;
align-self: flex-end;
}

.grid_search {
width: 50%;
margin: 0 3%;
color: rgba(85,85,85,0.3); 
cursor: pointer;
}

.grid_search input {
display: block;
cursor: pointer;  
box-sizing: border-box;  
padding:6px 10px 3px 10px; 
width: 100%;
margin: 0;
float: right;
outline: none;
border: none;
border-top: 1px solid rgb(46,172,151); 
border-right: 1px solid rgb(46,172,151);
border-bottom: 2px solid rgb(46,172,151);
border-left: 2px solid rgb(46,172,151); 
text-rendering: none;  
word-spacing: normal;
line-height: 15.6px;  
font-size: 12.5px;
font-weight: 700;  
font-family: "Proxima Nova Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.8px; 
color: rgb(85,85,85);
}


.grid_search input:hover, 
.grid_search input:focus,
.grid_search input:active
 { 
  background: rgba(46,172,151,0.2);
  color: #000000 !important;
  cursor: pointer;
} 

.filter {
  vertical-align: top;
  background-color: #fff;
  padding: 1em;
  display: block;
}

div#filter_container {
width: 100%;
display: inline-flex;
-ms-display: inline-flex;
flex-direction: row;
-ms-flex-direction: row;
align-items: top;
-ms-align-items: top;
justify-content: space-around; 
-ms-justify-content: space-around;
flex-wrap: wrap;
}

.form-g {
position: relative;
display: inline-block;  
max-height: 16vw;
overflow: auto;
width: 23.5%; 
padding: 0 2px 0 0;
margin-bottom: 1vw; 
border-top: 1px solid rgb(46,172,151);  
border-bottom: 1px solid rgb(46,172,151);  
}

.form-g label.label-title {
position: relative;
display: block;
box-sizing: border-box;
padding: 6px 10px 3px 10px;
text-align: left;
letter-spacing: normal;
word-spacing: normal !important;
line-height: 15.6px;  
color: rgb(85,85,85); 
font-size: 12.5px;
font-weight: 700;  
font-family: "Proxima Nova Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.8px !important; 
margin-bottom: 1.5vw;
border-left: 2px solid rgb(46,172,151);  
border-bottom: 2px solid rgb(46,172,151); 
}

.form-g::-webkit-scrollbar-button{ display: none; height: 3px; border-radius: 0px; background-color: #AAA; } 
.form-g::-webkit-scrollbar-button:hover{ background-color: rgb(46,172,151); } 
.form-g::-webkit-scrollbar-thumb{ background-color: #CCC; } 
.form-g::-webkit-scrollbar-thumb:hover{ background-color: rgb(46,172,151); } 
.form-g::-webkit-scrollbar-track{ background-color: #ffffff; box-shadow: none; } 
.form-g::-webkit-scrollbar-track:hover{ background-color: rgb(244,244,244); box-shadow: none; } 
.form-g::-webkit-scrollbar{ width: 4px !important; }


/* Default State Filters List  */

.form-g div.checkbox {
position: relative;
display: block;
}

.form-g div.checkbox label {
  position: relative; 
  display: block;
   background: rgba(244,244,244,0.4);
   width: 100% !important;
  box-sizing: border-box;
  padding: 10px 10px 2px 10px;
  font-family: "Proxima Nova Regular", sans-serif;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  text-align: left;
  color: rgb(85,85,85);
  font-size: 14px;
  border-bottom: 1px solid rgb(85,85,85);
  margin: 0;
  z-index: 2;
}

.check-with-label {  
}

div#filter_container input[type=checkbox] {
-webkit-appearance: none;
display: inline;
appearance: none;  
margin: 0;
box-shadow: none;
box-sizing: border-box;
position: absolute;
right: 0px;
top: 0;
float: right;
padding-right: 100%;  
text-align: right;
border: none;
border-radius: 0;
width: auto; 
height: 100%;
cursor: pointer;
outline: none;
z-index: 0;   
}

div.monthyear {
display: inline-flex;
width: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: top:
flex-wrap: nowrap;
}

div.year1 {
display: inline-block;
box-sizing: border-box;
width: 40%;
padding-right: 2%;
}

div.month1 {
display: inline-block;
width: 59.9%;
box-sizing: border-box;
}

/* Active State Filters List  */

div#filter_container input[type=checkbox]:checked {
background-color: rgba(46,172,151,0.5);
background: rgba(46,172,151,0.5);
 z-index: -1;   
}

.form-g div.checkbox label:hover, 
.form-g div.checkbox label:focus
 { 
  background: rgba(46,172,151,0.2);
  color: #000000 !important;
  cursor: pointer;
} 

.form-g div.checkbox label:active {
background-color: rgba(46,172,151,0.5);
background: rgba(46,172,151,0.5);
color: #000000 !important; 
}

/* Filter Labels */


.pub_page label[for=region-africa], .pub_page label[for=region-asia], .pub_page label[for=region-americas], .pub_page label[for=region-europe], 
.pub_page label[for=region-oceania] {
font-weight: bold;
}

.pub_page label[for=region-central-africa]:before, .pub_page label[for=region-eastern-africa]:before, .pub_page label[for=region-northern-africa]:before, 
.pub_page label[for=region-southern-africa]:before, .pub_page label[for=region-western-africa]:before, .pub_page label[for=region-southeastern-asia]:before, 
.pub_page label[for=region-southern-asia]:before, .pub_page label[for=region-northern-asia]:before, .pub_page label[for=region-northern-asia]:before, 
.pub_page label[for=region-eastern-asia]:before, .pub_page label[for=region-western-asia]:before, .pub_page label[for=region-central-asia]:before, 
.pub_page label[for=region-central-america-caribbean]:before, .pub_page label[for=region-north-america]:before, .pub_page label[for=region-south-america]:before, 
.pub_page label[for=region-eastern-europe]:before, .pub_page label[for=region-northern-europe]:before, .pub_page label[for=region-southern-europe]:before, 
.pub_page label[for=region-western-europe]:before, .pub_page label[for=region-australia-newzealand]:before, .pub_page label[for=region-melanesia]:before, 
.pub_page label[for=region-micronesia]:before, .pub_page label[for=region-polynesia]:before {
content:"\00a0";
}

.pub_page label[for=region-central-africa], .pub_page label[for=region-eastern-africa], .pub_page label[for=region-northern-africa], 
.pub_page label[for=region-southern-africa],  .pub_page label[for=region-western-africa], .pub_page label[for=region-southeastern-asia], 
.pub_page label[for=region-southern-asia], .pub_page label[for=region-northern-asia], .pub_page label[for=region-eastern-asia], 
.pub_page label[for=region-western-asia], .pub_page label[for=region-central-asia], .pub_page label[for=region-central-america-caribbean], 
.pub_page label[for=region-north-america], .pub_page label[for=region-south-america], .pub_page label[for=region-eastern-europe], 
.pub_page label[for=region-northern-europe], .pub_page label[for=region-southern-europe], .pub_page label[for=region-western-europe], 
.pub_page label[for=region-australia-newzealand], .pub_page label[for=region-melanesia], .pub_page label[for=region-micronesia], 
.pub_page label[for=region-polynesia] {
font-weight: bold;
} 

.pub_page label[for=region-chad]:before, .pub_page label[for=region-central-african-republic]:before, .pub_page label[for=region-congo]:before, 
.pub_page label[for=region-burundi]:before, .pub_page label[for=region-somalia]:before, .pub_page label[for=region-south-sudan]:before, 
.pub_page label[for=region-libya]:before, .pub_page label[for=region-sudan-abyei-darfur]:before, .pub_page label[for=region-western-sahara]:before, 
.pub_page label[for=region-cote-ivoire]:before, .pub_page label[for=region-guinea]:before, .pub_page label[for=region-guinea-bissau]:before, 
.pub_page label[for=region-liberia]:before, .pub_page label[for=region-mali]:before, .pub_page label[for=region-nigeria]:before, 
.pub_page label[for=region-sierra-leone]:before, .pub_page label[for=region-haiti]:before, .pub_page label[for=region-colombia]:before, 
.pub_page label[for=region-kyrgyzstan]:before, .pub_page label[for=region-myanmar]:before, .pub_page label[for=region-timor-leste]:before, 
.pub_page label[for=region-afghanistan]:before, .pub_page label[for=region-nepal]:before, .pub_page label[for=region-sri-lanka]:before, 
.pub_page label[for=region-cyprus]:before, .pub_page label[for=region-iraq]:before, .pub_page label[for=region-israel-palestine]:before, 
.pub_page label[for=region-lebanon]:before, .pub_page label[for=region-syria]:before, .pub_page label[for=region-yemen]:before, 
.pub_page label[for=region-bosnia-herzegovina]:before, .pub_page label[for=region-kosovo]:before, .pub_page label[for=region-fiji]:before {
content:"\2013";
}

.pub_page label[for=issue-mediation]:before, .pub_page label[for=issue-participation-women]:before, 
.pub_page label[for=issue-derail-radicalization]:before, .pub_page label[for=issue-isil-al-qaeda]:before, 
.pub_page label[for=issue-trafficking-women]:before, .pub_page label[for=issue-migrant-smuggling]:before, 
.pub_page label[for=issue-piracy]:before, .pub_page label[for=issue-mine-action]:before, .pub_page label[for=issue-small-arms-light-weapons]:before, 
.pub_page label[for=issue-women-girls-displacement]:before, .pub_page label[for=issue-sexual-orientation-gender]:before, 
.pub_page label[for=issue-social-racial-gender-prejudice]:before, .pub_page label[for=issue-women-defenders-human-rights]:before, 
.pub_page label[for=issue-gender-sensitive-resources]:before, .pub_page label[for=issue-health]:before, .pub_page label[for=issue-inclusive-institutions]:before, 
.pub_page label[for=issue-security-sector-reform]:before, .pub_page label[for=issue-disarmament-demobilization-reintegration]:before, 
.pub_page label[for=issue-gendered-security-protection]:before, .pub_page label[for=issue-care-for-sv-survivors]:before, 
.pub_page label[for=issue-economic-social-autonomy]:before, .pub_page label[for=issue-sustainable-wps-agenda]:before, 
.pub_page label[for=issue-civilian-women-participation]:before, .pub_page label[for=issue-implementation]:before, 
.pub_page label[for=issue-national-action-plans]:before, .pub_page label[for=issue-sanctions]:before, .pub_page label[for=issue-gender-equality]:before, 
.pub_page label[for=issue-armed-conflict-children]:before, .pub_page label[for=issue-exploitation-girls]:before {
content:"\2013";
}

.pub_page label[for=issue-conflict-prevention-resolution], .pub_page label[for=issue-counter-violent-extremism-terrorism], 
.pub_page label[for=issue-crime-trafficking], .pub_page label[for=issue-disarmament-nonproliferation], .pub_page label[for=issue-displacement], 
.pub_page label[for=issue-human-rights], .pub_page label[for=issue-humanitarian-assistance], .pub_page label[for=issue-justice-rule-of-law], 
.pub_page label[for=issue-peace-building], .pub_page label[for=issue-protection-of-civilians], .pub_page label[for=issue-sexual-violence], 
.pub_page label[for=issue-sustainable-development], .pub_page label[for=issue-peacekeeping-women], .pub_page label[for=issue-wps-agenda], 
.pub_page label[for=issue-youth-children] {
font-weight: bold;
} 

/* -------- Loop -------------- */

#publications_loop {
position: relative;
display: inline-flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 111.5% !important;
margin-left:-5%;
margin-right: -1.5%;
height: auto;
letter-spacing: normal !important;
word-spacing: normal !important;
white-space: normal;
text-align: left;	
}

.archive-pagination pagination {
margin-top: 1vw;
}

a.wpv-filter-pagination-link {
box-sizing: border-box !important;
}
ul.wpv-pagination-nav-links-container li a {
box-sizing: border-box !important;
}
ul.wpv-pagination-nav-links-container li {
display: inline-block !important;
box-sizing: content-box !important;
height: auto !important;
max-height: 100%;
margin: 2px !important;
margin-bottom: 9px !important;
}

li.wpv-pagination-nav-links-item,
li.wpv-pagination-nav-links-item-current {
display: inline-block !important;
box-sizing: content-box !important;
height: auto !important;
max-height: 100%;
margin: 2px !important;
margin-bottom: 9px !important;
}

li.wpv-pagination-nav-links-item-current span {
display: inline-block;
box-sizing: border-box;
padding: 8px 12px;
background: #ccc;
font-size: 16px;
font-weight: 600;
color: #fff;
}

a.wpv-filter-next-link {
margin-left: 8px !important;  
}
a.wpv-filter-next-link:after {
}
a.wpv-filter-previous-link {
margin-right: 8px !important;  
}
a.wpv-filter-previous-link:before {
}

.one_publication {
display: inline-block;
box-sizing: border-box;
width: 31.8%;
height: auto;
background: #fff;
padding: 0;
overflow: hidden;
margin-top: 1.8vw;
margin-right: 1.5%;
border: 1px solid rgba(85,85,85,0.5);  
}

.one_publication:hover,
.one_publication:active,
.one_publication:focus
 {
border: 1px solid #000;
}

.op_image {
position: relative;
display: block ;
width: 100%;
height: 100%;
height: auto;
box-sizing: border-box;
margin: 0;
padding: 0;
overflow: hidden;
}

.op_image-absolute {
position: relative;
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
height: auto;
margin: 0;
padding-bottom: 55% !important;
}

.op_image-absolute img {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100% !important;
margin: 0;
padding: 0;
object-fit: cover !important;
image-rendering: auto !important;  
}

.op_content {
display: block;
width: 100%;
max-width: 100%;
overflow: hidden;
height: auto;
box-sizing: border-box;
padding: 1.2vw;
white-space: normal;
}

.op-date {
display: inline !important;
width: auto;
height: 30px;
line-height: 30px;
margin-bottom: 1.2vw;
text-align: left;
float: left;
position: relative;
left: 0;
color: #989898 !important;
font-family: "Proxima Nova Bold", sans-serif;
font-weight: 700;
font-size: 12px;
vertical-align: middle;
letter-spacing: 1px;
text-transform: uppercase;
}

.op-category {
display: inline-block;
width: auto;
height: 30px;
margin-bottom: 1.2vw;
text-align: right;
float: right;	
position: relative;
right: 0;
}

a.op-a {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: flex-end;
vertical-align: middle;
font-family: "Proxima Nova Bold", sans-serif;
font-weight: 700;
text-transform: uppercase;
background: rgba(50,50,50, 0.8);
color: #fff;
padding-right: 10px;
padding-left: 10px;
font-size: 11px;
width: auto !important;
height: 30px;
line-height: 30px;
padding-top: 3px;
letter-spacing: 1px;
}

a.op-a:hover {
background: rgb(50,50,50);
color: #fff !important;
}

a.op-a:active,
a.op-a:focus {
background: #000;
color: #fff !important; 	
}

.op-title {
display: block !important;
position: relative;
width: 100%;
max-width: 100%;
text-align: left;	
overflow: hidden;
white-space: normal;
}

.op-title a {
font-family: "Open Sans Condensed", sans-serif;
font-weight: 600;
letter-spacing: normal;
font-size: 20px;
line-height: 26px;
position: relative;
display: inline;
text-align: left;
max-width: 100%;
height: auto;	
overflow: auto;
white-space: normal;
}

.op-title a:hover,
.op-title a:active,
.op-title a:focus
 {
color: #000;
}


/* ------------ Issues Page ---------------- */

.issues_page div.content-sidebar-wrap {
margin-left: 0;
margin: 0;
margin: 1px 0 !important;
width: 100%;
}

.issues_page #genesis-content.content {
box-sizing: border-box;
margin: 0;
width: 82vw !important;
max-width: 82vw;
margin: 0 auto !important;
padding: 1vw 4vw;
text-align: left;
}

.issues_page .entry-content {
text-align: left;	
}

.issues_page .entry-title {
}

.issues_page #issues_icons {
position: relative;
display: block;
width: 102%;
height: auto;
}

.issues_page #issues_icons div.icon_group {
position: relative;
width: 100%;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -2%;
}

.issues_page #issues_icons .one_icon {
position: relative;
display: inline-block;
box-sizing: border-box;	
width: 25% !important;
padding-left: 2%;
margin-top: 2%;
height: auto;
}

.issues_page #issues_icons .one_icon_border {
position: relative;
display: block;
width: 100%;
border: 1px solid #666666;	
height: auto; 
color: rgb(85,85,85);
background-color: rgba(241,241,241,0.2);
transition: background-color ease-out 1.3s;
}

.issues_page #issues_icons .one_icon_border:hover,
.issues_page #issues_icons .one_icon_border:focus,
.issues_page #issues_icons .one_icon_border:active {
background-color: rgba(46,172,151,0.9);
transition: background-color ease-out 1.3s;
color: #000000 !important;
border: 1px solid #000;
}

.issues_page #issues_icons .icon_image {
display: block; 
position: relative; 
box-sizing: border-box; 
height: auto; 
width: 100%; 
}

.issues_page #issues_icons .icon_img_absolute {
position: relative; 
display: block; 
box-sizing: border-box; 
width: 100% !important; 
height: 100% !important; 
height: auto; 
padding-bottom: 100%;	
}

.issues_page #issues_icons .image {
position: absolute; 
top: 9.5%; 
bottom: 15.5%; 
left: 25%; 
right: 0; 
width: 50% !important; 
height: 50% !important;
box-sizing: border-box !important; 
margin: 0 !important; 
padding: 0 !important; 
}

.issues_page #issues_icons .image.issue1 {
background: url(images/icons/cpr3.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;

}

.issues_page #issues_icons .image.issue2 {
background: url(images/icons/counterviolence.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue3 {
background: url(images/icons/crime2.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue4 {
background: url(images/icons/disarmament01.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue5 {
background: url(images/icons/displace0.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue6 {
background: url(images/icons/rights01.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue7 {
background: url(images/icons/humanitarian01.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue8 {
background: url(images/icons/justicelaw01.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue9 {
background: url(images/icons/peacebuilding01.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue10 {
background: url(images/icons/poc0.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue11 {
background: url(images/icons/sviolence01.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue12 {
background: url(images/icons/development01.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue13 {
background: url(images/icons/peacekeeping.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue14 {
background: url(images/icons/wps01.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .image.issue15 {
background: url(images/icons/children.png) center center no-repeat;
background-size: contain; 
image-rendering: auto;
}

.issues_page #issues_icons .icon_description {
display: block; 
position: absolute; 
bottom: 0; 
width: 100%;
box-sizing: border-box; 
padding: 0 20px 20px 20px; 
text-align: center;  
vertical-align: middle;
cursor: pointer;
}

.issues_page #issues_icons .icon_description span {
display: block; 
font-family: 'Proxima Nova Bold', sans-serif; 
font-size: 12.5px; 
line-height: 21px; 
word-spacing: 0px; 
text-transform: uppercase; 
letter-spacing: 0.8px;
vertical-align: middle;
text-align: center;
}

.issues_page #issues_icons .icon_description2 {
opacity: 0;
display: block;
position: absolute; 
top:0;
left:0;
bottom: 0;
right:0;
width: 100%;
height: 100%;
box-sizing: border-box;  
text-align: center; 
font-family: 'Open Sans Condensed', sans-serif;   
word-spacing: 0px; 
vertical-align: middle;
transition: opacity ease-in 0.4s;
}

.issues_page #issues_icons .icon_description2:hover {
opacity: 1; 
transition: opacity ease-in 0.4s;
}

.issues_page #issues_icons .icon_description2 span {
display: block; 
box-sizing: border-box;
width: 100%;
position: relative;
top: 0; 
bottom: 0;
height: 100%;
padding: 10% 5%;
font-family: 'Open Sans Condensed', sans-serif; 
font-weight: 750; 
font-size: 14.5px; 
line-height: 21px; 
word-spacing: 0px;  
vertical-align: middle;
text-align: center;
border-bottom: 2px solid rgb(46,172,151);
}

.issues_page #issues_icons .icon_description2:hover span {
background-color: rgba(255,255,255,0.9);
border-top: 2px solid rgb(46,172,151);
color: #666666 !important;
}

.issues_page #issues_icons .icon_description2 a {
position: absolute;
bottom: 2px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
box-sizing: border-box;
padding: 4% 3% 2% 3%;
vertical-align: middle;
color: rgb(46,172,151);
font-family: 'Open Sans Condensed', sans-serif; 
font-weight: 600; 
font-size: 15px; 
line-height: 21px; 
word-spacing: 0px; 
letter-spacing: 0px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
border-top: 1px solid rgb(46,172,151);
}

.issues_page #issues_icons .icon_description2 a:hover {
background: #fff;
color: #000;
border-top: 1px solid #000;
padding: 3% 3% 3% 3%;
box-sizing: border-box;
font-weight: 700; 
}

/* ------------ Issues Archive Page ------------------ */

.issues_archive .content-sidebar-wrap {
margin: 0 !important;
width: 100%;
}

.issues_archive #genesis-content.content {
width: 90%;
margin: 0 5% !important;
padding: 1px 0;
}

.issues_archive .archive-description {
display: none !important;
visibility: hidden !important;
}

.issues_archive #issues_view {
position: relative;
display: block;
width: 100%;
height: auto;
max-height: 100%;
background: #fff;
}

.issues_archive #issues_view_top {
background: #fff;
position: relative;
display: inline-block;
width: 100%;
height: auto;
}

.issues_archive .issues_page_icon {
position: relative;
top: 0; 
left: 0;
display: block; 
float: left;
box-sizing: border-box; 
width: 25% !important; 
height: auto;
padding: 1vw 2vw 1vw 1vw;     
}

.issues_archive .issues_page_icon_image {
display: block;
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
box-sizing: border-box;   
padding-bottom: 100%;
width: 100%;
height: auto;
background-color: rgba(241,241,241,0.3);
}

.issues_archive .issues_page_icon_absolute {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;  
right: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 3vw;
border: 1px solid rgba(0,0,0,0.2);
}

.issues_archive .issues_page_icon_absolute img {
position: relative;
display: block; 
z-index: 9; 
width: 100%;
height: 100%;
image-rendering: auto; 
border: none;
outline: none;
}

.issues_archive .issues_page_info {  
position: relative;
display: block;  
height: auto;
width: auto;
box-sizing: border-box;
padding: 0 2vw;
}

.issues_archive #issues_breadcrumbs_parent {
display: none;
visibility: hidden;
}

.issues_archive #issues_breadcrumbs {
position: relative;
background: #fff;
display: inline-flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
width: 100%;
font-family: "Open Sans Condensed", sans-serif;
letter-spacing: normal;
box-sizing: border-box;
margin: 0;
padding: 1vw 1vw 0 1vw;
z-index: 3 !important;
}

.issues_archive.issues_parent #issues_breadcrumbs {
display: none !important;
visibility: hidden !important;	
}

.issues_archive.issues_parent #issues_breadcrumbs_parent {
visibility: visible;
position: relative;
background: #fff;
display: inline-flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
width: 100%;
font-family: "Open Sans Condensed", sans-serif;
letter-spacing: normal;
box-sizing: border-box;
margin: 0;
padding: 1vw 1vw 0 1vw;
z-index: 3 !important;
}

.issues_archive .issues_crumbs1::-webkit-scrollbar-button{ display: none; height: 3px; border-radius: 0px; background-color: #AAA; } 
.issues_archive .issues_crumbs1::-webkit-scrollbar-button:hover{ background-color: rgb(46,172,151); } 
.issues_archive .issues_crumbs1::-webkit-scrollbar-thumb{ background-color: #CCC; } 
.issues_archive .issues_crumbs1::-webkit-scrollbar-thumb:hover{ background-color: rgb(46,172,151); } 
.issues_archive .issues_crumbs1::-webkit-scrollbar-track{ background-color: #ffffff; box-shadow: none; } 
.issues_archive .issues_crumbs1::-webkit-scrollbar-track:hover{ background-color: rgb(244,244,244); box-shadow: none; } 
.issues_archive .issues_crumbs1::-webkit-scrollbar{ width: 4px !important; }


.issues_archive .issues_crumbs1 {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
box-sizing: border-box !important;
margin: 0;
width: 26.4%;
max-width: 26.4%;
overflow: hidden;
height: 8vw;
font-size: 1.3vw;  
line-height: 1.7vw;
text-align: left;
border: 1px solid rgba(0,0,0,0.2);
padding: 0.45vw 1vw;
overflow-y: auto;
text-overflow: ellipsis; 
white-space: nowrap;
}

.issues_archive .issues_crumbs1:hover {
border: 1px solid #2eac97;
}


.issues_archive .issues_crumbs1 a {
position: relative;
display: inline !important;
white-space: normal !important;
text-align: left;  
max-width: 100%;
}

.issues_archive a:hover {
color: #000;
cursor: pointer;
}

.issues_archive .issues_crumbs1 span {
position: relative;
display: block !important; 
box-sizing: border-box;
white-space: normal !important;
text-align: left;
width: 100%;
height: auto;
max-width: 100%; 
}

.issues_archive .issues_crumbs2 {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;  
margin: 0 !important;  
width: 19%;
height: 8vw; 
font-size: 1.5vw; 
line-height: 1.9vw;  
border: 1px solid #2eac97;
padding: 0 1vw; 
flex-wrap: nowrap;
background: rgba(46,172,151,0.1);
}

.issues_archive .issues_crumbs2:hover {
background: rgba(46,172,151,0.3);
border: 1px solid #000;  
cursor: pointer;
}

.issues_archive .issues_crumbs2:active,
.issues_archive .issues_crumbs2:focus {
background: rgb(46,172,151);
border: 1px solid #000;  
cursor: pointer;
}

.issues_archive .issues_crumbs2 a {
position: relative;
font-weight: bold;
}

.issues_archive .issues_crumbs2:hover a, 
.issues_archive .issues_crumbs2:active a,
.issues_archive .issues_crumbs2:focus a {
color: #000;
}

.issues_archive .issues_page_info h1 {
display: block;
width: 75%;
float: right;
margin: 0;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box;
margin-top: 3.5vw;
margin-bottom: 2.2vw;
}

.issues_archive .issues_page_info .issues_page_desc {
position: relative;
display: block;
box-sizing: border-box;
}

.issues_archive .issues_page_info .issues_page_desc p,
.issues_archive .issues_page_info .issues_page_desc span {
font-family: "Open Sans Condensed", sans-serif;
letter-spacing: normal;
font-size: 21px !important;
line-height: 30px !important;
word-spacing: 1px;
}

.issues_archive form {
margin: 0 !important;
}

.issues_archive h5.relevant {
margin-top: 2.7vw;
margin-bottom: 1.6vw;	
padding-left: 1vw;
}

.issues_archive #publications_loop {
position: relative;
display: inline-flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 101.5% !important;
margin: 0;
margin-top: -1.8vw !important;
margin-right: -1.5% !important;
margin-bottom: 1vw;
height: auto;
letter-spacing: normal !important;
word-spacing: normal !important;
white-space: normal;
text-align: left;	
}


/* ------------ Regions Page ---------- */

.regions_page .tagcloud {
text-align: left !important;
}














/* ------------ Region/Country Archive Page ---------- */

.region_archive .mapsvg.mapsvg-responsive {
background: #666666;
outline-color: rgba(0,0,0,0.8);  
}

.region_archive .mapsvg .mapsvg-region {
fill: #fefefe;
outline-color: rgba(0,0,0,0.8);
}

.region_archive .mapsvg .mapsvg-region:hover {
fill: #2eac97;
}

.region_archive .mapsvg .mapsvg-region:selected {

}

.region_archive .content-sidebar-wrap {
margin: 0 !important;
width: 100%;
}

.region_archive #genesis-content.content {
width: 90%;
margin: 0 5% !important;
padding: 1px 0;
}

.region_archive .archive-description {
display: none !important;
visibility: hidden !important;
}

.region_archive #region_view {
position: relative;
display: block;
width: 100%;
height: auto;
background: #fff;
padding-bottom: 2vw;
box-sizing: border-box;
}

.region_archive #region_view_top {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
height: auto;
}

.region_archive .region_page_map {
position: relative;
top: 0; 
left: 0;
display: block; 
float: left;
padding: 1vw 2vw 1vw 1vw;
box-sizing: border-box; 
width: 42% !important; 
height: auto;
z-index: 9 !important;
}

.region_archive .region_page_info {  
position: relative;
display: block;  
height: auto;
width: auto;
box-sizing: border-box;
padding: 1vw 2vw 0 2vw;
}
.region_archive .region_page_info .region_breadcrumbs {
position: relative;
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
width: 60.5%;
float: right;
font-family: "Open Sans Condensed", sans-serif;
letter-spacing: normal;
box-sizing: border-box;
margin-right: -1%;
margin-left: -1.5%;
z-index: 3 !important;
}

.region_archive .region_page_info .region_breadcrumbs .region_crumbs1 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
margin: 0 !important;
width: 60%;
height: 4vw;
font-size: 1.3vw;  
line-height: 1.7vw;  
border: 1px solid rgba(0,0,0,0.2);
padding: 0 1vw;
padding-top: 0.5%;  
}

.region_archive .region_page_info .region_breadcrumbs .region_crumbs1:hover {
border: 1px solid #2eac97;
}

.region_archive .region_page_info .region_breadcrumbs a {
font-weight: bold;
}

.region_archive .region_page_info .region_breadcrumbs a:hover {
color: #000;
cursor: pointer;
}

.region_archive .region_page_info .region_breadcrumbs .region_crumbs1 span {
display: inline;
width: auto !important;
align-self: center;
}

.region_archive .region_page_info .region_breadcrumbs .region_crumbs2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;  
margin: 0 !important;  
width: 39%;
height: 4vw; 
margin-left: 1%;
font-size: 1.5vw; 
line-height: 1.9vw;  
border: 1px solid #2eac97;
padding: 0 1vw; 
padding-top: 0.5%;  
}

.region_archive .region_page_info .region_breadcrumbs .region_crumbs2:hover {
background: rgba(0,0,0,0.1);
border: 1px solid #000;  
cursor: pointer;
}

.region_archive .region_page_info .region_breadcrumbs .region_crumbs2:hover a {
color: #000;
}

.region_archive .region_page_info h1 {
display: block;
width: 58%;
float: right;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box;
}

.region_archive .region_page_info .region_page_desc p,
.region_archive .region_page_info .region_page_desc span {
font-family: "Open Sans Condensed", sans-serif;
letter-spacing: normal;
font-size: 22px !important;
line-height: 36px !important;
word-spacing: 1px;
}

.region_archive.region_parent #region_view {
padding-bottom: 0;
}

.region_archive.region_parent #region_view_top {
display: block;
}

.region_archive.region_parent .region_page_info h1 {
position: relative;
display: block;
width: 100%;
padding-right: 61.5%;
box-sizing: border-box;
margin-top: -2.5vw;
}

.region_archive.region_parent .region_page_info .region_breadcrumbs {
position: relative;
display: flex;
width: 100%;
padding-left: 39.5%;
z-index: 3 !important;
}

.region_archive.region_parent .region_page_map {
display: none;
visibility: hidden;
}

.region_archive.region_parent .region_page_info {
position: relative;
display: block;
width: 100%;
}

.region_archive.region_parent .region_page_info .region_page_desc {
position: relative;
display: block;
width: 100%;
}

.region_archive form {
margin: 0 !important;
}

.region_archive h5.relevant {
margin-top: 2.7vw;
margin-bottom: 1.6vw;	
padding-left: 1vw;
}

.region_archive #publications_loop {
position: relative;
display: inline-flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 101.5% !important;
margin: 0;
margin-top: -1.8vw !important;
margin-right: -1.5% !important;
margin-bottom: 1vw;
height: auto;
letter-spacing: normal !important;
word-spacing: normal !important;
white-space: normal;
text-align: left;	
}

/* ----------------- Recommendations View ------------------------- */

#recommendations {
position: relative;  
display: block;
width: 100%;
height: auto;
box-sizing: border-box;
margin-top: -1px;
padding: 0 5vw;
background: #fff;
}

#recommendations form {
margin: 0 !important;
max-width: 100%;
}

#recommendations h5.rec_h5 {
margin: 2.5vw -2vw;
position: relative;
display: block;
width: 100%;
text-align: left;
}

#recommendations .rec_filter {
width: 100%; 
display: block;
height: auto; 
position: relative;
}

#recommendations .rec_filter input[type=radio] {
position: relative;
opacity: 0;
width: 0px;
height: 0px;
margin: 0;
}

#recommendations .rec_filter .rec_1 {
position: relative; 
z-index: 3; 
display: flex; 
flex-direction: row; 
flex-wrap: wrap; 
justify-content: center;
align-items: center;
}

#recommendations .rec_filter .rec_1 input[type=button] {
display: inline-block;
position: relative;
box-sizing: border-box;
cursor: pointer;
padding: 1.4vw 1.3vw 1.1vw 1.3vw;
outline: none;
border: none;
border: 1px solid #000;
border-bottom: 1px solid rgb(85,85,85);
background: #2eac97;
vertical-align: center;
margin: 0; 
height: auto;
font-size: 1.5vw;
line-height: 1.6vw;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 600;
letter-spacing: 0.3px;
}

#recommendations .rec_filter .rec_1 label {
display: inline-block;
position: relative;
box-sizing: border-box;
cursor: pointer;
padding: 1.4vw 1.3vw 1.1vw 1.3vw;
outline: none;
border: none;
border: 1px solid #000;
border-bottom: 1px solid rgba(85,85,85,0.7);
border-right: 0;
background: rgba(244, 244, 244, 0.7);
color: rgb(85,85,85);  
vertical-align: center;
margin: 0;
height: auto;
font-size: 1.5vw;
line-height: 1.6vw; 
font-family: "Open Sans Condensed", sans-serif;
font-weight: 600;
letter-spacing: 0.3px;  
}

#recommendations .rec_filter .rec_1 label:hover {
background: rgba(46, 172, 151, 0.2);
}

#recommendations .rec_filter .rec_1 label.search_label {
background: #2eac97; 
color: #fff; 
cursor: default;
}

#recommendations .rec_filter .rec_1 input[type=radio]:checked + label {
background: #fefefe;
border-bottom: 1px solid #fefefe;
color: #000;
}

#recommendations .rec_filter .rec_2 {
margin-top: -1px; 
border: 1px solid #000; 
border-bottom: 0; 
display: flex; 
flex-direction: row; 
flex-wrap: wrap; 
justify-content: flex-start; 
align-items: center; 
padding: 0.2vw 3vw 0 3vw;
background: #fefefe;
}

#recommendations .rec_filter .rec_2 label {
display: inline-block;
position: relative;
box-sizing: border-box;
cursor: pointer;
padding: 1vw 3px 0 3px;
outline: none;
border: none;
vertical-align: center;
margin: 0 0.5vw;
height: auto;
font-size: 1.2vw;
line-height: 1.6vw;
border-bottom: 1px solid rgba(85,85,85,0.7); 
color: rgb(85,85,85);
}

#recommendations .rec_filter .rec_2 label:hover {
border-bottom: 1px solid #000;
color: #000;
}

#recommendations .rec_filter .rec_2 input[type=radio]:checked + label {
border-bottom: 1px solid #000;
color: #000;
font-weight: 600;
}

#recommendations .rec_para {
display: block; 
position: relative; 
height: auto; 
border: 1px solid #000;
box-sizing: border-box; 
padding: 0 5vw 1vw 5vw;
background: #fefefe;
margin-bottom: 2vw;
}

#recommendations .rec_para span.rec_para_title {
padding-top: 3vw; 
display: block; 
color: #2eac97; 
font-size: 20px; 
font-weight: bold;
margin-left: -2vw;
}

#recommendations p {
font-size: 14px;
display: block; 
position: relative; 
height: auto;  
}

#recommendations ul {
padding-left: 2.5vw;
font-size: 14px;

}

#recommendations .archive-pagination.pagination {
width: calc(100% + 1.5vw); 
margin: 0;
margin-left: -1.5vw;
margin-top: 2vw;
display: block; 
position: relative; 
height: auto;
min-height: 33px;
}

#recommendations .archive-pagination.pagination ul {
padding-left: 0;
}

#recommendations .archive-pagination.pagination .rec_results {
position: absolute; 
right: 0; 
padding-top: 9px; 
top: 50%; 
transform: translateY(-50%); 
font-weight: bold;
}

#recommendations .archive-pagination li a:active, .archive-pagination li a:hover, .archive-pagination li a:focus {
border: none;
border: 0px;
background: #2eac97;
}

#recommendations .archive-pagination li:hover, .archive-pagination li:active, .archive-pagination li:focus {
border: 0px;
}


/* --------------- Side Bars and Tag Cloud ---------------------------- */

.issue-cloud a {
position: relative;
display: inline-block !important;
width: auto !important;
height: auto !important;
}

li#tag_cloud-30 {
list-style: none !important;
}

footer.entry-footer {
margin-top: 50px;
}

#genesis-content article p.entry-meta {
margin-bottom: 0;
}
/* ----------------- Testimonials Slider ------------------------- */

#gts_widget-4, #gts_widget-4 div, .ngowg_slider li, .ngowg_slider blockquote {
list-style: none;
height: auto !important;
}

#gts-testimonials,  #gts-testimonials div {
height: auto !important;
}

.ngowg_slider li h5 {	
display: none;
visibility: hidden;
}

.ngowg_slider {
width: 100%;
height: auto !important;
}

.ngowg_slider .widget-title {
text-align: center;
color: #2eac97 !important;
font-size: 2.6em;
}

.ngowg_slider blockquote {
font-family: 'Proxima Nova Regluar', sans-serif;
font-size: 1.3em;
line-height: 1.5em;
color: rgba(50,50,50,0.6);
width: 80%;
margin: 0 auto;
padding-bottom: 2vw;
letter-spacing: normal !important;
word-spacing: normal !important;
}

.ngowg_slider blockquote:before, .ngowg_slider blockquote:after {
  display: inline-block;
  vertical-align: top;
	position: relative;
	top: 7px;
  font-size: 2.5em;
	color: #2eac97;
	opacity: 0.7;
}

.ngowg_slider blockquote:before {
  display: inline-block !important;
	content: "\201C";
	margin-right: 5px;
}

.ngowg_slider blockquote:after {
  display: inline-block !important;
	content: "\201D";
  margin-left: 5px;
}

.lSSlideOuter .lSPager.lSpg > li.active a, .ISSlideOuter .lSPager.lSpg > li:hover a {
background-color: #2eac97 !important;
}

.lSSlideOuter .lSPager.lSpg > li a:hover {
background-color: #2eac97 !important;
}

.lSSlideOuter .lSPager.lSpg > li a {
background-color: rgba(50,50,50,0.4) !important;
color: rgba(50,50,50,0.4) !important;
}


/* ----------------------------------------- Media Queries ----------------------------------- */

@media screen and (max-width: 1200px) {
.issues_page #issues_icons .icon_description { 
padding: 0 1vw 1vw 1vw; 
}

.issues_page #issues_icons .icon_description span {
font-size: 11px !important;
line-height: 15px !important;
}

}


@media screen and (max-width: 900px) {

div.one_publication {
width: 48.5%;
}

}

@media screen and (max-width: 830px) {

.issues_page #issues_icons .one_icon {	
width: 33.3% !important;
}
	
}

@media screen and (max-width: 780px) {

#filter_container input[type=checkbox] {
padding: 0;
width: 100%;
}
  
}  

@media screen and (max-width: 700px) {

.issues_page #issues_icons .icon_description2 span {
font-size: 10px;
line-height: 13px;
}


#intro_container {
display: block;
width: 95%;  
margin: 0 2.5%;
padding: 1.4% 0 3% 0;
}

div.pub_search_intro {
display: block;
width: 100%;
margin-bottom: 2.5vw;
}
  
div.pub_search_submit {
width: 100%; 
margin-bottom: 1vw;  
}
  
div#filter_container input[type=checkbox] {
padding: 0;
width: 100%;
} 

div#filter_container .form-g {
width: 48% !important; 
margin-bottom: 40px;
max-height: 35vw;
}
  
} 

@media screen and (max-width: 650px) {

.issues_page #issues_icons .one_icon {	
width: 50% !important;
}

.issues_page #issues_icons .icon_description span {
font-size: 10px !important;
line-height: 13px !important;
}

.issues_archive .issues_page_icon {
width: 35% !important;
}

.issues_archive .issues_page_info h1 {
width: 65%;
font-size: 25px !important;
line-height: 30px;
margin-top: 3vw;
}

}
 
@media screen and (max-width: 550px) {
div.one_publication {
width: 48.5% !important;  
 }
 
div#filter_container .form-g {
min-height: 35vw !important;
max-height: 45vw !important;
}

.grid_search {
display: block;
width: 90%;
margin: 0 auto;
}
 
} 

  
/* End of Jodi's CSS */