/**
 * Main SCSS File -- Import all styles here
 * @author SKYCATCHFIRE @skycatchfire
 * @site https://fgcquaker.org
 */
.clearfix:after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (max-width: 980px) {
  html {
    box-sizing: border-box; }
  *, *:before, *:after {
    box-sizing: inherit; }
  img {
    max-width: 100%;
    height: auto;
    clear: both; }
  iframe {
    max-width: 100%;
    margin-bottom: 1em; }
  input,
  svg {
    max-width: 100%; } }

@media only screen and (max-width: 980px) {
  #zone-user-wrapper #zone-user {
    top: 1em;
    right: 1em;
    margin: 0; } }

@media only screen and (max-width: 980px) {
  #zone-user-wrapper #zone-user a {
    display: inline-block;
    padding: 0.5em 1em;
    background-color: #00446A;
    line-height: 1.4em;
    color: #fff; } }

@media only screen and (max-width: 980px) {
  #zone-branding-wrapper {
    padding: 1em 0; } }

@media only screen and (max-width: 980px) {
  #zone-branding-wrapper .region-inner {
    padding: 0; } }

@media only screen and (max-width: 740px) {
  #zone-branding-wrapper .views-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; } }

@media only screen and (max-width: 740px) {
  #zone-branding-wrapper .views-field-field-group-logo {
    float: none;
    display: block;
    margin: 0 auto 1em; } }

@media only screen and (max-width: 740px) {
  #zone-branding-wrapper .views-field-field-group-subtitle,
  #zone-branding-wrapper .views-field-php,
  #zone-branding-wrapper .views-field-title {
    text-align: center; } }

@media only screen and (max-width: 740px) {
  #zone-branding-wrapper .views-field-field-group-subtitle,
  #zone-branding-wrapper .views-field-php {
    font-size: 15px; } }

@media only screen and (max-width: 740px) {
  #zone-branding-wrapper .views-field-title h1 {
    font-size: 28px;
    line-height: 1.4em; } }

#zone-branding-wrapper .site-name-slogan {
  max-width: 100%; }

@media only screen and (max-width: 980px) {
  #zone-menu-wrapper {
    position: relative;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-image: none;
    background-color: #00446A; } }

@media only screen and (max-width: 980px) {
  #zone-menu-wrapper .grid-12 {
    margin: 0; } }

@media only screen and (max-width: 980px) {
  #zone-menu-wrapper .region-menu-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

#zone-menu-wrapper .menu li .menu li .active::before {
  top: 35px; }

@media only screen and (max-width: 980px) {
  #zone-menu-wrapper .menu li .menu {
    background: none; } }

@media only screen and (max-width: 980px) {
  #block-fgc-cloud-group-search {
    width: 60%;
    -ms-flex-order: 2;
        order: 2;
    margin: 0;
    padding: 1em;
    float: none; } }

@media only screen and (max-width: 980px) {
  #block-fgc-cloud-group-search .form-text {
    display: block;
    width: 85% !important;
    margin: 0;
    padding: 0.66667em; } }

@media only screen and (max-width: 980px) {
  #block-fgc-cloud-group-search .form-submit {
    margin-top: 14px;
    width: 20px;
    height: 20px; } }

#block-fgc-cloud-group-menu .fgc-menu-toggle {
  display: none; }

@media only screen and (max-width: 980px) {
  #block-fgc-cloud-group-menu {
    -ms-flex-order: 2;
        order: 2;
    position: static;
    width: 40%; }
    #block-fgc-cloud-group-menu:hover {
      cursor: pointer; }
    #block-fgc-cloud-group-menu .fgc-menu-toggle {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 999;
      width: 40%;
      height: 100%;
      background-color: transparent !important;
      border: 0 !important; }
    #block-fgc-cloud-group-menu::before {
      content: '';
      position: absolute;
      top: 14px;
      right: 18px;
      color: #fff;
      background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CiAgPGc+CiAgICA8cGF0aCBkPSJNMjQsM2MwLTAuNi0wLjQtMS0xLTFIMUMwLjQsMiwwLDIuNCwwLDN2MmMwLDAuNiwwLjQsMSwxLDFoMjJjMC42LDAsMS0wLjQsMS0xVjN6IiBmaWxsPSIjRkZGRkZGIi8+CiAgICA8cGF0aCBkPSJNMjQsMTFjMC0wLjYtMC40LTEtMS0xSDFjLTAuNiwwLTEsMC40LTEsMXYyYzAsMC42LDAuNCwxLDEsMWgyMmMwLjYsMCwxLTAuNCwxLTFWMTF6IiBmaWxsPSIjRkZGRkZGIi8+CiAgICA8cGF0aCBkPSJNMjQsMTljMC0wLjYtMC40LTEtMS0xSDFjLTAuNiwwLTEsMC40LTEsMXYyYzAsMC42LDAuNCwxLDEsMWgyMmMwLjYsMCwxLTAuNCwxLTFWMTl6IiBmaWxsPSIjRkZGRkZGIi8+CiAgPC9nPgo8L3N2Zz4K);
      width: 25px;
      height: 25px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    #block-fgc-cloud-group-menu.show::before {
      background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIxLjkgMjEuOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEuOSAyMS45IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8cGF0aCBkPSJNMTQuMSwxMS4zYy0wLjItMC4yLTAuMi0wLjUsMC0wLjdsNy41LTcuNWMwLjItMC4yLDAuMy0wLjUsMC4zLTAuN3MtMC4xLTAuNS0wLjMtMC43bC0xLjQtMS40QzIwLDAuMSwxOS43LDAsMTkuNSwwICBjLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtNy41LDcuNWMtMC4yLDAuMi0wLjUsMC4yLTAuNywwTDMuMSwwLjNDMi45LDAuMSwyLjYsMCwyLjQsMFMxLjksMC4xLDEuNywwLjNMMC4zLDEuN0MwLjEsMS45LDAsMi4yLDAsMi40ICBzMC4xLDAuNSwwLjMsMC43bDcuNSw3LjVjMC4yLDAuMiwwLjIsMC41LDAsMC43bC03LjUsNy41QzAuMSwxOSwwLDE5LjMsMCwxOS41czAuMSwwLjUsMC4zLDAuN2wxLjQsMS40YzAuMiwwLjIsMC41LDAuMywwLjcsMC4zICBzMC41LTAuMSwwLjctMC4zbDcuNS03LjVjMC4yLTAuMiwwLjUtMC4yLDAuNywwbDcuNSw3LjVjMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNzMC41LTAuMSwwLjctMC4zbDEuNC0xLjRjMC4yLTAuMiwwLjMtMC41LDAuMy0wLjcgIHMtMC4xLTAuNS0wLjMtMC43TDE0LjEsMTEuM3oiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+Cg==); }
    #block-fgc-cloud-group-menu.show .content > .menu {
      display: block; } }

@media only screen and (max-width: 980px) {
  #block-fgc-cloud-group-menu .content > .menu {
    position: absolute;
    top: 51px;
    left: 0;
    z-index: 1000;
    margin: 0;
    width: 100%;
    background-color: #004669;
    overflow: hidden;
    display: none; } }

@media only screen and (max-width: 980px) {
  #block-fgc-cloud-group-menu .content > .menu li {
    float: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    #block-fgc-cloud-group-menu .content > .menu li:last-child {
      border-bottom: 0; }
    #block-fgc-cloud-group-menu .content > .menu li::before, #block-fgc-cloud-group-menu .content > .menu li::after {
      display: none !important; } }
  @media only screen and (max-width: 980px) and (max-width: 980px) {
    #block-fgc-cloud-group-menu .content > .menu li.expanded {
      height: auto; } }
  @media only screen and (max-width: 980px) and (max-width: 980px) {
    #block-fgc-cloud-group-menu .content > .menu li.expanded > ul {
      max-height: none;
      margin-left: 2em;
      background-color: transparent; }
      #block-fgc-cloud-group-menu .content > .menu li.expanded > ul::before, #block-fgc-cloud-group-menu .content > .menu li.expanded > ul::after {
        display: none !important; }
      #block-fgc-cloud-group-menu .content > .menu li.expanded > ul li {
        border: 0; }
      #block-fgc-cloud-group-menu .content > .menu li.expanded > ul a {
        color: rgba(255, 255, 255, 0.8) !important; } }

@media only screen and (max-width: 980px) {
  #block-fgc-cloud-group-menu .content > .menu li a {
    display: block;
    padding: 0.5em 1em;
    text-align: left; }
    #block-fgc-cloud-group-menu .content > .menu li a::before, #block-fgc-cloud-group-menu .content > .menu li a::after {
      display: none !important; }
    #block-fgc-cloud-group-menu .content > .menu li a.active {
      background-color: #5B94B1; }
      #block-fgc-cloud-group-menu .content > .menu li a.active::before, #block-fgc-cloud-group-menu .content > .menu li a.active::after {
        display: none !important; } }

@media only screen and (max-width: 740px) {
  #zone-cloud-footer {
    padding-bottom: 30px;
    text-align: center; } }

@media only screen and (max-width: 740px) {
  #zone-cloud-footer #cloud-footer-links {
    text-align: center; } }

@media only screen and (max-width: 980px) {
  .item-list {
    margin-bottom: 1em; } }

@media only screen and (max-width: 980px) {
  .item-list .pager {
    text-align: left; } }

@media only screen and (max-width: 740px) {
  #block-system-main .view-group-whats-new .view-content .views-row > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    #block-system-main .view-group-whats-new .view-content .views-row > div .field-name-cloud-empty-sig-img {
      float: none; }
    #block-system-main .view-group-whats-new .view-content .views-row > div .group-meta,
    #block-system-main .view-group-whats-new .view-content .views-row > div .field {
      padding: 0; }
      #block-system-main .view-group-whats-new .view-content .views-row > div .group-meta .field,
      #block-system-main .view-group-whats-new .view-content .views-row > div .field .field {
        padding-right: 0.5em; } }

@media only screen and (max-width: 980px) {
  .pane-group-whats-new-panel-pane-1 h2 {
    text-align: left !important;
    font-size: 22px; } }

@media only screen and (max-width: 980px) {
  #page {
    max-width: 100%; } }

@media only screen and (max-width: 980px) {
  #page h1#page-title {
    font-size: 28px; } }

@media only screen and (max-width: 980px) {
  #page img {
    margin-bottom: 1em; } }

@media only screen and (max-width: 980px) {
  #section-content {
    padding: 1em; } }

@media only screen and (max-width: 980px) {
  #openlayers-map,
  #openlayers-container-openlayers-map {
    max-width: 100% !important; } }

@media only screen and (max-width: 980px) {
  .field-name-field-group-banner {
    box-shadow: none !important; } }

@media only screen and (max-width: 980px) {
  .page-node-news > div[class*='sig'],
  .node-cloud-announcement > div[class*='sig'] {
    width: 27% !important;
    margin: 0 3% 1em 0 !important;
    background-position: left top; } }

@media only screen and (max-width: 500px) {
  .page-node-news > div[class*='sig'],
  .node-cloud-announcement > div[class*='sig'] {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important; } }

@media only screen and (max-width: 980px) {
  .page-node-news > div:not([class*='sig']),
  .node-cloud-announcement > div:not([class*='sig']) {
    width: 70% !important;
    float: right;
    padding: 0 !important; } }

@media only screen and (max-width: 500px) {
  .page-node-news > div:not([class*='sig']),
  .node-cloud-announcement > div:not([class*='sig']) {
    width: 100% !important;
    float: none !important; } }

@media only screen and (max-width: 980px) {
  .page-node-news div[id*='meta'],
  .node-cloud-announcement div[id*='meta'] {
    width: 100% !important;
    float: none !important;
    clear: both; } }

@media only screen and (max-width: 980px) {
  .page-node-news div[id*='meta'] > *,
  .node-cloud-announcement div[id*='meta'] > * {
    padding: 0 !important; } }

.cloud-listing #zone-menu-wrapper .menu li .menu::after, .context-cloud #zone-menu-wrapper .menu li .menu::after {
  height: auto; }

@media only screen and (max-width: 980px) {
  .cloud-listing #zone-menu-wrapper .menu li .menu, .context-cloud #zone-menu-wrapper .menu li .menu {
    position: relative;
    max-height: none;
    max-width: 100%;
    height: auto;
    left: 0;
    padding: 0;
    z-index: 100; } }

.cloud-listing #zone-menu-wrapper .menu li .menu li a, .context-cloud #zone-menu-wrapper .menu li .menu li a {
  font-size: 15px; }

#region-content {
  margin-top: 20px; }

.cloud-listing #zone-branding .views-field-php .field-content a,
.page-cloud-member-announcement #zone-branding .views-field-php .field-content a,
.page-cloud-member-directory #zone-branding .views-field-php .field-content a,
.node-type-cloud-announcement #zone-branding .views-field-php .field-content a,
.node-type-cloud-event #zone-branding .views-field-php .field-content a,
.node-type-cloud-discussion #zone-branding .views-field-php .field-content a,
.node-type-cloud-resource #zone-branding .views-field-php .field-content a,
.node-type-cloud-page #zone-branding .views-field-php .field-content a,
.node-type-minutes #zone-branding .views-field-php .field-content a,
.page-cloud-search #zone-branding .views-field-php .field-content a,
.node-type-committee-group #zone-branding .views-field-php .field-content a,
.node-type-cloud-group #zone-branding .views-field-php .field-content a,
.page-node-join #zone-branding .views-field-php .field-content a {
  background-color: #008576 !important;
  box-shadow: none !important;
  font-size: 17px !important;
  padding: 8px 19px;
  color: #fff !important;
  display: inline-block;
  margin: 15px 10px 12px 0;
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3), 2px 2px 1px rgba(0, 0, 0, 0.15) !important;
  font-family: 'Archer-Book', Arial, Helvetica, sans-serif;
  line-height: 1;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  transition: all 100ms linear; }
  .cloud-listing #zone-branding .views-field-php .field-content a:hover,
  .page-cloud-member-announcement #zone-branding .views-field-php .field-content a:hover,
  .page-cloud-member-directory #zone-branding .views-field-php .field-content a:hover,
  .node-type-cloud-announcement #zone-branding .views-field-php .field-content a:hover,
  .node-type-cloud-event #zone-branding .views-field-php .field-content a:hover,
  .node-type-cloud-discussion #zone-branding .views-field-php .field-content a:hover,
  .node-type-cloud-resource #zone-branding .views-field-php .field-content a:hover,
  .node-type-cloud-page #zone-branding .views-field-php .field-content a:hover,
  .node-type-minutes #zone-branding .views-field-php .field-content a:hover,
  .page-cloud-search #zone-branding .views-field-php .field-content a:hover,
  .node-type-cloud-group #zone-branding .views-field-php .field-content a:hover,
  .page-node-join #zone-branding .views-field-php .field-content a:hover {
    background-color: #E78900 !important;
    text-decoration: none; }

#zone-branding-wrapper .views-field-field-logo-text {
  clear: right;
  float: right;
  margin-top: 5px;
  font-size: 12px; }

#zone-branding-wrapper .views-label-field-logo-text {
  display: none; }

.view-id-group_whats_new .field-name-node-link a {
  display: inline-block;
  background: #008576 !important;
  color: #fff !important;
  padding: 5px 15px;
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3), 2px 2px 1px rgba(0, 0, 0, 0.15) !important;
  border-radius: 0;
  line-height: 1;
  font-size: 16px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  font-family: 'Archer-Book', Arial, Helvetica, sans-serif;
  transition: all 100ms linear; }

.field-name-body h1,
.field-name-body h2,
.field-name-body h3,
.field-name-body h4 {
  font-family: 'Archer-Medium',Arial,Helvetica,sans-serif; }

div.node .field-item table td {
  border: 1px solid #ccc; }

.large-descript {
  font-size: 14px;
  margin-left: -20px;
}

.node-cloud-page .field-name-field-youtube-video .field-item,
.node-cloud-event .field-name-field-youtube-video .field-item,
.node-cloud-announcement .field-name-field-youtube-video .field-item {
  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}
.node-cloud-page .field-name-field-youtube-video .field-item iframe,
.node-cloud-page .field-name-field-youtube-video .field-item object,
.node-cloud-page .field-name-field-youtube-video .field-item embed,
.node-cloud-event .field-name-field-youtube-video .field-item iframe,
.node-cloud-event .field-name-field-youtube-video .field-item object,
.node-cloud-event .field-name-field-youtube-video .field-item embed,
.node-cloud-announcement .field-name-field-youtube-video .field-item iframe,
.node-cloud-announcement .field-name-field-youtube-video .field-item object,
.node-cloud-announcement .field-name-field-youtube-video .field-item embed {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.sidebar-donate {
  text-align: center;
}

a.sidebar-donate-button {
  height: auto;
  padding: 10px 15px 9px;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
  border: none;
  border-radius: 3px;
  background: #e8941a;
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  transition: background-color 0.3s ease;
}

a.sidebar-donate-button:hover {
  background: #008576;
  text-decoration: none;
}