@font-face {
  font-family: "Miama Nueva";
  src: local("Miama Nueva"), local("MiamaNueva"), url("../fonts/MiamaNueva.woff2") format("woff2"), url("../fonts/MiamaNueva.woff") format("woff"), url("../fonts/MiamaNueva.ttf") format("truetype"), url("../fonts/MiamaNueva.svg#MiamaNueva") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: local("Commissioner Bold"), local("Commissioner-Bold"), url("../fonts/Commissioner-Bold.woff2") format("woff2"), url("../fonts/Commissioner-Bold.woff") format("woff"), url("../fonts/Commissioner-Bold.ttf") format("truetype"), url("../fonts/Commissioner-Bold.svg#Commissioner-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: local("Commissioner SemiBold"), local("Commissioner-SemiBold"), url("../fonts/Commissioner-SemiBold.woff2") format("woff2"), url("../fonts/Commissioner-SemiBold.woff") format("woff"), url("../fonts/Commissioner-SemiBold.ttf") format("truetype"), url("../fonts/Commissioner-SemiBold.svg#Commissioner-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: local("Commissioner Regular"), local("Commissioner-Regular"), url("../fonts/Commissioner-Regular.woff2") format("woff2"), url("../fonts/Commissioner-Regular.woff") format("woff"), url("../fonts/Commissioner-Regular.ttf") format("truetype"), url("../fonts/Commissioner-Regular.svg#Commissioner-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: local("Commissioner Medium"), local("Commissioner-Medium"), url("../fonts/Commissioner-Medium.woff2") format("woff2"), url("../fonts/Commissioner-Medium.woff") format("woff"), url("../fonts/Commissioner-Medium.ttf") format("truetype"), url("../fonts/Commissioner-Medium.svg#Commissioner-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.btn-outline-primary {
  --bs-btn-font-size:14px;
  --bs-btn-color:white;
  --bs-btn-border-color:white;
  --bs-btn-border-radius:38px;
  --bs-btn-hover-color:#444A58;
  --bs-btn-hover-bg:transparentize();
  --bs-btn-hover-border-color:#444A58;
}

.btn-primary {
  --bs-btn-bg:#00b050;
  --bs-btn-border-color:#00b050;
  --bs-btn-hover-bg:transparentize();
  --bs-btn-hover-border-color:#00b050;
  --bs-btn-hover-color:#00b050;
}

.nav-link {
  --bs-nav-link-font-size:16px;
  --bs-nav-link-font-weight:600;
  --bs-nav-link-color:white;
  --bs-nav-link-hover-color:#444A58;
}

.dropdown-menu {
  --bs-dropdown-padding-y:0;
  --bs-dropdown-bg:#00b050;
  border: none;
}

.navbar-toggler {
  --bs-navbar-color:white;
  --bs-navbar-toggler-border-color:white;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  --bs-navbar-color:#444A58;
  --bs-navbar-toggler-border-color:#444A58;
  box-shadow: none;
}

.modal {
  --bs-modal-border-color:transparentize();
}

body {
  font-family: "Commissioner", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #444A58;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

a {
  text-decoration: none;
}

.brand {
  gap: 10px;
}
.brand__logo {
  max-width: 50px;
}
.brand__text {
  color: white;
}
.brand__text h4 {
  font-size: 24px;
  font-weight: 700;
}
.brand__text p {
  margin-top: -5px;
  font-size: 16px;
  font-weight: 500;
}

.btn-outline-primary, a {
  transition: 0.8s !important;
}

.nav-link {
  width: 192px;
  padding: 3px 0;
  border-top: 2px solid white;
}
.nav-link:hover, .nav-link:active {
  color: #444A58;
  border-top-color: #444A58;
  transition: 0.8s;
}
@media (max-width: 1200px) {
  .nav-link {
    width: 155px;
  }
}
@media (max-width: 992px) {
  .nav-link {
    width: 120px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .nav-link {
    font-size: 16px;
    border-top: 0;
  }
}

.dropdown-item {
  font-size: 14px;
  color: white;
  font-weight: 600;
}
.dropdown-item:hover {
  background-color: transparent;
}

.separator {
  padding-bottom: 5px;
  border-bottom: 2px solid #00b050;
  margin-bottom: 25px;
}

.card-separator {
  padding-bottom: 5px;
  border-bottom: 2px solid #ffffff;
  margin-bottom: 10px;
}

.main-title {
  font-size: 28px;
  font-weight: 700;
  color: #00b050;
  text-align: center;
}

.view-img-btn {
  border: none;
  padding: 0;
}

.modal-content {
  width: auto;
}
.modal-content .modal-body {
  padding: 0 !important;
}

.card__item {
  padding: 15px 30px;
  height: 100%;
  background-color: #00b050;
  border: 1px solid #00b050;
  border-radius: 8px;
}
.card__item h4 {
  font-size: 24px;
  font-weight: 600;
  color: white;
  border-bottom: 2px solid white;
  padding-bottom: 5px;
}
.card__item p {
  color: white;
  font-size: 14px;
}

.header {
  background-color: #00b050;
  box-shadow: 0 4px 26px 0 rgba(0, 128, 58, 0.71);
}
.header_main {
  background-color: transparent !important;
  box-shadow: none !important;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.header_main .navbar {
  background-color: transparent !important;
}
.header_main .dropdown-menu {
  background-color: transparent !important;
}
.header__top {
  padding: 10px 0;
}
.header__top-contact-inner {
  gap: 25px;
}
.header__top-contact-tel {
  color: white;
  font-size: 14px;
}
.header__top-contact-tel:hover {
  color: #444A58;
}

@media (min-width: 768px) {
  .header__top-mobile {
    display: none;
  }
  .header .media-brand {
    display: none;
  }
}
@media (max-width: 768px) {
  .header__top {
    padding: 10px;
    background-color: #444A58;
  }
  .header__top-mobile {
    display: flex;
    gap: 25px;
  }
  .header__top-brand, .header__top-contact {
    display: none;
  }
}

.modal-form {
  max-width: 450px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  margin: 0 auto;
}
.modal-form textarea {
  resize: none;
}
.modal-form__title h2 {
  font-size: 24px;
  font-weight: 600;
  color: #00b050;
}
.modal-form__title p {
  font-size: 14px;
}
.modal-form__body input::placeholder, .modal-form__body textarea::placeholder {
  font-size: 14px;
}
.modal-form__body input:focus, .modal-form__body textarea:focus {
  border-color: #00b050;
  box-shadow: rgba(37, 118, 36, 0.25) 0 0 0 0.25rem;
}

.post {
  margin: 60px 0;
}
.post__back-link {
  gap: 10px;
  color: #00b050;
  font-weight: 500;
}
.post__back-link-icon {
  border: 1px solid #00b050;
  padding: 2px 2px;
  background-color: transparent;
  border-radius: 50%;
}
.post__back-link:hover {
  color: #00b050;
}
.post__back-link:hover .post__back-link-icon {
  background-color: #00b050;
  color: #ffffff;
  transition: 0.8s;
}
.post__content-title{
  position: fixed;
  width: 30%;
}

@media (max-width: 768px) {
  .post__content-title {
    position: static;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .post__content-title {
    padding-bottom: 5px;
    border-bottom: 2px solid #00b050;
    margin-bottom: 25px;
  }
}

.footer {
  padding: 25px 0;
  background-color: #00b050;
  box-shadow: 1px -5px 26px 0 rgba(0, 128, 58, 0.71);
}
.footer .brand {
  margin-bottom: 20px;
}
.footer__description {
  font-family: "Miama Nueva", sans-serif;
  font-size: 14px;
  color: white;
}
.footer__contact {
  font-size: 16px;
  color: white;
}
.footer__contact-list {
  list-style: none;
}
.footer__contact a {
  color: inherit;
}
.footer__contact a:hover {
  color: #444A58;
}

@media (max-width: 415px) {
  .footer__contact {
    font-size: 14px;
  }
  .footer__contact-list {
    padding-left: 0;
  }
}

/*# sourceMappingURL=post.css.map */