/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://2017report.apc.org/wp-bootstrap-starter-child/
Author: Sarah ET
Description:  Child theme based on WP Bootstrap Starter and some snippets taken from 2016report.apc.org by Liz, GN
Template: wp-bootstrap-starter
Version: 3.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter-child
Tags: 2017 annual report, APC
*/
/* reset */
h1, h2, h3 {
  font-weight: normal !important;
}

.btn {
  border: none;
  border-radius: none;
  transition: none !important;
  box-shadow: none !important;
}

.btn:focus {
  box-shadow: none;
}

.fa, .fas {
  font-family: FontAwesome !important;
}

/* apc customisations */
#member-grants-2 .col-md-12 img, #finances .col-md-12 img {
  cursor: zoom-in;
}

a.linkout {
  text-decoration: underline !important;
}

a.page-scroller {
  margin-top: 2rem;
  margin-bottom: 2rem;
  clear: both !important;
  z-index: 999 !important;
}

.wp-caption {
  background: unset !important;
  border: none !important;
}

.modal-header {
  flex-direction: row-reverse;
  margin-left: 40px;
}

.modal-dialog {
  min-width: 90% !important;
}

.modal-body {
  margin-left: 40px;
  margin-right: 40px;
}

.modal-footer {
  padding-bottom: 10px;
}

#page-sub-header {
  position: relative !important;
  background-size: 100% !important;
  background-position: top left;
  background-repeat: no-repeat !important;
  height: 0px !important;
  display: block;
  padding-bottom: 10%;
}

@media (max-width: 599px) {
  #page-sub-header {
    padding-top: 187.1875%;
  }
}

@media (min-width: 600px) {
  #page-sub-header {
    padding-top: 150%;
  }
}

@media (min-width: 900px) {
  #page-sub-header {
    padding-top: 66.66667%;
  }
}

@media (min-width: 1200px) {
  #page-sub-header {
    padding-top: 53.42237%;
  }
}

.sub-head-top {
  position: absolute;
}

@media (max-width: 599px) {
  .sub-head-top {
    top: 4%;
    width: 50%;
  }
}

@media (min-width: 600px) {
  .sub-head-top {
    top: 6%;
    width: 50%;
  }
}

@media (min-width: 900px) {
  .sub-head-top {
    top: 16%;
    width: 74%;
  }
}

@media (min-width: 1200px) {
  .sub-head-top {
    top: 16%;
    width: 64%;
  }
}

@media (min-width: 1366px) {
  .sub-head-top {
    top: 16%;
    width: 61%;
  }
}

@media (min-width: 1400px) {
  .sub-head-top {
    top: 16%;
    width: 61%;
  }
}

div#page-sub-header h1, div#page-sub-header h5 {
  color: #ffffff !important;
  text-align: left !important;
}

@media (max-width: 599px) {
  div#page-sub-header h1 {
    font-size: 220%;
    font-weight: bolder !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 600px) {
  div#page-sub-header h1 {
    font-size: 400%;
    font-weight: bolder !important;
  }
}

@media (min-width: 900px) {
  div#page-sub-header h1 {
    font-size: 530%;
    font-weight: bolder !important;
  }
}

@media (min-width: 1200px) {
  div#page-sub-header h1 {
    font-size: 86pt;
    font-weight: 600 !important;
  }
}

@media (min-width: 1400px) {
  div#page-sub-header h1 {
    font-size: 86pt;
    font-weight: 800 !important;
  }
}

div#page-sub-header h5 {
  font-size: 80%;
}

@media (max-width: 599px) {
  div#page-sub-header h5 {
    font-size: 60% !important;
  }
}

@media (max-width: 599px) {
  #media_image-5 {
    padding: 60% 0px 0px 30% !important;
    margin: 0 auto !important;
  }
}

@media (min-width: 600px) {
  #media_image-5 {
    padding: 40% 0px 0px 40% !important;
    margin: 0 auto !important;
  }
}

@media (min-width: 900px) {
  #media_image-5 {
    float: right;
    padding: 0px 0px !important;
  }
}

@media (min-width: 1200px) {
  #media_image-5 {
    float: right;
    padding: 60px 0px !important;
  }
}

@media (max-width: 599px) {
  .sub-head-bottom {
    margin-top: -250px !important;
  }
}

@media (min-width: 600px) {
  .sub-head-bottom {
    margin-top: -300px !important;
  }
}

@media (min-width: 900px) {
  .sub-head-bottom {
    margin-top: 200px !important;
  }
}

@media (min-width: 1200px) {
  .sub-head-bottom {
    margin-top: 200px !important;
  }
}

.subhead-quote {
  font-family: "Roboto", sans-serif;
  font-weight: 400 !important;
  font-size: 90% !important;
}

@media (max-width: 599px) {
  .subhead-quote {
    width: 100%;
    font-size: 70% !important;
  }
}

@media (min-width: 600px) {
  .subhead-quote {
    width: 70%;
  }
}

@media (min-width: 900px) {
  .subhead-quote {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  .subhead-quote {
    width: 50%;
  }
}

/* Hamburger menu */
#iwpmenu_icon .iwpmenu_open_button {
  right: 0 !important;
  left: 15px !important;
}

@media (max-width: 599px) {
  #iwpmenu_icon .iwpmenu_open_button {
    left: 10px !important;
  }
}

#iwpmenu_icon .iwpmenu_close_button {
  right: 0 !important;
  left: 15px !important;
}

@media (max-width: 599px) {
  #iwpmenu_icon .iwpmenu_close_button {
    left: 10px !important;
  }
}

#iwpmenu_bar {
  left: 0px !important;
  right: 0px !important;
  background-color: white !important;
}

@media (max-width: 599px) {
  #iwpmenu_bar {
    width: 100% !important;
  }
}

@media (min-width: 600px) {
  #iwpmenu_bar {
    width: 100% !important;
  }
}

@media (min-width: 900px) {
  #iwpmenu_bar {
    width: 300px !important;
  }
}

@media (min-width: 1200px) {
  #iwpmenu_bar {
    width: 300px !important;
  }
}

#iwpmenu_bar div ul {
  text-align: left !important;
}

#iwpmenu_bar div ul.menu li a {
  color: black !important;
  line-height: 34px !important;
}

#iwpmenu_bar div ul.menu li.menu-item-has-children ul.sub-menu {
  overflow-y: hidden;
}

#iwpmenu_bar div ul.menu li a:hover, #iwpmenu_bar div ul.menu li a.active {
  color: #dc202e !important;
}

.close_layer {
  fill: #000000 !important;
}

.burger_label {
  font-size: 10px !important;
  font-family: 'sans serif';
}

#page-overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 300;
  /*transition: opacity .3s ease-in-out,width 0 ease-in-out .3s,height 0 ease-in-out .3s; */
}

@media (max-width: 599px) {
  .content-section-c {
    margin-top: 50px !important;
  }
}

@media (min-width: 600px) {
  .content-section-c {
    margin-top: 50px !important;
  }
}

@media (min-width: 900px) {
  .content-section-c {
    margin-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .content-section-c {
    margin-top: 150px !important;
  }
}

@media (max-width: 599px) {
  .container {
    max-width: 80% !important;
  }
}

@media (min-width: 600px) {
  .container {
    max-width: 80% !important;
  }
}

@media (min-width: 900px) {
  .container {
    max-width: 80% !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 66% !important;
  }
}

/* slide general settings for mobile */
@media (max-width: 599px) {
  .slick-slide {
    padding: 0 20px;
    font-size: 110%;
  }
  .slick-next {
    right: -15px !important;
  }
  .slick-prev {
    left: -15px !important;
    z-index: 50 !important;
  }
  h3.panel-title {
    text-indent: -2em;
    padding-left: 3em;
  }
}

@media (min-width: 600px) {
  .slick-slide {
    padding: 0 20px;
    font-size: 110%;
  }
  .slick-next {
    right: -15px !important;
  }
  .slick-prev {
    left: -15px !important;
    z-index: 50 !important;
  }
  h3.panel-title {
    text-indent: -2em;
    padding-left: 3em;
  }
}

/* INTRODUCTION */
#primary {
  position: relative;
  width: 100%;
  clear: both;
}

@media (max-width: 599px) {
  #primary {
    top: 50px;
  }
}

@media (min-width: 600px) {
  #primary {
    top: 50px;
  }
}

@media (min-width: 900px) {
  #primary {
    top: 150px;
  }
}

@media (min-width: 1200px) {
  #primary {
    top: 150px;
  }
}

article.post-14 {
  width: 100% !important;
  background: url("/wp-content/uploads/2018/07/3-intro-bg.png") no-repeat;
  background-size: 100%;
}

article#post-14
#introduction h1 {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
}

article#post-14
#introduction .nav-tabs li {
  width: 33.33% !important;
}

article#post-14
#introduction img {
  border-radius: 50%;
}

.nav-tabs {
  border-bottom: none !important;
  display: inline-block;
  /* needed to center the list items */
}

.tabbable .nav-tabs {
  text-align: center;
  font-size: 130% !important;
  padding: 0px;
}

.nav-tabs li.divider {
  border-right: 1px solid black;
}

.nav-tabs li a {
  font-family: "Roboto", 'sans serif' !important;
  color: #d3d3d3;
  padding-bottom: 10px;
}

.nav a {
  background-color: transparent !important;
}

.nav li a.active, .nav li a.active.show {
  color: black;
}

@media (max-width: 599px) {
  .nav-tabs li a:hover, .nav li a.active.show {
    text-decoration: underline;
  }
}

@media (min-width: 600px) {
  .nav-tabs li a:hover, .nav li a.active.show {
    border-bottom: 1px solid black;
  }
}

@media (min-width: 900px) {
  .nav-tabs li a:hover, .nav li a.active.show {
    border-bottom: 1px solid black;
  }
}

@media (min-width: 1200px) {
  .nav-tabs li a:hover, .nav li a.active.show {
    border-bottom: 1px solid black;
  }
}

.widget {
  margin-bottom: 0 !important;
}

.tab-content {
  margin-top: 30px !important;
}

.quote {
  text-align: center;
  font-style: italic;
}

#menu-item-25 {
  background: url("/wp-content/uploads/2018/07/apclogo-small.png") no-repeat;
  height: 139px;
  margin-left: -10px !important;
}

#menu-item-25 a {
  display: none !important;
}

/* ABOUT */
#about {
  background-color: #59afa9;
  padding: 80px 0 !important;
}

#about h1 {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
}

#about .wp-caption .wp-caption-text {
  color: #ffffff;
  font-size: 110%;
}

#about .col-sm-4 {
  padding-left: 35px !important;
  padding-rignt: 35px !important;
}

/* test */
#more {
  cursor: pointer;
  text-align: right;
  padding-right: 40px;
}

#more-pub {
  cursor: pointer;
  text-align: right;
  padding-right: 40px;
}

#apc-numbers .container {
  margin-top: 50px;
}

#apc-numbers h1 {
  text-align: center;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
  font-size: 2.8rem;
}

@media (max-width: 599px) {
  #apc-numbers h1 {
    font-size: 2.4rem;
  }
}

#apc-numbers h3 {
  text-align: center;
  color: #59afa9;
}

#apc-numbers .slick-list .draggable {
  text-align: center !important;
}

#apc-numbers .slick-track {
  margin-top: 40px;
  text-align: center;
}

#apc-numbers .slick-slide {
  padding: 0 10px;
}

@media (max-width: 599px) {
  #apc-numbers .slick-next {
    right: -25px !important;
  }
}

@media (max-width: 599px) {
  #apc-numbers .slick-prev {
    left: -25px !important;
    z-index: 50 !important;
  }
}

#member-grants {
  background: url("/wp-content/uploads/2018/07/4-grantbg1-254x300.png") top left no-repeat;
}

#member-grants h1 {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
}

@media (max-width: 599px) {
  #member-grants h1 {
    font-size: 2.4rem;
  }
}

#member-grants h3 {
  font-size: 110% !important;
  line-height: 120% !important;
}

#member-grants .grant {
  color: white !important;
  border: solid white 10px;
  padding: 20px;
}

#member-grants .grant a {
  color: #ffffff;
}

#member-grants .grant a:hover {
  color: #f5d6d6;
}

#member-grants .grant-1 {
  background-color: #59afa9 !important;
}

#member-grants .grant-2 {
  background-color: #e49132 !important;
}

#member-grants .grant-3 {
  background-color: #dc202e !important;
}

#member-grants .grant-4 {
  background-color: #4d4d4d !important;
}

#member-grants .quote {
  width: 80%;
  margin: auto;
  padding-bottom: 20px;
}

#member-grants-2 {
  background: url("/wp-content/uploads/2018/07/5-grantbg2-190x300.png") bottom right no-repeat;
}

#member-grants-2 h3 {
  color: white;
  background-color: black;
  padding: 4px;
}

.expanded {
  height: auto !important;
}

.expand {
  height: 220px !important;
  margin-top: 20px;
  margin-bottom: 60px;
  overflow: hidden;
}

@media (max-width: 599px) {
  .expand {
    padding: 20px;
  }
}

@media (min-width: 600px) {
  .expand {
    padding: 20px;
  }
}

@media (min-width: 900px) {
  .expand {
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  .expand {
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  .expand {
    padding: 40px;
  }
}

.lead {
  font-size: 1rem !important;
}

#impact h1 {
  text-align: center;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
  margin-bottom: 12%;
  font-size: 4rem;
}

@media (max-width: 599px) {
  #impact h1 {
    font-size: 3rem;
  }
}

#impact .col-md-7 {
  object-fit: cover !important;
}

@media (max-width: 599px) {
  #impact .col-md-4 {
    padding-left: 10px;
    text-align: center;
  }
}

@media (min-width: 600px) {
  #impact .col-md-4 {
    padding-left: 0px;
  }
}

@media (min-width: 900px) {
  #impact .col-md-4 {
    padding-left: 0px;
  }
}

@media (min-width: 1200px) {
  #impact .col-md-4 {
    padding-left: 0px;
  }
}

@media (min-width: 1366px) {
  #impact .col-md-4 {
    padding-left: 0px;
  }
}

#impact .pcs-featured-image {
  object-fit: cover !important;
}

#impact .story-title {
  margin: 10px 4px 10px 12px;
}

#impact .nav-dots {
  padding-bottom: 20px;
}

#impact .slick-dotted.slick-slider {
  margin-bottom: 90px;
  padding-left: 32px !important;
  padding-right: 30px !important;
}

@media (max-width: 599px) {
  #impact .slide-body {
    padding: 20px;
  }
}

@media (min-width: 600px) {
  #impact .slide-body {
    padding: 20px;
  }
}

@media (min-width: 900px) {
  #impact .slide-body {
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  #impact .slide-body {
    padding: 40px;
  }
}

@media (min-width: 1366px) {
  #impact .slide-body {
    padding: 40px;
  }
}

#impact .slide-body a {
  color: #ffffff;
  text-decoration: underline !important;
}

#impact .slide-body a:hover {
  color: #f5d6d6;
}

#impact .slick-dots {
  top: 0;
  left: 0;
  text-align: left !important;
  padding-bottom: 20px;
  margin-top: 30px;
}

@media (min-width: 900px) {
  #impact .slick-dots li {
    width: 14px !important;
    height: 14px !important;
  }
}

@media (min-width: 1200px) {
  #impact .slick-dots li {
    width: 14px !important;
    height: 14px !important;
  }
}

@media (min-width: 1366px) {
  #impact .slick-dots li {
    width: 19px !important;
    height: 19px !important;
  }
}

#impact .slick-dots li button::before {
  text-indent: -9999px;
}

@media (min-width: 900px) {
  #impact .slick-dots li button::before {
    width: 19px !important;
    height: 19px !important;
    border-radius: 19px !important;
  }
}

@media (min-width: 1200px) {
  #impact .slick-dots li button::before {
    width: 19px !important;
    height: 19px !important;
    border-radius: 19px !important;
  }
}

@media (min-width: 1366px) {
  #impact .slick-dots li button::before {
    width: 24px !important;
    height: 24px !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 599px) {
  #impact .btn {
    padding: 10px 20px 20px 0 !important;
  }
}

@media (min-width: 600px) {
  #impact .btn {
    padding: 10px 20px 20px 0 !important;
  }
}

@media (min-width: 900px) {
  #impact .btn {
    padding: 10px 40px 40px 0 !important;
  }
}

@media (min-width: 1200px) {
  #impact .btn {
    padding: 10px 40px 40px 0 !important;
  }
}

@media (min-width: 1366px) {
  #impact .btn {
    padding: 10px 40px 40px 0 !important;
  }
}

@media (max-width: 599px) {
  #impact img.aligncenter.featured {
    width: 100%;
  }
  #impact .kra .col-md-1, #impact .slick-slide .col-md-1 {
    line-height: 0px;
  }
  #impact .story-title {
    font-size: 130%;
  }
  #impact .slide-body {
    font-size: 110% !important;
    margin-top: 0px !important;
  }
  #impact .slick-slider {
    margin-bottom: 40px;
    padding-left: 12px !important;
    padding-right: 10px !important;
  }
}

#access .kra h2 {
  color: #59afa9;
  font-size: 1.6rem;
  text-align: left;
  letter-spacing: 0.2rem;
  margin-bottom: 0px !important;
}

#access .slick-dots li button::before {
  background-color: #59afa9;
  border: 1px solid #59afa9 !important;
}

#access .slide-body {
  background-color: #59afa9;
  color: white;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px !important;
  transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  -ms-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  -webkit-transition: height 500ms ease;
}

#access .btn {
  text-align: right;
  border: none;
  border-radius: 0;
  background-color: #59afa9;
  color: white;
}

#rights .kra h2 {
  color: #e49132;
  font-size: 1.6rem;
  text-align: left;
  letter-spacing: 0.2rem;
  margin-bottom: 0px !important;
}

#rights .slick-dots li button::before {
  background-color: #e49132;
  border: 1px solid #e49132 !important;
}

#rights .slide-body {
  background-color: #e49132;
  color: white;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px !important;
  transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  -ms-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  -webkit-transition: height 500ms ease;
}

#rights .btn {
  text-align: right;
  border: none;
  border-radius: 0;
  background-color: #e49132;
  color: white;
}

#feminist-internet .kra h2 {
  color: #dc202e;
  font-size: 1.6rem;
  text-align: left;
  letter-spacing: 0.2rem;
  margin-bottom: 0px !important;
}

#feminist-internet .slick-dots li button::before {
  background-color: #dc202e;
  border: 1px solid #dc202e !important;
}

#feminist-internet .slide-body {
  background-color: #dc202e;
  color: white;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px !important;
  transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  -ms-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  -webkit-transition: height 500ms ease;
}

#feminist-internet .btn {
  text-align: right;
  border: none;
  border-radius: 0;
  background-color: #dc202e;
  color: white;
}

#governance .kra h2 {
  color: #429378;
  font-size: 1.6rem;
  text-align: left;
  letter-spacing: 0.2rem;
  margin-bottom: 0px !important;
}

#governance .slick-dots li button::before {
  background-color: #429378;
  border: 1px solid #429378 !important;
}

#governance .slide-body {
  background-color: #429378;
  color: white;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px !important;
  transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  -ms-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  -webkit-transition: height 500ms ease;
}

#governance .btn {
  text-align: right;
  border: none;
  border-radius: 0;
  background-color: #429378;
  color: white;
}

#usedev .kra h2 {
  color: #4d4d4d;
  font-size: 1.6rem;
  text-align: left;
  letter-spacing: 0.2rem;
  margin-bottom: 0px !important;
}

#usedev .slick-dots li button::before {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d !important;
}

#usedev .slide-body {
  background-color: #4d4d4d;
  color: white;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px !important;
  transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  -ms-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  -webkit-transition: height 500ms ease;
}

#usedev .btn {
  text-align: right;
  border: none;
  border-radius: 0;
  background-color: #4d4d4d;
  color: white;
}

#apc-community .kra h2 {
  color: #df5b30;
  font-size: 1.6rem;
  text-align: left;
  letter-spacing: 0.2rem;
  margin-bottom: 0px !important;
}

#apc-community .slick-dots li button::before {
  background-color: #df5b30;
  border: 1px solid #df5b30 !important;
}

#apc-community .slide-body {
  background-color: #df5b30;
  color: white;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px !important;
  transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  -ms-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  -webkit-transition: height 500ms ease;
}

#apc-community .btn {
  text-align: right;
  border: none;
  border-radius: 0;
  background-color: #df5b30;
  color: white;
}

#publications h1 {
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
  font-size: 2.8rem;
}

@media (max-width: 599px) {
  #publications h1 {
    font-size: 2.4rem;
  }
}

#publications .row #carousel-pubs {
  height: 540px !important;
}

.publications-multiple h3 {
  display: none !important;
}

.publications-multiple .pcs-excerpt img {
  padding-bottom: 20px;
}

@media (max-width: 599px) {
  .publications-multiple .slick-next {
    right: -25px !important;
  }
}

@media (max-width: 599px) {
  .publications-multiple .slick-prev {
    left: -25px !important;
    z-index: 50 !important;
  }
}

.publications-multiple .slick-slide {
  color: #000000 !important;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
}

.publications-multiple .slick-slide p {
  text-align: center;
}

@media (min-width: 900px) {
  .publications-multiple .slick-slide p {
    text-align: left !important;
  }
}

@media (min-width: 1200px) {
  .publications-multiple .slick-slide p {
    text-align: left !important;
  }
}

@media (min-width: 1366px) {
  .publications-multiple .slick-slide p {
    text-align: left !important;
  }
}

.publications-multiple a {
  color: #000000;
}

.publications-multiple a:hover {
  color: #f5d6d6;
}

#members {
  padding: 10px 0 !important;
  background-color: rgba(220, 32, 46, 0.1) !important;
  background: url("/wp-content/uploads/2018/07/7-membersbg1-198x300.png") top left no-repeat;
}

#members h1 {
  font-size: 2.8rem;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
}

@media (max-width: 599px) {
  #members h1 {
    font-size: 2.4rem;
  }
}

@media (min-width: 1200px) {
  #members h1 {
    padding-top: 100px;
  }
}

@media (min-width: 1366px) {
  #members h1 {
    padding-top: 100px;
  }
}

#member-org {
  background: url("/wp-content/uploads/2018/07/8-membersbg2-289x300.png") top right no-repeat;
}

#member-org .slick-dots {
  position: relative;
}

#member-org .slick-dots li.slick-active a {
  color: #4d4d4d;
}

#member-org .member-slider .container {
  max-width: 100% !important;
}

#member-org .member-slider h3 {
  background-color: #4d4d4d !important;
  color: white !important;
  font-size: 1.4rem;
  font-weight: 400 !important;
  letter-spacing: 0.6pt;
  margin-top: 20px;
}

#member-org .member-slider .p-2 {
  padding: 0.6rem;
}

#member-org .member-slider p.country {
  color: #dc202e !important;
  margin: 0 !important;
}

#member-org .member-slider a.org {
  color: black !important;
}

#member-org h2 {
  font-size: 145% !important;
  font-weight: 400 !important;
  color: #4d4d4d !important;
}

#member-org .slick-dots {
  top: 0;
  left: 0;
  text-align: left !important;
  padding-bottom: 20px;
}

#member-org ul .slick-dots {
  margin-left: 30px;
}

#member-org .slick-dots li {
  width: auto !important;
  height: 20px !important;
  padding: 0px 22px !important;
  margin-bottom: 16px;
  border-right: solid 1px #9a9999;
  color: #9a9999 !important;
}

@media (max-width: 599px) {
  #member-org .slick-dots li {
    padding: 0px 10px !important;
  }
}

#member-org .slick-dots li a:hover {
  color: #4d4d4d;
}

#member-ind {
  background: url("/wp-content/uploads/2018/07/9-membersbg3-242x300.png") top left no-repeat;
  padding-bottom: 100px;
}

#member-ind h2 {
  font-size: 145% !important;
  font-weight: 400 !important;
  color: #4d4d4d !important;
}

#member-ind ul {
  list-style-type: none;
  color: #4d4d4d;
  margin-left: -26px;
}

#member-ind p {
  color: #9a9999;
}

#member-ind p.country {
  color: #dc202e !important;
  margin: 0  14px !important;
}

#people-governance h1 {
  font-size: 2.8rem;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
}

@media (max-width: 599px) {
  #people-governance h1 {
    font-size: 2.4rem;
  }
}

#people-governance h2 {
  background-color: #4d4d4d !important;
  color: white !important;
  letter-spacing: 0.6pt;
  margin-top: 20px;
}

#people-governance p-2 {
  padding: 0.7rem;
  margin-top: 30px;
}

#people-governance ul {
  list-style-type: none !important;
  margin-left: -25px;
}

#people-governance span.board {
  color: #dc202e !important;
}

#people-governance .councilrep-dots .slick-dots li {
  width: auto !important;
  bottom: 0 !important;
  padding: 0px 10px !important;
  border-right: solid 1px #4d4d4d !important;
  color: #4d4d4d !important;
}

.gov-councilrep {
  color: black !important;
  max-width: 100% !important;
}

.gov-councilrep p.org {
  color: #dc202e !important;
  margin: 0 !important;
}

.gov-councilrep .container {
  max-width: 100% !important;
}

#primary #maplabels {
  bottom: 41px;
  position: relative;
  z-index: 1000;
}

.label-default {
  padding: 15px;
  color: #df5b30;
  background-color: #fee;
  border-bottom: 5px solid #df5b30;
  border-radius: 0;
}

.label-default.ind {
  color: #dc202e;
  border-bottom: 5px solid #dc202e;
  border-left: 1px solid #555;
}

#staff-team {
  background: url("/wp-content/uploads/2018/07/10-staffbg-768x336.png") top center no-repeat;
}

#staff-team h1 {
  font-size: 2.8rem;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
  text-align: center;
  margin: 150px 0;
}

@media (max-width: 599px) {
  #staff-team h1 {
    font-size: 2.4rem;
  }
}

#staff-team h2, #staff-team h3 {
  color: #4d4d4d;
  margin-bottom: 0px !important;
}

#staff-team h2 a, #staff-team h3 a {
  color: #4d4d4d;
}

#staff-team .panel-title > a:before {
  font-family: FontAwesome;
  content: "\f056";
  padding-right: 20px;
  color: #dc202e;
}

#staff-team .panel-title > a.collapsed:before {
  content: "\f055";
  padding-right: 20px;
  color: #f2f2f2;
}

#staff-team .panel-title > a:hover,
#staff-team .panel-title > a:active,
#staff-team .panel-title > a:focus {
  text-decoration: none;
}

#staff-team .panel-title a[aria-expanded="true"] {
  padding-bottom: 16px;
}

@media (max-width: 599px) {
  #staff-team .panel-title a[aria-expanded="true"] {
    padding-bottom: 10px;
    border: none !important;
  }
}

@media (min-width: 600px) {
  #staff-team .panel-title a[aria-expanded="true"] {
    padding-bottom: 10px;
    border: none !important;
  }
}

#staff-team .panel-body {
  width: 100%;
  background-color: #f2f2f2;
  padding: 30px 30px 30px 0;
  margin-top: 0px;
  border-top: solid 4px #dc202e;
}

@media (max-width: 599px) {
  #staff-team .panel-body {
    margin-left: 0px;
  }
}

@media (min-width: 900px) {
  #staff-team .panel-body {
    margin-left: 30px;
  }
}

#staff-team .panel-body ul {
  list-style-type: none;
}

#staff-team .panel-body li span.post {
  color: #dc202e;
}

#finances {
  background-color: rgba(228, 145, 50, 0.3) !important;
  background: url("/wp-content/uploads/2018/07/11-financebg-170x300.png") bottom right no-repeat;
}

#finances h1 {
  font-size: 2.8rem;
  letter-spacing: 1.6pt;
  font-weight: 600 !important;
  text-align: center;
}

@media (max-width: 599px) {
  #finances h1 {
    font-size: 2.4rem;
  }
}

#finances h2 {
  background-color: #4d4d4d !important;
  color: white !important;
  letter-spacing: 0.6pt;
  margin-top: 20px;
  margin-bottom: 10px !important;
}

#finances h2 a {
  color: white;
}

#finances h3 {
  color: #4d4d4d;
  margin-bottom: 10px !important;
}

#finances h3 a {
  color: #4d4d4d;
}

#finances .panel-title > a:before {
  font-family: FontAwesome;
  content: "\f056";
  padding-right: 20px;
  color: #e49132;
}

#finances .panel-title > a.collapsed:before {
  content: "\f055";
  padding-right: 20px;
  color: white;
}

#finances .panel-title > a:hover,
#finances .panel-title > a:active,
#finances .panel-title > a:focus {
  text-decoration: none;
}

#finances .panel-title a[aria-expanded="true"] {
  padding-bottom: 10px;
}

#finances .panel-body {
  width: 100%;
  background-color: #f2f2f2;
  padding: 30px 30px 30px 0;
  margin-top: 0px;
  margin-bottom: 30px;
  border-top: solid 4px #df5b30;
}

@media (max-width: 599px) {
  #finances .panel-body {
    margin-left: 0px;
  }
}

@media (min-width: 900px) {
  #finances .panel-body {
    margin-left: 30px;
  }
}

#finances .panel-body ul {
  list-style-type: none;
}

#finances .panel-body ul li ul {
  list-style-type: disc;
}

#finances .panel-body li span.org {
  color: #dc202e;
}

#finances tbody tr td {
  text-align: right;
}

#finances .modal-dialog {
  min-width: 90% !important;
  object-fit: cover;
}

@media (max-width: 599px) {
  #finances .modal-dialog {
    max-width: 180% !important;
  }
}

@media (min-width: 900px) {
  #finances .modal-dialog {
    max-width: 130% !important;
  }
}

#finances .modal-dialog .img {
  min-width: 90% !important;
  object-fit: cover;
}

@media (max-width: 599px) {
  #finances .modal-dialog .img {
    max-width: 180% !important;
  }
}

@media (min-width: 900px) {
  #finances .modal-dialog .img {
    max-width: 130% !important;
  }
}

@media (max-width: 599px) {
  #individual-member.content-section-c {
    margin-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  #individual-member.content-section-c {
    margin-top: 60px !important;
  }
}

@media (min-width: 1366px) {
  #individual-member.content-section-c {
    margin-top: 60px !important;
  }
}

#individual-member h3 {
  background-color: #4d4d4d !important;
  color: white !important;
  font-size: 1.4rem;
  font-weight: 380 !important;
  letter-spacing: 0.6pt;
  margin-top: 20px;
}

#individual-member .story-title {
  display: none !important;
}

#individual-member .member-high {
  margin-top: 40px;
}

@media (max-width: 599px) {
  #individual-member .member-high {
    margin-top: 0px;
  }
}

#individual-member .expand {
  margin-top: 20px !important;
}

#individual-member .slide-body {
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px !important;
  transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  -ms-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  -webkit-transition: height 500ms ease;
}

#individual-member .slide-body a {
  text-decoration: underline !important;
}

#individual-member .btn {
  text-align: right;
  border: none;
  border-radius: 0;
  border-bottom: solid 6px #4d4d4d;
  color: #4d4d4d;
  transition: none;
}

@media (max-width: 599px) {
  #individual-member img.aligncenter.featured {
    width: 100%;
  }
  #individual-member .kra .col-md-1, #individual-member .slick-slide .col-md-1 {
    line-height: 0px;
  }
  #individual-member .slide-body {
    font-size: 110% !important;
    margin-top: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  #individual-member .slick-slider {
    margin-bottom: 40px;
    padding-left: 12px !important;
    padding-right: 10px !important;
  }
}

.member-highlight .row {
  padding-left: 32px !important;
  padding-right: 30px !important;
}

@media (max-width: 599px) {
  .member-highlight .row {
    padding-left: 12px !important;
    padding-right: 10px !important;
  }
  .member-highlight .row .pcs-excerpt .col-md-12 {
    text-align: center;
  }
  .member-highlight .row .pcs-excerpt img {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 600px) {
  .member-highlight .row {
    padding-left: 12px !important;
    padding-right: 10px !important;
  }
  .member-highlight .row .pcs-excerpt .col-md-2 {
    padding: 0 !important;
  }
  .member-highlight .row .slide-body {
    margin-top: 20px;
    padding: 20px 20px;
  }
}

#finances h1 {
  margin-top: 150px;
}

#finances tr th {
  font-weight: normal !important;
}

#finances tr.semi-red th, #finances tr.last th {
  font-weight: bold !important;
}

@media (max-width: 599px) {
  #finances {
    padding-bottom: 50px;
  }
  #finances h1 {
    margin-top: 50px;
  }
  #finances .panel-title a[aria-expanded="true"] {
    padding-bottom: 10px;
    border: none !important;
  }
}

@media (min-width: 600px) {
  #finances {
    padding-bottom: 100px;
  }
  #finances .panel-title a[aria-expanded="true"] {
    padding-bottom: 10px;
    border: none !important;
  }
}

@media (min-width: 900px) {
  #finances {
    padding-bottom: 150px;
  }
}

@media (min-width: 1200px) {
  #finances {
    padding-bottom: 150px;
  }
}

@media (min-width: 1366px) {
  #finances {
    padding-bottom: 150px;
  }
}

@media (max-width: 599px) {
  .entry-content {
    padding-bottom: 50px;
  }
}

@media (min-width: 600px) {
  .entry-content {
    padding-bottom: 50px;
  }
}

@media (min-width: 900px) {
  .entry-content {
    padding-bottom: 150px;
  }
}

@media (min-width: 1200px) {
  .entry-content {
    padding-bottom: 150px;
  }
}

@media (min-width: 1366px) {
  .entry-content {
    padding-bottom: 150px;
  }
}

#footer-widget {
  position: relative;
  background-color: #59afa9 !important;
  padding: 40px 0;
}

#footer-widget a {
  color: #222;
}

#footer-widget .footer-spacer {
  width: 30px;
}