/*
    - Name: "full.scss"
    - Description: "Add custom styles to block council president - full"
*/
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.block__council-president.block--view-mode-full .content {
  position: relative;
}

@media (min-width: 480px) {
  .block__council-president.block--view-mode-full .content .field--name-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
  }
}
.block__council-president.block--view-mode-full .content .field--name-image img {
  width: 100%;
}

.block__council-president.block--view-mode-full .content .group__content {
  padding: 24px;
  background-color: var(--accent-superlight);
}

@media (min-width: 480px) {
  .block__council-president.block--view-mode-full .content .group__content {
    position: absolute;
    top: 15%;
    left: 20px;
    width: 50%;
    margin-bottom: 0 !important;
    padding: 0;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  .block__council-president.block--view-mode-full .content .group__content {
    top: 25%;
    left: 40px;
    width: 100%;
  }
}
.block__council-president.block--view-mode-full .content .group__content legend {
  display: none;
}

.block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-name h3 {
  color: var(--text-color);
  font-size: 1.5625rem;
  line-height: 1.875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

@media (min-width: 480px) {
  .block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-name h3 {
    color: var(--white);
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-name h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-position p {
  margin-top: 12px;
  color: var(--primary-shade);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

@media (min-width: 480px) {
  .block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-position p {
    color: var(--white);
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 992px) {
  .block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-position p {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
.block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-field-link {
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 24px;
}

.block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-field-link a {
  display: inline-block;
  padding: 10px 24px;
  border: 0;
  border-radius: 8px;
  font-family: "Roboto", arial, verdana, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
  transition: var(--base-trans);
  background-color: var(--primary-complementary-link);
  color: var(--white);
}

@media (min-width: 480px) {
  .block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-field-link a {
    padding: 12px 24px;
  }
}
.block__council-president.block--view-mode-full .content .group__content .fieldset-wrapper .field--name-field-link a:hover {
  background-color: var(--accent-dark);
}
/*# sourceMappingURL=full.css.map */