a {
  color: #0631be ; /*** # 22b8f0;  ***/
}
a:hover {
  color: #a3b9fc /***  #0e9cd1 ***/ ;
}
.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #0631be /***  #23527c ***/  ; 
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #23527c;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #23527c;
}
#offcanvas-toggler >i {
  color: #000000;
}
#offcanvas-toggler >i:hover {
  color: #23527c;
}
.btn-primary,
.sppb-btn-primary {
  border-color:  gray /*#0faae4   */ ;
  background-color: #7f9dfb  /*  ;  #23527c */  ;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: gray  /*** #0d8ab9 ***/ ;
  background-color: #a3b9fc /* #0e9cd1 */ ;
}
ul.social-icons >li a:hover {
  color: #23527c;
}
.sp-page-title {
  background:  #0631be ; /*** #23527c;  ***/
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul >li >a {
  color: #000000;
}
.sp-module ul >li >a:hover {
  color: #23527c;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #23527c;
}
.sp-module .tagscloud .tag-name:hover {
  background: #a3b9fc /*** #23527c ***/ ;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #23527c;
}
.search .btn-toolbar button {
  background: #23527c;
}
.post-format {
  background: #23527c;
}
.voting-symbol span.star.active:before {
  color: #23527c;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #a3b9fc /*** #0e9cd1 ***/ ;
}
.entry-link,
.entry-quote {
  background: #23527c;
}
blockquote {
  border-color: #23527c;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #23527c;
}
#sp-footer {
  background: #1c1c1c /*#cbcbcb /* #cbcbcb /*** #e3e3e3 ; /*** #23527c; ***/  ;
  color: #fff;
}
.sp-comingsoon body {
  background-color: #23527c;
}
.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: #23527c;
  background-color: #23527c;   */   
  border-color: gray /* #0d8ab9 */  ;
  background-color: #0631be  /* #0e9cd1 */ ;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: gray /* #23527c */ ;
  background-color: #a3b9fc  /*  #23527c */ ;
}