/* =========================
   Ajustes estilos comcaja
   ========================= */

.comcaja #adaptable-page-header-wrapper {
  background-color: #488de0;
}

.comcaja li a:hover {
  color: white !important;
  background-color: #488de06b !important;
  border-radius: 30px;
}

.comcaja .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
  color: #000;
  background-color: #488de0 !important;
}

.comcaja .format-tiles .course-content ul.tiles .tile.phototile:hover { border-top-color: #0a6bcc !important; }
.comcaja .format-tiles .course-content ul.tiles .tile.phototile { border-top-color: #1670cc !important; }
.comcaja .format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3 { background-color: #1670cc !important; }

.comcaja .format-tiles ul.tiles .tile-clickable:hover, .comcaja .format-tiles ul.tiles .tile_bar.clickable:hover, .comcaja .format-tiles ul.tiles .tile-clickable.current:hover {
    border-top-color: #0a6bcc !important;
}

/* Menu */
.comcaja .courseindex .courseindex-item.pageitem {
  background-color: #488de0 !important;
}

.comcaja .secondary-navigation .moremenu .nav-tabs .nav-link.active {
  background-color: #488de0 !important;
  color: white !important;
}

.comcaja .secondary-navigation .navigation .nav-tabs>.nav-item {
  border-bottom: 1px solid #0a6bcc;
}

.comcaja .moremenu .nav-link.active {
  border-bottom-color: #0a6bcc;
}

.comcaja .moremenu .nav-link:hover {
  background-color: #488de06b !important;
  color: white !important;
}

.comcaja .btn-primary {
  background-color: #488de0 !important;
  border-color: #488de0;
}

.comcaja .format-tiles .course-content ul.tiles .tile.phototile {
  border-top-color: #1670cc !important;
}

.comcaja .format-tiles ul.tiles .tile-clickable:hover, .format-tiles ul.tiles .tile_bar.clickable:hover, .format-tiles ul.tiles .tile-clickable.current:hover {
  border-top-color: #0a6bcc !important;
}

.comcaja .secondary-navigation .moremenu .nav-tabs .nav-link:hover, .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
    background-color: #488de06b !important;
}

/* Header */
.comcaja #headertitle {
  padding: 10px 50px;
}

.comcaja #coursetitle {
  color: #FFF !important;
  letter-spacing: inherit;
  text-align: center;
  font-weight: 600 !important;
  white-space: nowrap;
  display: block;
  width: 100%;
}


.comcaja .format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3 {
    background-color: #488de06b !important;
    line-height: 46.5px !important;
    padding: 4px 7px;
    border-radius: 25px;
}