/*
$primary: #00b1c7;
$primary-dark: #00717f;
$secondary: #010202;


$grey: #838382;
$grey-dark: #414042;

$color-link: $primary-dark;
*/
/* line 27, /boletines-municipales/app/assets/stylesheets/shared/variables.scss */
:root {
  --ba-color-menu: white;
  --ba-primary: #00aec3;
  --ba-primary-dark: #00aec3;
  --ba-secondary: #414042;
  --ba-color-text: #414042;
  --ba-color-footer: #f1f1f1;
  --ba-grey: #777777;
  --ba-grey-dark: #414042;
  --ba-color-link: #00aec3;
  --ba-primary-font-family: Open Sans, sans-serif;
  --ba-primary-color: #00aec3;
  --ba-secondary-color: #414042;
  --published-bulletin: #99ca3b;
  --unpublished-bulletin: #777777;
  --draft-notice: #e67e22;
}

/* line 4, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
.city {
  margin: 2em 0;
  display: flex;
  align-items: center;
}

/* line 10, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
.default-logo {
  font-size: 45px;
  color: #ccc;
  margin-left: 10px;
}

/* line 16, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
.city-name {
  font-size: 1.2em;
}
@media (max-width: 768px) {
  /* line 16, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
  .city-name {
    font-size: 18px;
    margin-left: 5px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 16, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
  .city-name {
    font-size: 18px;
    margin-left: 5px;
  }
}

/* line 29, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
.city-information-btn {
  color: white;
  font-size: 1.2em;
  text-align: center;
  background-color: #1e7abd;
  border: none;
  padding: 5px 0;
  margin: 5px 0;
  width: 100%;
}

/* line 40, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
.mobile-city-information {
  margin-bottom: 10px;
}
/* line 43, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
.mobile-city-information .city-datum {
  margin-bottom: 5px;
}

/* line 48, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
.city-bulletins-title {
  font-family: var(--ba-primary-font-family);
  font-size: 2em;
}

/* line 53, /boletines-municipales/app/assets/stylesheets/frontend/cities.scss */
.city-category-title {
  border-bottom: 2px solid var(--ba-primary-color);
  font-size: 2em;
  margin: 0px 0 10px;
}