.t4-offcanvas-toggle, .navbar-toggler {
  color: #ffffff;
}
.t4-offcanvas .t4-off-canvas-header{
  background-color: var(--mainnav-link-hover-color) !important;
}
#mp-categories-accordion, .accordion-header:hover {
  background-color: #f2ebef !important
}
.osm-plan-property{
  color : var(--color-danger) !important;
}
.mxyt-playlist-item, .mb-4, .blog-item .item{
    border-radius: 10px;
    border: 2px solid black !important;
    padding: 10px !important;
    position: relative;
    overflow: hidden
}

.jacl-item__inner:hover, .mxyt-playlist-item:hover, .blog-item:hover, .item:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px;
    border-color: black;
}
.google-email, .google-classroom, h3, .t4-module, h1.osm-item-title, osm-page-title, h2.item-title a, .item-title.h2 a, .item-title h2 a, .item-title .osm-page-title .h2 a, .page-header h2 a, .page-header .h2 a, .categories-list h2 a, .categories-list .h2 a {
  color: var(--color-primary) !important;
  transition: color 0.5s, transform 0.5s;
}
.google-email:hover, .google-classroom:hover, h3:hover, .osm-item-title a:hover, h2.item-title a:hover, .item-title.h2 a:hover, .item-title h2 a:hover, .item-title .h2 a:hover, .page-header h2 a:hover, .page-header .h2 a:hover, .categories-list h2 a:hover, .categories-list .h2 a:hover {
  color: var(--mainnav-link-hover-color) !important;
  transition: color 0.5s, transform 0.5s;
}
.accordion-button {
  font-size: 1.3rem
}
.osm-container .accordion-body .osm-item-title {
  font-size: 1.15rem
}
.accordion-button:not(.collapsed) {
 color: #ffffff;
 background-color: var(--color-primary);
 transition: color 0.5s, transform 0.5s;
}
#socialstreams {
 text-align:center;
}