/**
 *@file
 * IMPORT
 */
/**
 *@file
 * MIXINS
 */
 /**
* Conditional Media Query Mixin
* by @sheiko (http://dsheiko.com)
*
* The problem this mixin solves is explained there
* http://css-tricks.com/conditional-media-query-mixins/
*
* https://github.com/dsheiko
* MIT license: http://www.opensource.org/licenses/mit-license.php
*/
/**
 *@file
 * BASE
 */
#content #block-quicktabs-calendar ul {
  padding-left: 0;
}

#block-quicktabs-calendar ul.quicktabs-tabs a {
  text-decoration: none;
  color: #133841;
}
#block-quicktabs-calendar ul.quicktabs-tabs a:hover {
  color: #00758C;
}
#block-quicktabs-calendar ul.quicktabs-tabs a::before {
  content: "\2610";
  margin-right: 0.25em;
}
#block-quicktabs-calendar ul.quicktabs-tabs li.active a::before {
  content: "\2611";
}

/**
 *@file
 * ICONS
 */
/**
 *@file
 * HEADER
 */
.header__logo {
  padding: 12px 0 0 0;
}
@media all and (max-width: 480px) {
  .header__logo {
    width: 60%;
    margin-top: .5%;
  }
}
@media all and (max-width: 400px) {
  .header__logo {
    margin-top: 5%;
    width: 50%;
  }
}

#header #header-wrap {
  width: 100%;
  margin: 0;
  top: 0;
  padding: 0 40px;
}

#header-wrap .wrap {
  max-width: 1920px;
}

.region-header .view-home-slideshow .views-field-field-slide-cta {
  text-transform: none;
}
.region-header .view-home-slideshow .views-field-field-slide-cta .field-content a {
  font-size: 22px;
  padding: 14px 10%;
}

/**
 *@file
 * TYPOGRAPHY
 */
#content a {
  text-decoration: underline;
  color: #133841;
}
#content h1 {
  font-size: 26px;
  color: #133841;
  margin-top: 1em;
}
#content h2 {
  font-size: 18px;
  color: #00758C;
}
#content h3 {
  font-size: 14px;
}
#content h2, #content h3 {
  margin-top: 10px;
}

/**
 *@file
 * SLABS
 */
.view-home-biography {
  color: #fff;
}
.view-home-biography .views-field-field-bio-image {
  float: left;
  padding: 0 14px 0 0;
}
.view-home-biography .views-field-field-bio-body {
  padding: 10px 0;
  font-size: 14px;
  text-align: justify;
}
.view-home-biography .view-footer a {
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
}

#footer #block-menu-menu-social-menu h2 {
  display: block;
}
#footer #block-menu-menu-social-menu li.menu__item {
  border: none;
}
#footer #block-menu-menu-social-menu .social-linky {
  background: none;
}
#footer #block-menu-menu-social-menu .social-linky.icon-googletranslate::before {
  background: none;
  padding: 0;
}

#google_translate_element {
  bottom: inherit;
  margin-left: inherit;
  left: inherit;
  right: inherit;
  z-index: 1;
}

/**
 *@file
 * MENUS
 */
#block-menu-menu-primary-navigation-second .menu__item {
  padding: 0 0 0 10px;
}
#block-menu-menu-primary-navigation-second .menu__item a {
  color: #fff;
  font-weight: bold;
}
#block-menu-menu-primary-navigation-second .menu__item a:not(#drop-down-menu) {
  font-size: 14px;
}
@media only screen and (max-width: 960px) {
  #block-menu-menu-primary-navigation-second .menu__item a:not(#drop-down-menu) {
    display: none;
  }
}
@media only screen and (min-width: 961px) {
  #block-menu-menu-primary-navigation-second .menu__item a#drop-down-menu {
    display: none;
  }
}
@media (max-width: 480px) {
  #block-menu-menu-primary-navigation-second {
    padding: 0 0 0 !important;
  }
}
#block-menu-menu-primary-navigation-second .la-icons::before {
  background: #00758C;
}

.contact-social-media-block ul {
  display: inline-block;
}
.contact-social-media-block ul li {
  float: left;
  padding: 10px;
}
.contact-social-media-block .menu__item a {
  font-size: 0px;
}
.contact-social-media-block .menu__item a::before {
  font-size: 36px;
}

#main-menu-holder .slicknav_nav::-webkit-scrollbar-thumb {
  background-color: #00758C;
}

/**
 *@file
 * FOOTER
 */
.region-social-tweets-home {
  visibility: hidden;
}

#footer {
  margin-bottom: 0;
  padding: 0 40px;
  font-size: 14px;
}
#footer .region-footer-left,
#footer .region-footer-middle,
#footer .region-footer-right {
  display: inline-block;
  width: 33%;
}
#footer .block__title {
  font-size: 16px;
  padding: 0 0 10px 0;
}
#footer .region-footer-bottom {
  margin: 2em 0 0 0;
}
#footer .region-footer-bottom p {
  display: inline;
  padding: 0 4px;
}
#footer #block-block-1,
#footer #block-block-2 {
  padding: 0px;
}
#footer #block-block-76 {
  padding-top: 10px;
}

/**
 *@file
 * CONTENT
 */
input[type="submit"] {
  background: #00758C;
}

#content :target:before {
  content: "";
  display: block;
  height: 60px;
  margin: -60px 0 0;
}

#content .staff-bios-block ul {
  list-style-type: none;
}
#content .staff-bios-block ul li {
  display: inline-block;
}

.resources-anchors {
  margin-left: 38px;
}
.resources-anchors li {
  margin: 10px;
}
.resources-anchors .fa {
  font-size: 24px;
}

.resources-content h1 ~ h2, .resources-content h3, .resources-content p {
  margin-left: 32px;
}

/**
 *@file
 * HOME
 */
.front #main #main-a-wrap {
  margin: 0;
}
.front #before-content-wrapped {
  padding: 16px 40px;
  background: #5E6B62;
}
.front #before-footer {
  background: #133841;
}
.front #block-views-isotope-tiles-block {
  padding: .25rem 2.5rem;
  background: #fff;
}
.front #block-views-isotope-tiles-block .block__title {
  padding: 10px;
}
.front #block-views-isotope-tiles-block .view-footer {
  font-size: 12px;
  text-decoration: underline;
}
.front .isotope-element.blog {
  margin: 2px 8px 2px 0px;
  width: 32%;
}
.front .isotope-element.blog .node-title a {
  background: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 540px) and (max-width: 960px) {
  .front .isotope-element.blog {
    width: 50%;
  }
}
.front .weekly-newsletter-subscription-block #mc_embed_signup .button {
  background: #4FAFDF;
  margin: 4px auto;
}
.front .weekly-newsletter-subscription-block,
.front .council-agendas-subscription-block,
.front .contact-social-media-block,
.front .send-email-block {
  color: #fff;
  display: block;
  float: left;
  height: 150px;
  padding: 30px 0;
}
@media only screen and (max-width: 720px) {
  .front .weekly-newsletter-subscription-block,
  .front .council-agendas-subscription-block,
  .front .contact-social-media-block,
  .front .send-email-block {
    width: 70%;
    margin: 0 50px;
  }
}
@media only screen and (min-width: 721px) {
  .front .weekly-newsletter-subscription-block,
  .front .council-agendas-subscription-block,
  .front .contact-social-media-block,
  .front .send-email-block {
    width: 36%;
    margin: 20px 50px;
  }
}
.front .weekly-newsletter-subscription-block .block__title,
.front .council-agendas-subscription-block .block__title,
.front .contact-social-media-block .block__title,
.front .send-email-block .block__title {
  color: #4FAFDF;
}
.front .weekly-newsletter-subscription-block a,
.front .council-agendas-subscription-block a,
.front .contact-social-media-block a,
.front .send-email-block a {
  color: #fff;
}

.weekly-newsletter-subscription-block #mc_embed_signup {
  background: none;
}
.weekly-newsletter-subscription-block #mc_embed_signup form {
  text-align: justify;
}
.weekly-newsletter-subscription-block #mc_embed_signup input.email {
  vertical-align: baseline;
}
.weekly-newsletter-subscription-block #mc_embed_signup .button {
  background: #00758C;
  margin: 4px auto;
}

/**
 *@file
 * SIDEBAR
 */
@media only screen and (min-width: 961px) {
  .region-sidebar-second {
    margin-top: 44px;
  }
}
.region-sidebar-second h2 {
  font-size: 18px;
  color: #133841;
}

@keyframes link_bg {
  from {
    background-color: white;
  }
  to {
    background-color: #dde1de;
  }
}
@media only screen and (min-width: 961px) {
  .region-sidebar-second,
  .region-sidebar-first {
    padding-left: 1rem;
    border-width: 0.15rem;
    border-left-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(transparent)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(#cccccc, transparent) 1 100%;
    -moz-border-image: -moz-linear-gradient(#cccccc, transparent) 1 100%;
    -o-border-image: -o-linear-gradient(#cccccc, transparent) 1 100%;
    border-image: linear-gradient(to bottom, #cccccc, transparent) 1 100%;
  }
}
.region-sidebar-second div[id^="block-menu-block-"],
.region-sidebar-first div[id^="block-menu-block-"] {
  margin-top: 0;
  margin-bottom: 1rem;
}
.region-sidebar-second div[id^="block-menu-block-"] .block__title.block-title,
.region-sidebar-first div[id^="block-menu-block-"] .block__title.block-title {
  font-family: "lato-reg", sans-serif;
  font-size: 1.05rem;
  margin-left: 0.5rem;
}
.region-sidebar-second div[id^="block-menu-block-"] .block__title.block-title i,
.region-sidebar-first div[id^="block-menu-block-"] .block__title.block-title i {
  margin-right: 0.5rem;
}
.region-sidebar-second div[id^="block-menu-block-"] li.last a, .region-sidebar-second div[id^="block-menu-block-"] li:last-child a,
.region-sidebar-first div[id^="block-menu-block-"] li.last a,
.region-sidebar-first div[id^="block-menu-block-"] li:last-child a {
  border-bottom: none;
}
.region-sidebar-second div[id^="block-menu-block-"] li a,
.region-sidebar-first div[id^="block-menu-block-"] li a {
  text-decoration: none;
  display: block;
  padding: 0.25rem 1.25rem 0.25rem 0.5rem;
  color: #133841;
}
@media only screen and (min-width: 961px) {
  .region-sidebar-second div[id^="block-menu-block-"] li a,
  .region-sidebar-first div[id^="block-menu-block-"] li a {
    font-size: 0.875em;
  }
}
.region-sidebar-second div[id^="block-menu-block-"] li a:hover,
.region-sidebar-first div[id^="block-menu-block-"] li a:hover {
  animation-name: link_bg;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}
.region-sidebar-second div[id^="block-menu-block-"] li a:hover,
.region-sidebar-first div[id^="block-menu-block-"] li a:hover {
  color: #133841;
}
.region-sidebar-second div[id^="block-menu-block-"] li a.active,
.region-sidebar-first div[id^="block-menu-block-"] li a.active {
  background: #c7cec9;
  color: #133841;
  padding: 0.25rem 1.25rem 0.25rem 0.5rem;
}
.region-sidebar-second div[id^="block-menu-block-"] li a.active:hover,
.region-sidebar-first div[id^="block-menu-block-"] li a.active:hover {
  animation-name: none;
  animation-duration: 500;
  animation-fill-mode: forwards;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-collapsed a::before, .region-sidebar-second div[id^="block-menu-block-"] li.has-children a::before,
.region-sidebar-first div[id^="block-menu-block-"] li.is-collapsed a::before,
.region-sidebar-first div[id^="block-menu-block-"] li.has-children a::before {
  content: "\f0da";
  font-family: "FontAwesome";
  display: inline;
  position: relative;
  left: 100%;
  margin-right: -5px;
  color: #133841;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded a.active-trail::before,
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded a.active-trail::before {
  content: "\f0d7";
  font-family: "FontAwesome";
  display: inline;
  position: relative;
  left: 100%;
  margin-right: -8px;
  color: #133841;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded li.last a, .region-sidebar-second div[id^="block-menu-block-"] li.is-expanded li:last-child a,
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li.last a,
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li:last-child a {
  border-bottom: 0.2rem solid white;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded li.is-expanded a::before,
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li.is-expanded a::before {
  display: initial;
  color: #133841;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded li a,
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li a {
  text-decoration: none;
  display: block;
  padding: 0.25rem 0.5rem 0.25rem 1.75rem;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded li a:hover,
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li a:hover {
  animation-name: link_bg;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded li a.active,
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li a.active {
  background: #c7cec9;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded li a.active::before,
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li a.active::before {
  display: none;
}

/**
 *@file
 * BLOGS
 */
.node-blog .field-name-field-content-categories div {
  display: inline-block;
  margin: 0 8px 0 0;
}

.node-blog.node-teaser {
  margin: 10px 0;
}

.page-taxonomy-term #content #page-title:before {
  content: "News items tagged with: ";
}
.page-taxonomy-term #content .feed-icon {
  visibility: hidden;
  display: none;
}

/**
 *@file
 * EVENTS
 */
#content .node-calendar-event.node-teaser ul {
  padding-left: 0;
}

.node-calendar-event.node-teaser {
  margin: 0 0 26px 0;
}
.node-calendar-event.node-teaser .field-name-field-event-date,
.node-calendar-event.node-teaser .field-name-field-event-location,
.node-calendar-event.node-teaser .field-name-body {
  margin: 10px 0;
}
.node-calendar-event.node-teaser .addressfield-container-inline .organisation-name {
  font-weight: bold;
}
.node-calendar-event.node-teaser .node-readmore {
  font-size: 12px;
}