#main #main-background {
    background-color: transparent !important;
    background-image: linear-gradient(85deg, #033ea0, #007bffd9) !important;
      margin-top: 90px  !important;
}

#main .navbar
{
  background:#fff !important;
}

#main .navbar-nav li.nav-item a.nav-link
{
  color:#000 !important;
}


#main .navbar-nav li.nav-item a.nav-link:hover
{
  color:#ed198a !important;
}


.row .title h3 span {
    color: #e21889 !important;
}

#btn-primary-frontend, #main #top-main-button, .btn-primary-frontend-small, #templates-wrapper .show-templates-button a{
      background-image: linear-gradient(#cd117c, #f11889) !important;
  border-color: linear-gradient(#cd117c, #f11889) !important;
}

#main #top-main-button:hover {
    background: #d3127c !important;
}

#templates-wrapper .show-templates-button a{
  background-color: #007bff !important;
}

#templates-wrapper .show-templates-button a:hover {
    background: #d3127c !important;
}

.template .template-icon i.blog-icon{
  color : #d7127f !important;
}

#main #login-button{
   background: #1e1e2d !important;
    outline: none !important;
    text-decoration: none !important;
    min-width: 125px !important;
    color: #fff !important;
    padding: .375rem .75rem !important;
    border-radius: 35px !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    box-shadow: 0 1px 3px #32323233, 0 2px 1px -1px #3232321f, 0 1px 1px #32323224 !important;
}

#main #login-button:hover{
  background: #ffab00 !important;
}

.icon {
    color: #f8168b !important;
}