a {
  color: #8366a1;
}
a:hover {
  color: #6a5183;
}
.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #8366a1;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #8366a1;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #8366a1;
}
#offcanvas-toggler >i {
  color: #000000;
}
#offcanvas-toggler >i:hover {
  color: #8366a1;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #745890;
  background-color: #8366a1;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #5d4774;
  background-color: #6a5183;
}
ul.social-icons >li a:hover {
  color: #8366a1;
}
.sp-page-title {
  background: #8366a1;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul >li >a {
  color: #000000;
}
.sp-module ul >li >a:hover {
  color: #8366a1;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #8366a1;
}
.sp-module .tagscloud .tag-name:hover {
  background: #8366a1;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #8366a1;
}
.search .btn-toolbar button {
  background: #8366a1;
}
.post-format {
  background: #8366a1;
}
.voting-symbol span.star.active:before {
  color: #8366a1;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #6a5183;
}
.entry-link,
.entry-quote {
  background: #8366a1;
}
blockquote {
  border-color: #8366a1;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #8366a1;
}
#sp-footer {
  background: #8366a1;
}
.sp-comingsoon body {
  background-color: #8366a1;
}
.pagination>li>a,
.pagination>li>span {
  color: #000000;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #000000;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #8366a1;
  background-color: #8366a1;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #8366a1;
  background-color: #8366a1;
}
p.g1 {
  background-color: #abbad0;
  font-weight: bold;
  padding: 10px;
}
#sp-showcase {
  background-color: #f2efef;
  max-width: 1240px;
  margin: auto;
  padding: 60px 0 60px;
}
.mySlides {
  display: visible;
}
.slideshow-container {
  position: relative;
  margin: auto;
}
@media screen and (min-width: 700px) {
  .text {
    font-family: 'Roboto', 'Arial';
    color: #8366a1;
    font-size: 400%;
    text-shadow: 0px 0px 10px RGBA(0,0,0,10);
    font-weight: 600;
    padding: 100px 10px;
    position: absolute;
    top: auto;
    bottom: 30%;
    width: 100%;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    text-decoration: none;
    line-height: 1.0;
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media screen and (max-width: 700px) {
  .text {
    font-family: 'Roboto', 'Arial';
    color: #8366a1;
    font-size: 250%;
    text-shadow: 0px 0px 10px RGBA(0,0,0,1);
    font-weight: 600;
    padding: 10% 5px;
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    text-decoration: none;
    line-height: 1.0;
  }
}