/*!
Theme Name: Asheville
Theme URI: http://underscores.me/
Authors: Kyle Kirkpatrick, Melanie Mazanec
Author URI: http://www.ashevillenc.gov/
Description: City of Asheville custom theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: avl
Tags: responsive, bootstrap

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Asheville is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

html,
body {
  width: 100%;
  /* height: 100vh; */
  margin: 0 auto;
  top: 0px !important;
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.alert-info {
  color: black;
  background-color: #eef3f7;
  border: 1px solid transparent;
}

/* General */

.badge+.badge {
  margin-left: .25rem;
}

.menu-item-break {
  width: 100%;
}

.menu-item-break .nav-link {
  display: none;
}

#twitter-container {
  max-height: 350px;
  overflow: scroll;
}

.twitter-timeline-rendered {
  border-radius: 6px !important;
  border: 1px solid #e6e6e6 !important;
}

.open-city-hall,
.twitter-timeline {
  /*	height: -webkit-calc(100% - 2rem) !important;
	height:    -moz-calc(100% - 2rem) !important;
	height:         calc(100% - 2rem) !important;*/
  margin-bottom: 2rem !important;
  min-height: 13rem !important;
}

/* PRC 05.2020 */
.open-city-hall {
  background-color: #004987;
}

.open-city-hall:hover,
.open-city-hall:focus {
  background-color: #4077A5;
}

.open-city-hall span {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0 !important;
}

.open-city-hall-image {
  background-image: url("/wp-content/themes/avl/img/avl-engage-bubble.png");
  background-repeat: no-repeat;
  width: 211px;
  height: 148px;
  background-size: contain;
  background-position: center;
  margin: 1rem;

}

.open-city-hall:hover .open-city-hall-image,
.open-city-hall:focus .open-city-hall-image {
  background-image: url("/wp-content/themes/avl/img/avl-engage-bubble-hover.png");
}

/* END PRC 05.2020 */


.open-city-hall img {
  max-height: 7rem;
  max-width: 7rem
}

.open-city-hall:hover,
.open-city-hall:focus {
  text-decoration: none;
  /*background-color: #50601f;*/
}

.social-network {
  display: block;
  position: relative;
  padding-top: 100%;
  /*margin-bottom: 2rem;*/
  background-color: #4077A5;
}

.social-network:hover,
.social-network:focus {
  background-color: #004987;
}

.social-network .icomoon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 5rem;
  height: 5rem;
  text-align: center;
  line-height: 5rem;
  color: #fff;
}

#page {
  /* display: flex;
  flex-direction: column; */
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* 

#content {
	min-height: 30vh;
	flex: 1 1 auto;
} */

.dataTables_wrapper {
  overflow-x: scroll;
}

/* Header */

/* TEMPORARY FOR BETA */

#sub-nav-beta-msg {
  font-size: 0.9em;
  border-bottom: 2px solid #d5d5d5;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

#sub-nav-beta-msg a {
  color: inherit;
  text-decoration: underline;
}

#beta-on-title {
  position: absolute;
}

#masthead nav.primary {
  border-bottom: 0.25px solid white;
}

#masthead nav.primary>.container-fluid {
  padding: 0;
}

#masthead .custom-logo {
  height: 54px;
  padding: 2px;
  max-height: 100%;
}

#masthead .custom-logo:hover,
#masthead .custom-logo:focus {
  opacity: 0.9;
}

#masthead .search-field,
#colophon .form-control {
  background-color: rgba(255, 255, 255, .85);
  transition: background-color 0.5s ease;
}

#masthead .search-field:focus,
#colophon .form-control:focus {
  background-color: rgba(255, 255, 255, 1);
}

#masthead .search-field {
  padding-right: 38px;
}

#masthead .site-description {
  text-shadow: 1px 1px 0 #d5d5d5;
  font-weight: 600;
  letter-spacing: 0.05em;
}

#splash .well {
  background-color: rgba(235, 235, 235, 0.85);
  padding: 0.45rem;
}

#menu-popular .icon {
  margin-right: .25rem;
}

#menu-popular .card-header:hover,
#menu-popular .card-header:focus {
  text-decoration: none;
}


/* Main Menu */

#primary-menu .nav-link {
  font-size: 1.15rem;
  text-transform: uppercase;
  white-space: nowrap;
  color: white;
  font-weight: 200;
  letter-spacing: 0.05em;
}

#masthead .primary-nav .navbar-toggler {
  border-color: white;
}

#masthead .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#primary-menu .dropdown-item {
  max-width: 90vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

#primary-menu .nav-item.active>.dropdown-item,
.dropdown-item.active,
.dropdown-item:active {
  background-color: #edf3f8;
}


/* Splash */
#splash {
  height: 24em;
  overflow: hidden;
}

#splash .header-background-image {
  /* background-size: cover; */
  /* width: 100%; */
  height: inherit;
  /* display: table-cell; */
  /* position: absolute; */
  /* background-position: center; */
  /* z-index: -1; */
  /* background-attachment: fixed; */
  /* background-repeat: no-repeat; */
  border-bottom: 2px solid #607425;
}

.green-bottom-border {
  border-bottom: 2px solid #607425;
}

.green-bottom-border-thick {
  border-bottom: 6px solid #607425;
}

#site-search {
  position: relative;
}

#site-search-close {
  position: absolute;
  top: -12px;
  right: -12px;
  border-radius: 15%;
  border: 1px;
}

#site-search-close.btn-light.focus,
#site-search-close.btn-light:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}

#navbarSearchButton {
  display: none;
}

.with-jumbo #navbarSearchButton {
  display: inline-block;
}

.tribe-no-js #site-search-close,
.tribe-no-js #navbarSearchButton {
  display: none;
}

#navbarSearchLink {
  display: inline-block;
}

.with-jumbo #navbarSearchLink {
  display: none;
}

.tribe-no-js #navbarSearchLink {
  display: inline-block;
}

#basicSearchMain {
  display: none;
}

.tribe-no-js #basicSearchMain {
  display: block;
}

.tribe-no-js #ais-main {
  display: none;
}

#splash .search-label {
  color: #004987;
  font-size: 1em;
  letter-spacing: 0.025em;
  margin-bottom: 0;
  font-weight: 200;
}

#splash.site-branding {
  background-position: center;
  border-bottom: 8px solid #607425;
  /* background-attachment: fixed; */
  background-repeat: no-repeat;
}

.department-title {
  word-spacing: 0.15em;
  letter-spacing: 0.025em;
  font-size: 1.75em;
  /* margin-bottom: 0.5em; */
}

#secondary-navbar {
  white-space: nowrap;
}

#secondary-navbar,
#secondary-navbar .dropdown-menu {
  background-color: #607425;
  color: white;
}

#secondary-navbar a {
  color: inherit;
}

#secondary-navbar .navbar-toggler {
  padding: 0.25em;
  float: right;
  width: 100%;
  margin-right: 1em;
}

#secondary-navbar .nav-item {
  text-overflow: ellipsis;
}

#secondary-navbar .first-layer-nav {
  flex-wrap: wrap;
}

#secondary-navbar .first-layer-nav>.nav-item {
  padding: 0 1em;
  background-color: inherit;
  border-left: 0.25px solid rgb(255, 255, 255, 0.35);
  border-right: 0.25px solid rgb(255, 255, 255, 0.35);
  border-bottom: 0.25px solid rgb(255, 255, 255, 0.35);
  border-collapse: collapse;
}

#secondary-navbar .dropdown-menu {
  margin: 0;
}

#secondary-navbar .menu-item:not(:first-child) {
  border-top: 0.25px solid rgb(255, 255, 255, 0.35);
}

#secondary-navbar .menu-item a {
  text-overflow: ellipsis;
  overflow: hidden;
}

#secondary-navbar .nav-item:hover,
#secondary-navbar .nav-item:focus,
#secondary-navbar .dropdown-item:focus,
#secondary-navbar .dropdown-item:hover {
  background-color: #50601f;
}

#secondary-navbar .nav-item.active>a {
  text-decoration: underline;
  background-color: inherit;
}

.navbar-nav .dropdown-menu {
  /* get on top of leaflet map */
  z-index: 4000;
}

#secondary-navbar .dropdown-submenu .dropdown-menu {
  position: relative;
  /*background: rgba(0, 0, 0, .25);*/
  padding: 0;
}

#secondary-navbar .dropdown-submenu .dropdown-menu a {
  position: relative;
  background: rgba(0, 0, 0, .25);
  padding-left: 2rem;
}

/* Main pages */

.site-main .entry-header h1 {
  padding-bottom: 0.125em;
  margin-bottom: 0.125em;
}

#projects-initiatives .container {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  white-space: nowrap;
}

#projects-initiatives a span,
#projects-initiatives a h2 {
  display: inline-block;
}

#projects-initiatives a h2 {
  text-decoration: inherit;
  color: inherit;
}

#projects-initiatives a h2,
#projects-initiatives p {
  white-space: normal;
}

/* Style like an h5, don't use headers for styling */
.card-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin-block-start: 0.25em;
  margin-block-end: 0.75em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  display: block;
}

.accessible-text-muted {
  color: #42474c;
}

.page-link:hover,
.page-link:focus {
  border-color: #004987;
}

a {
  color: #004987;
}

a.text-primary {
  /* To override default, which is also marked important... */
  color: #004987 !important;
}

.entry-content a,
.site-main a:not(.btn, .badge, .page-link),
p a,
.card-subtitle a {
  text-decoration: underline;
}

.entry-content a:hover,
p a:hover,
.card-subtitle a:hover,
.entry-content a:focus,
p a:focus,
.card-subtitle a:focus {
  text-decoration: none;
}

.figure {
  width: min-content;
}

img.alignright,
figure.alignright {
  float: right;
  margin: 0 0 1rem 2rem;
}

img.alignleft,
figure.alignleft {
  float: left;
  margin: 0 2rem 1rem 0;
}

img.aligncenter,
figure.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.search-button {
  position: absolute;
  padding: 0;
  border: 1px solid #ced4da;
  /* width: 38px; */
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  color: #555;
  background-color: rgba(255, 255, 255, .85);
}

.search-button:hover,
.search-button:focus {
  background-color: rgba(255, 255, 255, 1);
}

#jumbotronSearchFormContainer {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 125ms ease-in, visibility 0ms ease-in 125ms;
}

#jumbotronSearchFormContainer.show {
  visibility: visible;
  opacity: 1;
  max-height: 24rem;
  transition: opacity 125ms ease-in, visibility 0ms ease-in 0ms;
}

#navbarSearchButton {
  /* Linda icons don't always line up perfectly with other inline elements like text */
  margin-top: 2px;
  background-color: var(--coa-blue-dark);
}

.nav-item:hover>#navbarSearchButton {
  background-color: #004480;
}

#navbarSearchButton:hover {
  background-color: #004480;
}

a:hover,
a:focus,
a.text-primary:focus,
a.text-primary:hover,
.dropdown-item.active,
.dropdown-item:active,
.btn-outline-info:not(:disabled):not(.disabled).active:focus a,
.btn-outline-info:not(:disabled):not(.disabled):active:focus a,
.show>.btn-outline-info.dropdown-toggle:focus a {
  color: #006dcc;
  text-decoration: underline;
}

.list-group-item.active {
  background-color: #4077A5;
}

.visually-hidden {
  /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
  position: absolute !important;
  height: 0px;
  width: 0px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Post text should not overflow, but tables should scroll */
.entry-content p>a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  /* -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; */
}

.entry-content .table-responsive>* {
  overflow-x: scroll;
}

/* Added Nov 2019 by COA-RICK.
	Service page text content was not filling parent container width
*/
.entry-content {
  width: 100%;
}


/* Sidebar filters */

.news-title-sidebar {
  align-items: baseline;
}

.news-title-sidebar .widget {
  margin: 0 0 0 1em;
}

.widget-title {
  display: none;
}

.widget_avl_post_services .widget-title {
  display: unset;
  font-size: 2rem;
}

.news-widget {
  display: inline-block;
  padding: 0 1em 0 0;
}


/* Element footers */

.card-footer {
  overflow: hidden;
  text-overflow: ellipsis;
}

.entry-footer:not(:empty) {
  border-top: 1px solid gray;
}

.entry-footer::before {
  content: "Tags: ";
}


/* Footer */


#colophon {
  /* margin-top: 5em; */
  border-top: 4px solid #50601f;
}

footer .feedback-container {
  padding: 1em 0;
}

.footer-toggle-bar {
  border-bottom: 1px solid rgb(255, 255, 255, 0.5);
}

.footer-toggle-button {
  border-color: #A6BFD5;
}

.footer-toggle-button:hover,
.footer-toggle-button:focus {
  border-color: #ffcc00;
}

.footer-toggle-button:hover .icon-lamp-bright,
.footer-toggle-button:focus .icon-lamp-bright {
  color: #ffcc00;
}

#footer-social .nav-link {
  /* color: #A6BFD5; */
  color: white;
  opacity: 0.75;
}

#footer-social .nav-link:hover,
#footer-social .nav-link:focus {
  color: #FFF;
  opacity: 1;
}

#footer-menu .current_page_item {
  border-bottom: 2px solid rgba(255, 255, 255, .85);
}

#footer-menu .nav-link {
  color: white;
  opacity: 0.85;
}

#colophon img.footer-city-logo {
  /* Maybe this will fix the eiffel tower issue on IE */
  max-height: 3em;
}

.ninja-forms-field.btn.nf-element {
  background-color: #4077A5;
  color: white;
  border: 1px solid #4077A5;
}


.ninja-forms-field.btn.nf-element:hover,
.ninja-forms-field.btn.nf-element:focus,
.ninja-forms-field.btn.nf-element:active {
  background-color: #4785b8;
  border: 1px solid #c8daea;
  box-shadow: unset;
}

/* TEMPORARY - REMOVE AFTER REMOVING ADDSEARCH */
#old-search .input-group-text {
  border: 1px solid rgb(255, 255, 255, 0.15);
  /* background-color: rgb(255, 255, 255, 0.05); */
  /* border: none; */
}

#wpadminbar.mobile {
  position: fixed;
}

#addsearch-results {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

/* Posts */

figcaption {
  padding: .5rem;
  font-size: 80%;
  font-weight: 400;
}

/* Tribe Events */

.single-tribe_events .tribe-events-event-image {
  float: right;
  max-width: 25%;
  margin: 0 0 25px 25px;
}

.tribe-events-list-widget .tribe-event-featured {
  border-color: #4077A5;
  background: #fff !important;
  padding-bottom: 0 !important;
}

/* Styles for inline sheets plugin */

.dataTable .display-none {
  display: none;
}

.dataTable th {
  font-size: 1.25em;
}

.dataTable th:hover {
  color: #006dcc;
}

.dataTable th,
.dataTable td {
  width: unset !important;
}

.dataTable tr.even {
  background-color: #f2f2f2;
}

/*PRC*/
.avl-search-indicator {
  display: none;
}

.avl-search-indicator.avl-search-indicator--active {
  display: block;
}

.site-branding.jumbotron {
  position: relative;
}

.site-branding.jumbotron .background {
  position: absolute;
  top: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.social-tile--instagram,
.social-tile--youtube {
  margin-top: 2rem;
}

.engage-tiles {
  align-items: stretch;
}

.engage-tile--open-city-hall a {
  height: 100%;
}

@media(min-width: 1200px) {
  .site-branding.jumbotron .background {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -mox-transform: translateY(-50%);
  }
}


/* Media Queries */

/* Extra Small + Small */

@media (max-width: 767px) {
  .display-1 {
    font-size: 3em;
  }

  #splash {
    background-size: cover;
    /* height: 15em; */
  }

  .twitter-timeline-rendered {
    min-height: 20rem;
  }

  .open-city-hall {
    min-height: 50vh;
  }

  .news-title-sidebar .widget {
    width: 90%;
  }

  .department-title {
    font-size: 2em;
  }

  .social-tile--instagram,
  .social-tile--youtube {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .social-tile--facebook,
  .social-tile--twitter {
    margin-top: 2rem;
  }
}

@media (min-width: 575px) and (max-width: 992px) {
  #ais-main .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
}

/* Up to large */

@media (max-width: 1200px) {

  #primary-menu .nav-item,
  #header-site-search {
    border-top: 0.5px solid rgb(255, 255, 255, 0.35);
  }

  #header-site-search {
    padding: 0.25em 0;
  }

  #secondary-navbar .first-layer-nav>.nav-item {
    border-top: 0.5px solid #e6e6e6;
    border-left: none;
    border-right: none;
  }

  #secondary-navbar .navbar-nav .nav-link {
    padding: .5rem 1rem;
  }

  #secondary-navbar .dropdown.nav-item.show {
    padding-bottom: 1rem;
  }

  #secondary-navbar .dropdown-menu {
    padding: 0 1rem;
    border: 0px solid transparent;
  }

  #secondary-navbar .dropdown-item {
    padding: 0.25rem 0 0.25rem 1rem;
    white-space: normal;
  }
}

/* Google translate */

/* html.translated-ltr body,
html.translated-rtl body {
  margin-top: 39px;
} */

/* html.translated-ltr #wpfront-notification-bar.wpfront-fixed,
html.translated-rtl #wpfront-notification-bar.wpfront-fixed {
  top: 39px !important;
} */

.tribe-no-js #menu-item-gtranslate {
  display: none;
}

/* Medium and large */

@media (min-width: 768px) {
  .department-title {
    font-size: 2.75em;
  }

  .display-1 {
    font-size: 5em;
  }

  .news-title-sidebar .widget {
    width: 90%;
  }

  /* Sticky footer */

  html {
    /* position: relative; */
    /* height: auto !important; */
    /* min-height: 100vh; */
    height: 100%
  }

  body {
    height: 100%
      /* min-height: 100vh; */
      /* position: static !important; */
      /* margin-bottom: 520px; */
  }

  #secondary-navbar .navbar-toggler {
    margin: 0;
    padding: 0.5rem;
  }

  #colophon {
    /* position: absolute; */
    left: 0;
    right: 0;
  }
}

/* Large */

@media (min-width: 1200px) {

  /* Main Menu */
  nav.navbar.primary-navbar {
    padding: 0 1em;
  }

  #primary-menu>.nav-item,
  #header-site-search {
    border-left: 0.25px solid rgb(255, 255, 255, 0.35);
    padding: 0.5rem 0.25rem;
  }

  #primary-menu>.nav-item a {
    height: 100%;
    width: 100%;
  }

  #primary-menu .nav-item:hover,
  #primary-menu .nav-item.show {
    background-color: #004480;
  }

  #primary-menu .nav-link {
    border: 1px solid transparent;
  }

  #primary-menu .nav-link:focus {
    border-bottom: 1px solid white;
  }

  #primary-menu>.dropdown-col-md-6>.dropdown-menu.show {
    width: 652px;
    left: -210px;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin: -.125rem 0 0;
  }

  #secondary-navbar .dropdown-menu.show.many-children {
    max-width: 700px;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }

  .news-title-sidebar .widget {
    max-width: 25%;
  }
}

/* Extra Large */

@media (min-width: 2000px) {
  .display-1 {
    font-size: 6em;
  }
}

/*PRC ADDITIONS*/
.entry-field {
  margin-bottom: 2rem;
}

.card-columns {
  column-count: 1;
}

@media (min-width: 768px) {
  .card-columns {
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .card-columns {
    column-count: 3;
  }
}

#tribe-events-content a,
.tribe-events-event-meta a {
  text-decoration: underline;
}

.tribe-no-js #project-archive-static {
  display: block;
}

.tribe-js #project-archive-static {
  display: none;
}