/** fonte meddon **/
@font-face {
  font-family: "Meddon";
  src: url("Meddon.ttf") format("truetype");
}
.meddon-font {
  font-family: "Meddon"; 
}

iframe.map {
  width: 100%;
  height: 450px;
  border: 0;
}

.carousel-item img {
  max-width: 100%;
  width: auto;
  height: 580px;
  object-fit: scale-down;
}

/** indicadores do carousel (cinza) **/
.carousel-indicators .active {
  background-color: #6c757d;
}

.text-estilo {
  color: #6c757d;
}

a.text-estilo:hover, a.text-estilo:focus {
  color: #494f54;
}

/*** --------------------------------- ***/
/** cor de texto (azul) **/
.text-blue {
  color: #4682B4;
}
a.text-blue:hover, a.text-blue:focus {
  color: #87CEEB;
}
/** cor de texto (marrom) **/
.text-brown {
  color: #A0522D;
}
a.text-brown:hover, a.text-brown:focus {
  color: #CD853F;
}
/** cor de texto (cinza) **/
.text-gray {
  color: #808080;
}
a.text-gray:hover, a.text-gray:focus {
  color: #C0C0C0;
}
/** cor de texto (verde) **/
.text-green {
  color: #2E8B57;
}
a.text-green:hover, a.text-green:focus {
  color: #90EE90;
}
/** cor de texto (rosa) **/
.text-pink {
  color: #DB7093;
}
a.text-pink:hover, a.text-pink:focus {
  color: #FFC0CB;
}
/** cor de texto (vermelho) **/
.text-red {
  color: #A52A2A;
}
a.text-red:hover, a.text-red:focus {
  color: #FF6347;
}

/** EXEMPLO DE COR DE TEXTO
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;

}

------ exemplo de background color -------
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

------ exemplo de list-group-item color ----
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

------- exemplo de table color ------------
.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}
.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

--- outros... ---
.table-
.btn-
.btn-outline-
.badge-
.alert-
.border-
**/