/** Main Less file - imports pieces and has some of the 'main styles' **/
nav.sdg-tabs .sdg-term-list .sdg-icon-list {
  width: 5.8823%;
  height: auto;
  margin: 0px;
}
nav.sdg-tabs .sdg-term-list .sdg-icon-list .sdg-icon {
  width: 100%;
  min-height: 40px;
}
.sdg-hidden {
  display: none  !important;
}
.sdg-show {
  display: block !important;
}
/**
 * Nicolas gallagher's clearfix http://nicolasgallagher.com/micro-clearfix-hack/
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}
ul.sdg-term-list {
  list-style: none;
  margin: 10px 0px;
  padding: 0px;
}
ul.sdg-term-list li {
  display: inline-block;
  padding: 0px 5px;
}
ul.sdg-term-list li:not(:first-child) {
  border-left: 1px solid #222;
}
ul.sdg-term-list li.sdg-icon-list {
  margin: 5px;
  padding: 0px;
  border: none;
}
ul.sdg-icon-list {
  list-style: none;
  margin: 25px 0px;
  padding: 0px;
}
ul.sdg-icon-list li {
  box-sizing: border-box;
  display: block;
  float: left;
  position: relative;
  padding: 5px 5px;
  background: white !important;
}
ul.sdg-icon-list li.icon-strip {
  width: 5.5555%;
  padding: 0px 0px;
}
ul.sdg-icon-list li:before {
  content: "";
  display: block;
  padding-top: 100%;
}
ul.sdg-icon-list li a.sdg-icon {
  width: calc(90%);
  height: calc(90%);
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
}
.sdg-term-all { 
	background: black; 	
}
.icon-strip a.sdg-term-all  { 
	color: white; 
	padding: 0px 5px; 
}
.sdg-term-1 {
  color: #E5243B;
}
.sdg-term-1.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #E5243B url('../assets/images/SDG1.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-2 {
  color: #DDA63A;
}
.sdg-term-2.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #DDA63A url('../assets/images/SDG2.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-3 {
  color: #4C9F38;
}
.sdg-term-3.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #4C9F38 url('../assets/images/SDG3.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-4 {
  color: #C5192D;
}
.sdg-term-4.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #C5192D url('../assets/images/SDG4.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-5 {
  color: #FF3A21;
}
.sdg-term-5.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #FF3A21 url('../assets/images/SDG5.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-6 {
  color: #26BDE2;
}
.sdg-term-6.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #26BDE2 url('../assets/images/SDG6.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-7 {
  color: #FCC30B;
}
.sdg-term-7.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #FCC30B url('../assets/images/SDG7.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-8 {
  color: #A21942;
}
.sdg-term-8.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #A21942 url('../assets/images/SDG8.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-9 {
  color: #FD6925;
}
.sdg-term-9.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #FD6925 url('../assets/images/SDG9.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-10 {
  color: #DD1367;
}
.sdg-term-10.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #DD1367 url('../assets/images/SDG10.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-11 {
  color: #FD9D24;
}
.sdg-term-11.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #FD9D24 url('../assets/images/SDG11.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-12 {
  color: #BF8B2E;
}
.sdg-term-12.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #BF8B2E url('../assets/images/SDG12.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-13 {
  color: #3F7E44;
}
.sdg-term-13.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #3F7E44 url('../assets/images/SDG13.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-14 {
  color: #0A97D9;
}
.sdg-term-14.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #0A97D9 url('../assets/images/SDG14.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-15 {
  color: #56C02B;
}
.sdg-term-15.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #56C02B url('../assets/images/SDG15.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-16 {
  color: #00689D;
}
.sdg-term-16.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #00689D url('../assets/images/SDG16.png') no-repeat center center;
  background-size: contain;
}
.sdg-term-17 {
  color: #19486A;
}
.sdg-term-17.sdg-icon {
  /** hide text on icon display **/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /** 80px wide icons for Org display **/
  display: block;
  width: 80px;
  height: 80px;
  background: #19486A url('../assets/images/SDG17.png') no-repeat center center;
  background-size: contain;
}
.country-taxonomy-entry {
  padding: 15px 0px;
  border-top: 1px solid #000022;
  display: block;
}
.country-taxonomy-entry header,
.country-taxonomy-entry aside {
  float: left;
}
.country-taxonomy-archive h1 {
  position: relative;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.country-taxonomy-archive h1::after {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
  z-index: 0;
}
.country-taxonomy-archive h1 span.country-taxonomy-title {
  height: 100%;
  width: 100%;
  color: white;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
  line-height: 252px;
  z-index: 1;
}
.main-taxonomy-description {
  display: block;
  float: left;
  width: 60%; 
	box-sizing: border-box;

}
.taxonomy-stats { 
display: block;
  float: left;
  width: 40%; 
	box-sizing: border-box;
}
.taxonomy-stats .taxonomy-resources { 
	padding: 20px; 
	background: #19a9b4;
}
.taxonomy-stats .taxonomy-resources h3, .taxonomy-stats .taxonomy-resources a { 
	color: white; 
}
.main-taxonomy-description { 	padding-right: 15px; }
.taxonomy-stats { padding-left: 15px; }
.taxonomy-stats .taxonomy-counter-number {
  font-size: 65px;
  line-height: 65px;
  float: left;
  clear: none;
  width: 50%;
  padding: 5px 15px;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  background: #000022;
  color: white;
}
 .taxonomy-stats .taxonomy-counter-label {
  float: left;
  clear: none;
  width: 50%;
  padding: 10px 15px;
  display: inline-block;
}
 .taxonomy-stats .taxonomy-graph {
	 margin-top: 20px; 
  display: block;
  clear: both;
	 padding: 20px; 
	 background:  #f4913e;
	 
}

.taxonomy-stats .taxonomy-contacts {
	margin-top: 20px; 
  	display: block;
  	clear: both;
	padding: 20px; 
	background:  #19a9b4;
	color: white; 	 
}
.taxonomy-stats .taxonomy-contacts h3 { margin-bottom: 20px; }
.taxonomy-stats .taxonomy-contacts h3, .taxonomy-stats .taxonomy-contacts a, .taxonomy-stats .taxonomy-contacts h4 { 
	color: white !important;
}

.taxonomy-stats .taxonomy-graph h3 { color: white; }
 .taxonomy-stats .taxonomy-graph .taxonomy-data {
  width: 33.3333%;
	 box-sizing: border-box;
  float: left;
  clear: none;
  padding: 0px;
}
 .taxonomy-stats .taxonomy-graph .taxonomy-data h3 {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  margin: 25px 0px 10px;
}
.indicator_source { 
	display: block; clear: both; text-align: center; font-size: 10px; 
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value {
  font-size: 36px;
	box-sizing: border-box;
  display: block;
  clear: both;
  line-height: 110px;
  text-align: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #ffeb32;
  margin: 0px auto;
	color: #19a9b4;
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .chart-text {
  font: 12px/1em Arial, sans-serif;
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}
 .taxonomy-stats .taxonomy-graph .taxonomy-data .chart-number {
  font-size: 0.45em;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
	 fill: #FFF;
}
 .taxonomy-stats .taxonomy-graph .taxonomy-data .chart-label {
  font-size: 0.2em;
  text-transform: uppercase;
  text-anchor: middle;
  -moz-transform: translateY(0.7em);
  -ms-transform: translateY(0.7em);
  -webkit-transform: translateY(0.7em);
  transform: translateY(0.7em);
} 
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value.country-cs { 
	font-size: 16px !important;
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value.country-cs.closed { 
	background: #E71D26;
	color: white; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px !important;
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value.country-cs.repressed { 
	background: #E46C16;
	color: white; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px !important;
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value.country-cs.obstructed { 
	background: #F6AB17;
	color: white; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px !important;
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value.country-cs.narrowed { 
	background: #ACAF3D;
	font-size: 16px !important;
	color: white; 
	text-transform: uppercase;
	font-weight: bold;
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value.country-cs.open { 
	background: #009D5C;
	font-size: 16px !important;
	color: white; 
	text-transform: uppercase;
	font-weight: bold;
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value.country-car { 
	background: none; 
	border: 3px dashed #ffeb32;
}
.taxonomy-stats .taxonomy-graph .taxonomy-data .taxonomy-data-value.country-car .country-car-string { 
	line-height: 18px !important; 
	display: block; 
	margin-top: 33%;
	color: white;
	font-size: 14px; 
	text-align: center; 
}
.taxonomy_contacts { 
	
}
@media screen and (min-width: 768px) {
  .country-taxonomy-archive .main-taxonomy-description {
    display: block;
    float: left;
    width: 50%;
    padding-right: 25px;
  }
  .country-taxonomy-archive .taxonomy-stats {
    display: block;
    float: left;
    width: 50%;
  }
  .country-taxonomy-entry header,
  .country-taxonomy-entry aside {
    float: left;
    width: 50%;
  }
}
/** MAPAEL CONTROLS **/
.mapael {
  overflow: hidden;
  position: relative;
  background: white;
}
.mapael .orgmapTooltip {
  position: absolute;
  background-color: #fff;
  moz-opacity: 0.80;
  opacity: 0.80;
  filter: alpha(opacity=80);
  border-radius: 8px;
  padding: 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  color: #000022;
}
.mapael .orgmapTooltip h3 {
  font-size: 14px;
  margin-bottom: 5px;
}
.mapael .orgmapTooltip p, .mapael .orgmapTooltip ul li  {
  font-size: 12px;
}
.mapael .orgmapTooltip ul { padding-left: 15px; margin-top: 5px; }
.mapael .orgmapTooltip ul li { line-height: 160%; }

.mapael .zoomButton {
  background-color: #000022;
  border: 1px solid #000022;
 /* color: #000;*/
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  position: absolute;
  top: 0;
  font-weight: bold;
  font-family: Arial;
  font-size: 14px;
  left: 10px;
  color: white;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* Reset Zoom button first */
.mapael .zoomReset {
  top: 80%;
}
/* Then Zoom In button */
.mapael .zoomIn {
  top: 85%;
}
/* Then Zoom Out button */
.mapael .zoomOut {
  top: 90%;
}

.orgmap-template { 
	margin-top: 79px;
}
body.tax-countries #nd_options_navigation_2_container > .nd_options_section, body.single-organization #nd_options_navigation_2_container > .nd_options_section { background: #888888 !important; }

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.sdg-tabs { margin-top: 60px; }

body.single-organization h1 { padding-top: 45px; }

.org-logo { width: 28%; padding-right: 20px; float: left; clear: none; box-sizing: border-box; }
.org-content { width: 72%; float: left; clear: none;box-sizing: border-box;  }

.org-link { width: 60px; display: inline-block; }

/** Custom Css for A4SD **/
.country-taxonomy-archive h1 { min-height: 250px; line-height: 250px; text-align: center; max-height: 250px; }
.country-taxonomy-archive h1 img { margin: 0px auto; }