/*------------------------------------------------------------------
CSS Color Change - SLIWS.COM Rebrand
Project:    SLIWS - Domain & Website Marketplace
Brand Colors:
  Navy Blue (Primary):  #1d1f56
  Bronze Gold (Secondary): #c59c5d
  White Background: #ffffff
------------------------------------------------------------------*/

/* Primary Navy: #1d1f56
   Gold Accent:  #c59c5d
   Light Navy:   #2a2d6e
   Dark Gold:    #a8803e
   ------------------------------------------ */

 .radio input[type="radio"]:checked + label .radio-label {
     background-color:#c59c5d;
     border-color:#c59c5d;
}

 .checkbox input:checked + label span.checkbox-icon {
     background-color:#c59c5d;
     border-color:#c59c5d;
}

 .message-bubble.me .message-text:before {
     border-left:6px solid #1d1f56;
}

 a,
 #navigation ul li:hover a:after,
 #navigation ul li a.current,
 #navigation ul li a.current:after,
 #navigation ul li:hover a,
 #breadcrumbs ul li a:hover,
 #breadcrumbs.white ul li a:hover,
 .blog-post-content h3 a:hover,
 #posts-nav li a:hover,
 .task-tags span,
 .seller-detail-item a:hover,
 .share-buttons-content span strong,
 .keyword,
 .category-box-icon,
 .boxed-widget.summary li.total-costs span,
 .popup-tabs-nav li.active a,
 .dialog-with-tabs .forgot-password:hover,
 .dropdown-menu > li > a:hover,
 .dropdown-menu > .active > a,
 .dropdown-menu > .active > a:hover,
 .bootstrap-select .dropdown-menu li.selected a span.check-mark:before,
 .bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before,
 .boxed-list-headline h3 i,
 .boxed-list-item .item-details .detail-item a:hover,
 .domains-overview .domains-overview-inner ul li i,
 .dashboard-nav ul:before,
 .dashboard-nav ul li.active-submenu a i,
 .dashboard-nav ul li.active a i,
 .dashboard-nav ul li:hover a i,
 .dashboard-nav ul li.active-submenu a,
 .dashboard-nav ul li:hover a,
 .dashboard-nav ul li.active a,
 .dashboard-nav ul li.active-submenu a:after,
 .dashboard-nav ul li.active a:after,
 .dashboard-nav ul li:hover a:after,
 .dashboard-box .headline h3 i,
 .help-icon,
 .header-widget .log-in-button:hover,
 .header-widget .log-in-button:hover i {
     color:#c59c5d;
}

 #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
 #navigation ul ul.dropdown-nav li:hover a:after,
 .currency-switcher.bootstrap-select.btn-group.open button,
 .currency-switcher.bootstrap-select.btn-group button:hover,
 .footer-links ul li a span:before,
 .newsletter button,
 .pagination ul li a.current-page,
 a.blog-post-info:hover,
 #posts-nav li a:hover span,
 .comment-by a.reply:hover,
 .contact-address-headline:after,
 .domains-listing.with-apply-button:hover .list-apply-button,
 span.button,
 button.button,
 input[type="button"],
 input[type="submit"],
 a.button,
 mark.color,
 table.basic-table th,
 .copy-url .copy-url-button,
 .keyword-input-container .keyword-input-button,
 input:checked + .switch-button,
 .radio input[type="radio"] + label .radio-label:after,
 .uploadButton .uploadButton-button:hover,
 .pricing-plan .button:hover,
 .pricing-plan.recommended .button,
 .pricing-plan .recommended-badge,
 .payment-tab-trigger > input:checked ~ label::after,
 
 a.apply-now-button,
 a.attachment-box:hover,
 .seller-indicators .indicator-bar span,
 .dashboard-nav ul li span.nav-tag,
 .dashboard-box .button.dark:not(.ico):hover,
 .messages-inbox ul li:before,
 .message-by h5 i,
 .message-bubble.me .message-text {
    background-color: #c59c5d;
    background: #c59c5d;
}

/*accent effect*/
 #backtotop a,
 #sign-in-dialog .mfp-close:hover,
 #small-dialog-1 .mfp-close:hover,
 #small-dialog-2 .mfp-close:hover,
 #small-dialog-3 .mfp-close:hover,
 #small-dialog-4 .mfp-close:hover,
 #small-dialog .mfp-close:hover{
    background: #c59c5d;
 }

 .compact-list-layout .domains-listing:before,
 .category-box:hover,
 .slick-prev:hover,
 .slick-next:hover,
 .bootstrap-select.btn-group .bs-actionsbox div button:hover {
     background:#c59c5d;
}
 .uploadButton .uploadButton-button,
 .pricing-plan .button {
    color:#c59c5d;
    border:1px solid #c59c5d;
}
 .payment-tab-trigger > input:checked ~ label::before,
 .dashboard-nav ul li.active-submenu,
 .dashboard-nav ul li.active,
 .dashboard-nav ul li:hover {
     border-color:#c59c5d;
}

 #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
  #navigation ul ul.dropdown-nav li:hover a:after, 
  #navigation ul li:hover a:after {
     background: rgba(29,31,86,0.1);
}

 #navigation ul li a.current:after {
     background: rgba(29,31,86,0.1);
}
 .pagination ul li a.current-page {
     box-shadow: 0 2px 8px rgba(29,31,86,0.25) 
}
 .sidebar-search-button-container button {
     box-shadow: 0 4px 12px rgba(29,31,86,0.1);
}
 .sidebar-search-button-container button:hover {
     box-shadow: 0 4px 12px rgba(29,31,86,0.25);
}
 .domains-listing.with-apply-button:hover .list-apply-button {
     box-shadow: 0 4px 12px rgba(29,31,86,0.15);
}
 .task-tags span {
     background-color: rgba(29,31,86,.07);
}

 .seller-details a.button:hover {
     box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}

 span.button, button.button, input[type="button"], input[type="submit"], a.button {
     box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}
 .move-on-hover {
     box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}
 .move-on-hover:hover {
     box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
}
 .keyword {
     background-color: rgba(29,31,86,0.07);
}
 @keyframes switch-shadow-color {
     0% {
         box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
    }
     100% {
         box-shadow: 0 0 0px 10px rgba(0,0,0,0);
    }
}
 @keyframes radius-shadow {
     0% {
         box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
    }
     100% {
         box-shadow: 0 0 0 10px rgba(0,0,0,0);
    }
}
 .uploadButton .uploadButton-button {
    -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}
 .uploadButton .uploadButton-button:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
}
 .category-box:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
}

 .pricing-plan .button:hover, .pricing-plan.recommended .button {
     -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}
 .pricing-plan .button {
     -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
}
 .pricing-plan .button:hover {
     -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}

 @keyframes bicokAnim {
     0%,100% {
         box-shadow: 0 0 0 15px rgba(29,31,86,0.07);
    }
     50% {
         box-shadow: 0 0 0 28px rgba(29,31,86,0.12);
    }
}

 @keyframes checkAnim {
     0%,100% {
          -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
    }
     50% {
          -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
    }
}


 .bidding-widget .button {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}
 .bidding-widget .button:hover {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
}
 .dialog-with-tabs .button {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
}
 @keyframes clusterAnimation {
     0%,100% {
         box-shadow: 0 0 0 6px rgba(29,31,86,0.15);
    }
     50% {
         box-shadow: 0 0 0 10px rgba(29,31,86,0.15);
    }
}
 @keyframes markerAnimation {
     0%,100% {
         box-shadow: 0 0 0 6px rgba(29,31,86,0.15);
    }
     50% {
         box-shadow: 0 0 0 8px rgba(29,31,86,0.15);
    }
}
 a.apply-now-button {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}
 a.apply-now-button:hover {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
}
 .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
}
 .dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .15);
}
 .dashboard-box-list .button {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .2);
}
 .dashboard-box .button.dark:not(.ico):hover {
      -webkit-box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
            box-shadow: 0 10px 10px 0 rgba(29, 31, 86, .25);
}

 #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
 #navigation ul ul.dropdown-nav li:hover a:after {
     background-color:#c59c5d;
 }

/* Sticky Header - WHITE background */
.main-header.slippa-sticky.slippa-sticky-active
{
    background: #ffffff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
}

/* Sticky header nav links become dark */
.main-header.slippa-sticky.slippa-sticky-active .main-menu > ul > li > a,
.slippa-site-header.slippa-sticky.slippa-sticky-active .slippa-one-page-menu ul > li.nav-item > a.nav-link {
    color: #1d1f56;
}
.main-header.slippa-sticky.slippa-sticky-active .main-menu > ul > li > a:hover,
.slippa-site-header.slippa-sticky.slippa-sticky-active .slippa-one-page-menu ul > li.nav-item > a.nav-link:hover {
    color: #c59c5d;
}
.main-header.slippa-sticky.slippa-sticky-active .header-widget .log-in-button {
    color: #1d1f56;
}
.main-header.slippa-sticky.slippa-sticky-active .header-widget .log-in-button:hover {
    color: #c59c5d;
}


.slippa-gradient
{
    color: #fff;
    background: #c59c5d;
}
.slippa-gradient span
{
    color: #fff; 
    background-color: rgba(255, 255, 255, .2);
}
.slippa-gradient:after
{
    -webkit-transition: all .36s cubic-bezier(.47, 0, .745, .715);
            transition: all .36s cubic-bezier(.47, 0, .745, .715);
    color: #fff;
    border-radius: 10px; 
    background: #a8803e;
}
.slippa-gradient:hover
{
    color: #fff;
}

.slippa-gradient-4
{
    background-image: linear-gradient(102deg, #1d1f56 0%, #2a2d6e 100%);
}

.slippa-gradient-2
{
    background-image: linear-gradient(102deg, #1d1f56 0%, #2a2d6e 100%);
}

.slippa-category-box
{
    color: #1d1f56;
    border: 0px solid #d5d5d5;
}

.slippa-feature-box
{
    color: #1d1f56;
    border: 1px solid #e8e8e8;
}

.slippa-category-box .domian-bg-color,
.slippa-feature-box .domian-bg-color-image,
.slippa-feature-box .domian-bg-color
{
    background: #1d1f56;
}
.slippa-category-box .domian-bg-color.color--1,
.slippa-feature-box .domian-bg-color.color--1
{
    background: linear-gradient(-102deg, #1d1f56 0%, #2a2d6e 100%);
}
.slippa-category-box .domian-bg-color.color--2,
.slippa-feature-box .domian-bg-color.color--2
{
    background: linear-gradient(-102deg, #c59c5d 0%, #a8803e 100%);
}
.slippa-category-box .domian-bg-color.color--3,
.slippa-feature-box .domian-bg-color.color--3
{
    background: linear-gradient(-102deg, #1d1f56 0%, #c59c5d 100%);
}
.slippa-category-box .domian-bg-color.color--4,
.slippa-feature-box .domian-bg-color.color--4
{
    background: linear-gradient(-102deg, #2a2d6e 0%, #4a4d8e 100%);
}

.slippa-category-box .domian-bg-color.color--5,
.slippa-feature-box .domian-bg-color.color--5
{
    background: linear-gradient(-102deg, #c59c5d 0%, #d4b078 100%);
}

.slippa-category-box .domian-bg-color.color--6,
.slippa-feature-box .domian-bg-color.color--6
{
    background: linear-gradient(-102deg, #1d1f56 0%, #3a3d7e 100%);
}

/**EFFECTS FOR IMAGE*/
.slippa-feature-box .domian-bg-color-image.color--1
{
    background: linear-gradient(-102deg, #1d1f56 0%, #2a2d6e 100%);
}
.slippa-feature-box .domian-bg-color-image.color--2
{
    background: linear-gradient(-102deg, #c59c5d 0%, #a8803e 100%);
}
.slippa-feature-box .domian-bg-color-image.color--3
{
    background: linear-gradient(-102deg, #1d1f56 0%, #c59c5d 100%);
}
.slippa-feature-box .domian-bg-color-image.color--4
{
    background: linear-gradient(-102deg, #2a2d6e 0%, #4a4d8e 100%);
}
.slippa-feature-box .domian-bg-color-image.color--5
{
    background: linear-gradient(-102deg, #c59c5d 0%, #d4b078 100%);
}
.slippa-feature-box .domian-bg-color-image.color--6
{
    background: linear-gradient(-102deg, #1d1f56 0%, #3a3d7e 100%);
}

.slippa-category-box ul,
.slippa-feature-box ul
{
    border-top: 1px solid #e8e8e8;
}

.slippa-category-box:hover,
.slippa-feature-box:hover
{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px); 

    color: #1d1f56;
    -webkit-box-shadow: 0 5px 15px 0 rgba(29, 31, 86, .1);
            box-shadow: 0 5px 15px 0 rgba(29, 31, 86, .1);
}

.text-422
{
    color: #c59c5d;
}

.blog-compact-item {
    background: #1d1f56;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
}

.blog-compact-item:before {
    background: linear-gradient(to top, #1d1f56 0%, #2a2d6e 20%, #2a2d6e 30%, rgba(51,51,51,0.3) 100%);
}


.tbanavs li a
{
    color: #fff;
    background: #1d1f56;
}

.tbanavs li a.active,
.tbanavs li a:hover
{
    background-color: transparent;
    -webkit-box-shadow: 0 13px 40px 0 rgba(29, 31, 86, .2);
            box-shadow: 0 13px 40px 0 rgba(29, 31, 86, .2);
}
.tbanavs li a.active:after,
.tbanavs li a:hover:after
{
    background-image: linear-gradient(0deg, #1d1f56 0%, #2a2d6e 100%);
}