.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  padding: 8px 5px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{
  color:#000000;
  background-image: linear-gradient(to bottom right, white, white);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  min-width: 200px;
  font-weight: bold;
}

.sp-megamenu-parent li a:hover
{
  background-image: linear-gradient(to bottom right, rgba(236,112,99,1), rgba(175,122,197,1));
  color:#ffffff;
  font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background-image: linear-gradient(to bottom right, rgba(236,112,99,0.5), rgba(175,122,197,0.5));
  border-top : 3px solid purple;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  background-image: linear-gradient(to bottom right, rgba(236,112,99,1), rgba(175,122,197,1));
  color:#ffffff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a:hover {
  color:#000000;
  background-image: linear-gradient(to bottom right, white, white);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  color:#000000;
  font-weight: bold;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
  color:#000000;
  background-image: linear-gradient(to bottom right, white, white);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  color:#000000;
  font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color:#000000;
  background-image: linear-gradient(to bottom right, rgba(236,112,99,0.5), rgba(175,122,197,0.5));
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);  
  font-weight: bold;
  min-width: 200px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    padding: 8px 5px;
}

#sp-header {
  background-image: linear-gradient(to bottom right, rgba(236,112,99,0.5), rgba(175,122,197,0.5));
  height: 60px;
    left: 0;
    position: absolute;
    top: Auto;
    width: 100%;
    z-index: 99;
    /* box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); */
}

#sp-header.header-sticky{
background: rgba(253, 254, 254, 0.8);
    position:fixed;
    z-index: 9999;
    top: 20px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}

.offcanvas-menu {  
    background-image: linear-gradient(to bottom,rgba(236,112,99,0.5),rgba(175,122,197,0.5));
    color: #000000;
}

menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    color: #000000;
}

body
{
  background-size:100% 100%;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover
{
background-image:linear-gradient(to right bottom, rgba(236, 112, 99, 1), rgba(175, 122, 197, 1));
color:#fff;
font-weight:bold;
} 

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a
{
background-image:linear-gradient(to right bottom, rgba(236, 112, 99, 0.5), rgba(175, 122, 197, 0.5));
color:#000;
border-radius:3px;
margin : 2px 0px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a {
background-image:linear-gradient(to right bottom, rgba(236, 112, 99, 1), rgba(175, 122, 197, 1));
color:#fff;
font-weight:bold;
} 


html.error-page body 
{    
  background:linear-gradient(to right bottom, rgba(14, 133, 128, 0.8), rgba(239, 114, 151, 0.8)), url("/images/Base_Files/TVNeon.png") no-repeat center;
  background-size:cover;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}