.mpl-navbar .mpl-navbar-brand {
  width: 120px;
}

.mpl-navbar-top.mpl-navbar-small .mpl-navbar-brand {
  width: 60px;
}

.mpl-box-lg {
  padding-top: 260px;
}

a:hover, a:focus {
    color: #628911;
}

a.link-white:hover {
    color: #628911;
}

.mpl-link:hover {
    color: #628911;
}

.text-brand {
    color: #628911 !important;
}

.btn {
  background-color: #628911;
}

.btn-default {
    background-image: linear-gradient(to top, #628911 0, #628911 100%);
}

.mpl-product-item:hover .mpl-product-title, .mpl-product-item:focus .mpl-product-title {
    color: #628911;
}

a.mpl-post-item:not(.mpl-post-overlay):hover .mpl-post-title {
    color: #628911;
}

.pagination .page-item.active .page-link {
    background-color: #628911;
}

.pagination .page-link.prev:hover, .pagination .page-link.prev:focus, .pagination .page-link.next:hover, .pagination .page-link.next:focus {
    color: #628911;
}

.progress .progress-bar {
    background-color: #628911;
}

.mpl-timeline-item .mpl-timeline-body p > a:hover {
    color: #628911;
}

.mpl-list a:not([class*=text-]):hover, .mpl-list a:not([class*=text-]):focus {
    color: #628911;
}

.badge-brand {
    background-color: #628911;
}

.fancybox-thumbs__list a.fancybox-thumbs-active {
    border-color: #628911;
}

.mpl-fancybox-close:hover, .mpl-fancybox-close:focus {
    color: #628911;
    outline: none;
}

.mpl-navbar .mpl-nav-link-name {
    background-image: linear-gradient(to top, transparent 4px, #628911 4.001px, #628911 9px, transparent 9.001px, transparent 100%);
}

.mpl-card-image {
  width: 100%;
  border-radius: 16px;
  border: 12px solid #1f1f1f;
}

.mpl-card {
  padding: 0;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.5);
}

.mpl-card-footer {
  position: absolute;
  width: 80%;
  bottom: 10%;
  left: 10%;
  opacity: 0;
	transition: opacity 0.3s ease;
}

.mpl-card-head {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10% 10% 60% 10%;
  background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mpl-card:hover .mpl-card-footer,
.mpl-card:hover .mpl-card-head {
  opacity: 1;
  transition: opacity 0.3s ease;
}

#forkids-section.mpl-box-lg {
  background-color: #2b3036;
  background-image: url('../images/learning/child-book-presi-wide.jpg'), linear-gradient(0deg, #242831, #2b3036);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: top right;
}

#forkids-section .mpl-image {
  background: none;
}

#gbl-container .description-text,
#forkids-container .description-text{
  background-color: rgba(0,0,0,0.5);
  border-radius: 10px;
  padding: 16px 24px;
}

#threedmetaverse-section {
  background: white;
}

#threedmetaverse-section .mpl-image {
  background-color: white;
}

#threedmetaverse-section .mpl-image img {
  opacity: 1;
}

#threedmetaverse-section .mpl-image img:hover {
  opacity: 0.8;
}

#threedmetaverse-section {
  color: black;
}

#threedmetaverse-section .display-2 {
  color: black;
}