/* Site id: 7335 */
/* Font style id: 349362 */
/* Font style default// id: 1, name: Theme Venice*/




header .title,
#navigation .title,
[data-theme='gibbons'] #navigation #list-menus .title {
    
        color: rgb(0, 0, 0);
        
    
    
        font-family: "Six Caps";
    
    
        letter-spacing: 3px;
    
    
        text-transform: none;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    

    font-size: 1.25rem;
    line-height: 1.875rem;
}

header .subtitle, #navigation .subtitle {
    
        color: rgb(0, 0, 0) !important;
    
    
        font-family: "Lato" !important;
    
    
        letter-spacing: 0px;
    
    
        text-transform: none;
    

    
        
        
        
        
        
        
        
        font-weight: 700;
        
        
    

    font-size: 0.875rem;
    line-height: 1rem;
}

#ly-page #header, #ly-page header .top-bar-section > ul > li > a,
body[data-theme="culver"] #ly-page #list-menus ul > li > a,
body:not([data-theme="isabella"]) #ly-page header .top-bar-section li:not(.has-dropdown) li:not(.has-form) a:not(.button), body:not([data-theme="isabella"]) #ly-page header .top-bar-section li:not(.has-form) a:not(.button), body:not([data-theme="isabella"]) #ly-page header .top-bar-section li:not(.has-form) a:not(.button),
#mirus-nav, #mirus-nav > .top-bar, .navbar-light, .custom-contain-to-group.top-bar,
#ly-page #header section.navbar, #ly-page #header section.navbar .top-bar,
section.navbar .top-bar.expanded .top-bar-section > ul li, .sticky-wrapper.is-sticky .ly-for-sticky, body:not([data-theme="isabella"]) #ly-page header#header .sticky.fixed,
body[data-theme="gibbons"] #ly-page #list-menus ul li a,
body[data-theme="gail"] #ly-page #header .top-bar .mobile-menu, body[data-theme="gibbons"] #ly-page #navigation #list-menus,
body[data-theme="gail"] #header .mobile-menu-list li a {
    
        background-color: #FFFFFF;
    
    
        color: rgb(0, 0, 0);
    
    
        font-family: "Lato";
    
    
        font-size: 12px;
    
    
        letter-spacing: 0px;
    
    
        text-transform: uppercase;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

.navbar-light,
section.navbar,
section.navbar .top-bar,
.custom-contain-to-group.top-bar,
.custom-contain-to-group.top-bar.expanded,
.custom-contain-to-group.expanded .title-area,
section.navbar .top-bar section.center-nav .center li,
section.navbar .top-bar section.center-nav,
.top-bar.expanded .title-area,
section.navbar .top-bar.expanded .top-bar-section > ul li,
#mirus-nav,
#mirus-nav > .top-bar,
#mirus-nav > .top-bar.expanded .title-area,
#mirus-nav .top-bar-section li:not(.has-form) a:not(.button),
#mirus-nav .top-bar-section li.active:not(.has-form) a:not(.button) {
    
        background-color: #FFFFFF;
    
}


body[data-theme="isabella"] #ly-page header#header .sticky-wrapper .custom-contain-to-group.top-bar {
    background:transparent !important;
}

#ly-page header#header, #ly-page header#header .custom-contain-to-group.top-bar,
#ly-page header#header .custom-contain-to-group.top-bar.expanded #branding .title-area,
#ly-page header#header .contain-to-grid {
    
        background-color: #FFFFFF;
    
}

body[data-theme="culver"] #ly-page #navigation {
    
        background-color: #FFFFFF;
    
}

body:not([data-theme="isabella"]) #ly-page header#header .ly-for-sticky {
    
        background-color: #FFFFFF;
    
}

body[data-theme="isabella"] #ly-page header#header .sticky-wrapper.is-sticky .ly-for-sticky {
    
        background-color: #FFFFFF;
    
}

body[data-theme="elevate"] #ly-page header#header .fixed nav.top-bar,
body[data-theme="elevate"] #ly-page header .top-bar-section li:not(.has-form) a:not(.button) {
    
        background-color: #FFFFFF;
    
}

.toggle-topbar.menu-icon a i,
#header li.mobile-menu-bar button,
#navigation .menu-res i {
    color: #333;
    
}

@media(min-width: 960px) {
    header .title, header .site-title {
        
            font-size: 44px !important;
        
        
            line-height: 38px !important;
        
    }

    header .subtitle, header .site-subtitle {
        
            font-size: 16px !important;
        
        
            line-height: 0px !important;
        
    }
}


#ly-page header ul ul.dropdown li a,
body:not([data-theme="isabella"]) #ly-page header .top-bar-section li:not(.has-form) ul.dropdown li a,
body[data-theme="culver"] #ly-page #list-menus ul ul.dropdown li a,
body[data-theme="gail"] #header .mobile-menu-list li.parent-dropdown .dropdown li a,
body[data-theme="gibbons"] #ly-page #list-menus ul li.has-dropdown .dropdown li a {
    
        background-color: #FFFFFF;
    
    
        color: #626262;
    
    
        font-family:Open Sans;
    
    
        font-size: 14px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 50px;
    
    text-transform: none;
    
    
        
        
        
        font-weight: 300;
        
        
        
        
        
        
    
}





#ly-page .ly-element h1.title, .wysihtml5-editor h1,
.heading-selections h1, span.ly-paragraph h1, .ly-html-text h1 {
    
        color: rgb(0, 0, 0);
    
    
        font-family: "Lato";
    
    
        font-size: 36px;
    
    
        letter-spacing: 1px;
    
    
        line-height: 26px;
    
    text-transform: none;
    
    
        
        
        
        
        
        font-weight: 500;
        
        
        
        
    
}

#ly-page .ly-pricing-plan.box h2.title, #ly-page .ly-pricing-plan.box h2.price,
#ly-page .ly-element h2, .wysihtml5-editor h2, .heading-selections h2 span.ly-paragraph h2 {
    
        color: rgb(0, 0, 0);
    
    
        
            font-family: "Lato";
        
    
    
        font-size: 25px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 25px;
    
    
        text-transform: none;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

.ly-element h3, .wysihtml5-editor h3, .heading-selections h3, span.ly-paragraph h3 {
    
        color: rgb(0, 0, 0);
    
    
        font-family: Lato;
    
    
        font-size: 26px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 25px;
    
    
        text-transform: none;
    
    
        
        
        
        
        
        
        font-weight: 600;
        
        
        
    
}

.ly-element h4, .wysihtml5-editor h4, .heading-selections h4,
body[data-support="wysihtml5"] #ly-page .ly-element .ly-html-text h4,
span.ly-paragraph h4, #ly-page .slide-title {
    
        color: rgb(0, 0, 0);
    
    
        font-family: Lato;
    
    
        font-size: 24px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 25px;
    
    
        text-transform: none;
    
    font-weight: 300;
    font-style: normal;
}

.ly-element span.ly-paragraph ul li, .ly-element span.ly-paragraph ol li, .menu-items-wrapper hr,
.ly-element div.wysiwyg-text-align-right, .ly-element div.wysiwyg-text-align-left,
.ly-element div.wysiwyg-text-align-center,
.wysihtml5-editor p, .heading-selections p, .ly-element span.ly-paragraph, span.ly-paragraph p,
.ly-widget-wrapper p:not(.spw-header-cta__text), .ly-pricing-plan.box p, .features-icon .ly-element-feature-with-icon a.list-features .box p,
#ly-page .slide-description, #ly-page .slide-second-description,
.ly-html-text ol > li, .ly-html-text ul > li {
    
        color: rgb(0, 0, 0);
    
    
        font-family: Lato;
    
    
        font-size: 16px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 24px;
    
    
        text-transform: none;
    
    font-weight: 400;
    font-style: normal;
    min-height: auto;
}

.ly-element p {
  min-height: auto;
}

#ly-page .ly-element .ly-html-text p a,
#ly-page .ly-element .ly-html-text a:not(.ly-button) {
    
        color: #968dff;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

#ly-page .ly-element .ly-html-text p a:hover {
    
        color: #6f64f3;
    
}


[data-theme="coworking"] #ly-page #main .ly-element input.ly-button,
[data-theme="coworking"] #ly-page #main .ly-element .ly-pricing-plan p a {
    
        background-color: rgb(10, 39, 96);
    
}

#ly-page .ly-element a.ly-button span,
#ly-page .ly-element input.ly-button,
#ly-page .ly-element .ly-pricing-plan p a span,
#ly-page .ly-element .ly-button span,
#ly-page .ly-element .ly-button {
    
        color: rgb(160, 190, 249);
    
    
        background-color: rgb(10, 39, 96);
    
    
        font-family: Lato;
    
    
        font-size: 14px;
    
    
        letter-spacing: 0px;
    
    
        text-transform: uppercase;
    
    
        
        
        
        
        
        
        
        font-weight: 700;
        
        
    
}



body#ly-viewing, body#ly-editing, [data-theme=culver] {
    
        
            background-color: rgb(NaN, NaN, 10);
        
    
}

.slick-next, .slick-prev,
[data-sslider-control='left'],
[data-sslider-control='right'] {
    color: #000;
    
}

#ly-page .ly-element-shoppingcarts .product-title,
#ly-page .ly-element-shoppingcarts .product-caption,
#ly-page .ly-element-shoppingcarts .product-price {
    
    
    
    
    
    
        text-transform: none;
    
    
}



#ly-page .ly-element .image-caption {
    
        font-family: Open Sans;
    
    
        font-size: 54px;
    
    
        color: rgb(255, 255, 255);
    
    
        letter-spacing: 0px;
    
    
        line-height: 25px;
    
    
        text-transform: none;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

#ly-viewing figcaption .mfp-title a, #ly-viewing figcaption .mfp-title p {
    
        font-family: Open Sans;
    
    
        font-size: 12px;
    
    
        color: #FFFFFF;
    
    
        letter-spacing: 0px;
    
    
        line-height: 20px;
    
    
        text-transform: none;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

#ly-page .ly-element .projects-container title {
    
        font-family: Open Sans;
    
    
        font-size: 16px;
    
    
        color: #3b3b3b;
    
    
        letter-spacing: 0px;
    
    
        line-height: 24px;
    
    
        text-transform: none !important;
    
    
        
        
        
        font-weight: 300;
        
        
        
        
        
        
    
}



#ly-page footer:not(.testimonial):not(.chakra-modal__footer), #ly-page #footer,
#ly-page #footer .footer-content {
    
        background-color: rgb(NaN, NaN, 10);
    
}

#ly-page footer .title a, footer .title, #ly-page #footer .title a, #footer .title {
    
        color: rgb(0, 0, 0);
    
    
        font-family: "Lato";
    
    
        font-size: 18px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 20px;
    
    
        text-transform: uppercase;
    
    font-weight: 700;
    font-style: normal;
}

#ly-page footer .subtitle, #ly-page #footer .subtitle {
    
        color: rgb(0, 0, 0);
    
    
        font-family: "Lato";
    
    
        font-size: 14px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 10px;
    
    
        text-transform: none;
    
    font-weight: 400;
    font-style: normal;
}

#ly-page footer nav li a, #ly-page footer .navigation a,
#ly-page #footer nav li a, #ly-page #footer .navigation a {
    
        color: rgb(0, 0, 0);
    
    
        font-family: "Open Sans";
    
    
        font-size: 14px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 27px;
    
    
        text-transform: none;
    
    font-weight: 300;
    font-style: normal;
}

#ly-page footer .copyright, #ly-page #footer .copyright,
#ly-page #footer .copyright .copy-text, footer h4.copyright-mobile {
    
        color: rgb(0, 0, 0);
    
    
        font-family: "Lato";
    
    
        font-size: 14px;
    
    
        letter-spacing: 0px;
    
    
        line-height: 20px;
    
    
        text-transform: none;
    
    font-weight: 400;
    font-style: normal;
}

footer .social-icon, .footer-links-icons .social-icon {
    color: None;
}





:root {
    
    --promobar--bg-color: ;
    --promobar--color: ;
    --promobar--font-family: ;
    --promobar--letter-spacing: px;
    --promobar--line-height: 1rem;
    --promobar--font-weight: ;
    --promobar--font-size: 1rem;
    --promobar--font-style: normal;
    --promobar--text-transform: none;
    

    
    --header-bg--color: #FFFFFF;
    

    
    --header-title--color: rgb(0, 0, 0);
    --header-title--font-family: Six Caps;
    --header-title--letter-spacing: 3px;
    --header-title--line-height: 2.375rem;
    --header-title--font-weight: 400;
    --header-title--font-size: 2.75rem;
    --header-title--font-style: normal;
    --header-title--text-transform: none;
    

    
    --header-subtitle--color: rgb(0, 0, 0);
    --header-subtitle--font-family: Lato;
    --header-subtitle--letter-spacing: 0px;
    --header-subtitle--line-height: 0.0rem;
    --header-subtitle--font-weight: 700;
    --header-subtitle--font-size: 1.0rem;
    --header-subtitle--font-style: normal;
    --header-subtitle--text-transform: none;
    

    
    --header-nav--color: rgb(0, 0, 0);
    --header-nav--font-family: Lato;
    --header-nav--letter-spacing: 0px;
    --header-nav--line-height: 6.25rem;
    --header-nav--font-weight: 400;
    --header-nav--font-size: 0.75rem;
    --header-nav--font-style: normal;
    --header-nav--text-transform: uppercase;
    

    
    --header-subpage--color: #626262;
    --header-subpage--font-family: Open Sans;
    --header-subpage--letter-spacing: 0px;
    --header-subpage--line-height: 3.125rem;
    --header-subpage--font-weight: 300;
    --header-subpage--font-size: 0.875rem;
    --header-subpage--font-style: normal;
    --header-subpage--text-transform: none;
    

    --header-social--color: #AAAAAA;
    --header-hamburger--color: None;
    --header-ecom-icons--color: 
}


.spw-header .uk-navbar-dropdown {
    
        
            background-color: #FFFFFF;
        
    
}



:root {
    
    --paragraph-title--color: rgb(0, 0, 0);
    --paragraph-title--font-family: Lato;
    --paragraph-title--letter-spacing: 0px;
    --paragraph-title--line-height: 1.5625rem;
    --paragraph-title--font-weight: 300;
    --paragraph-title--font-size: 1.5rem;
    --paragraph-title--font-style: normal;
    --paragraph-title--text-transform: none;
    

    
    --paragraph-text--color: rgb(0, 0, 0);
    --paragraph-text--font-family: Lato;
    --paragraph-text--letter-spacing: 0px;
    --paragraph-text--line-height: 1.5rem;
    --paragraph-text--font-weight: 400;
    --paragraph-text--font-size: 1.0rem;
    --paragraph-text--font-style: normal;
    --paragraph-text--text-transform: none;
    
}

body#ly-viewing, body#ly-editing {
    
        
            background-color: rgb(NaN, NaN, 10);
        
    
}

.icons-font-social, .social-icons {
    margin: 0.3125rem 0.125rem;
    
        display: inline-block;
    
    
}

.icons-svg-social {
    margin: 0.3125rem;
    
    
        display: none;
    
}

.icons-svg-social img  {
     width: 1.5625rem; 
    
    
}

.icons-font-social, .social-icons {
    text-align: center;
    
        border-radius: none; border: none;
    
    
    
    
    
        font-size: 1.25rem;
        width: 2.1875rem;
        height: 2.1875rem;
        line-height: 2.0rem;
        top: 0.3125rem;
    
    
    
    
        color: #3B3B3B;
    
}

.spw-headline, .spw-wysiwyg h1 {
    
        font-size: 2.25rem;
    
    
        line-height: 1.625rem;
    
    color: rgb(0, 0, 0);
    font-family: Lato;
    letter-spacing: 0.0625rem;
    text-transform: none;
    
        
        
        
        
        
        font-weight: 500;
        
        
        
        
    
}

@media (min-width: 640px) {
    .spw-headline {
        line-height: 1.625rem;
        font-size: 2.25rem;
    }
}

.spw-section-subtitle,
.spw-title, .spw-wysiwyg h3 {
    color: rgb(0, 0, 0);
    font-family: Lato !important;
    font-size: 1.625rem !important;
    letter-spacing: 0.0rem !important;
    line-height: 1.5625rem !important;
    text-transform: none !important;
    
        
        
        
        
        
        
        font-weight: 600 !important;
        
        
        
    
}

.spw-section-title, .spw-wysiwyg h2 {
    color: rgb(0, 0, 0);
    font-family: "Lato" !important;
    font-size: 1.5625rem !important;
    letter-spacing: 0.0rem !important;
    line-height: 1.5625rem !important;
    text-transform: none !important;
    
        
        
        
        
        font-weight: 400 !important;
        
        
        
        
        
    
}

.spw-paragraph--bold {
    font-weight: 700 !important;
}

.spw-paragraph--italic {
    font-style: italic !important;
}

.spw-paragraph--uppercase {
    text-transform: uppercase !important;
}

.spw-carrot, .spw-gallery__dotnav .uk-active a, .spw-active-pager a, .spw-header-cart__badge {
    
}

.spw-carrot a {
    color: rgb(160, 190, 249);
}

.spw-footer-contact__icon, .spw-testimonial__icon {
    
}

.spw-button, .uk-overlay-primary a {
    
        background-color: rgb(10, 39, 96);
        border-color: rgb(10, 39, 96);
    
    color: rgb(160, 190, 249);
    font-family: Lato;
    font-size: 0.875rem;
    letter-spacing: 0.0rem;
    text-transform: uppercase;
    
        
        
        
        
        
        
        
        font-weight: 700;
        
        
    
    
}

.spw-button[disabled] {
    background-color: rgb(10, 39, 96);
    border-color: rgb(10, 39, 96);
    color: rgb(160, 190, 249);
    opacity: 0.5;
}

.spw-button:hover {
    background-color: rgb(10, 39, 96);
    color: rgb(160, 190, 249);
}
.spw-button:focus,
.spw-button:active {
    background-color: rgb(10, 39, 96);
}

.spw-button--text {
    background-color: transparent;
    border: none;
    
        color: rgb(10, 39, 96);
    
    font-family: Lato;
    font-size: 0.875rem;
    letter-spacing: 0.0rem;
    text-transform: uppercase;
    
        
        
        
        
        
        
        
        font-weight: 700;
        
        
    
}

.spw-button--text:hover {
    background-color: transparent;
    border: none;
    
        color: rgb(10, 39, 96);
    
    filter: brightness(65%);
}

.spw-button--outlined {
    background-color: transparent;
    
        color: rgb(10, 39, 96);
        border-color: rgb(10, 39, 96)
    
}

.spw-button--outlined:focus {
    
        color: rgb(160, 190, 249);
    
}

.spw-gallery-overlay__buttons a {
    
}

.spw-link, .spw-wysiwyg a:not(.spw-button) {
    color: #968dff;
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
    text-decoration-line: underline !important;
    text-underline-offset: 0.25rem;
    text-decoration-thickness: 0.125rem;
    text-decoration-color: inherit;
}

a.spw-link:hover, .spw-wysiwyg a:hover {
    color: #6f64f3 !important;
    text-decoration-line: none !important;
}

.spw-faqs li > a {
    color: #968dff;
}

.spw-faqs li > a:hover, .spw-faqs li > a:focus {
    color: #6f64f3 !important;
}

.spw-feature-icons__icon, .spw-feature-icons__icon i {
    color: #3B3B3B;
}

.spw-team__name,
h3.spw-team__name {
    
    color: rgb(0, 0, 0);
    
}

.spw-team__icon {
    color: #3B3B3B;
}

.spw-project__title {
    font-family: "Lato" !important;
}

.spw-project__subtitle {
    font-family: Lato !important;
}





.spw-fab-container--bottom-bar {
    background-color: var(--black);
    bottom: 0;
    display: none;
    justify-content: center;
    padding: .75rem;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
}

.spw-fab {
    align-items: center;
    background-color: #CC9A36;
    border: 1px solid;
    border-color: transparent;
    display: flex;
    gap: .625rem;
}

.spw-fab__text {
    color: var(--white);
}



#ly-page .ly-element .image-caption {
    
        font-family: Open Sans;
    
    
        font-size: 54px;
    
    
        color: rgb(255, 255, 255);
    
    
        letter-spacing: 0px;
    
    
        line-height: 25px;
    
    
        text-transform: none;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

#ly-viewing figcaption .mfp-title a, #ly-viewing figcaption .mfp-title p {
    
        font-family: Open Sans;
    
    
        font-size: 12px;
    
    
        color: #FFFFFF;
    
    
        letter-spacing: 0px;
    
    
        line-height: 20px;
    
    
        text-transform: none;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

#ly-page .ly-element .projects-container title,
.spw-projects-desc__title {
    
        font-family: Open Sans;
    
    
        font-size: 1.0rem;
    
    
        color: #3b3b3b;
    
    
        letter-spacing: 0.0rem;
    
    
        line-height: 1.5rem;
    
    
        text-transform: none !important;
    
    
        
        
        
        font-weight: 300;
        
        
        
        
        
        
    
}



:root {
    
    --footer-bg--color: rgb(NaN, NaN, 10);
    

    
    --footer-title--color: rgb(0, 0, 0);
    --footer-title--font-family: Lato;
    --footer-title--letter-spacing: 0px;
    --footer-title--line-height: 1.25rem;
    --footer-title--font-weight: 700;
    --footer-title--font-size: 1.125rem;
    --footer-title--font-style: normal;
    --footer-title--text-transform: uppercase;
    

    
    --footer-subtitle--color: rgb(0, 0, 0);
    --footer-subtitle--font-family: Lato;
    --footer-subtitle--letter-spacing: 0px;
    --footer-subtitle--line-height: 0.625rem;
    --footer-subtitle--font-weight: 400;
    --footer-subtitle--font-size: 0.875rem;
    --footer-subtitle--font-style: normal;
    --footer-subtitle--text-transform: none;
    

    
    --footer-copyright--color: rgb(0, 0, 0);
    --footer-copyright--font-family: Lato;
    --footer-copyright--letter-spacing: 0px;
    --footer-copyright--line-height: 1.25rem;
    --footer-copyright--font-weight: 400;
    --footer-copyright--font-size: 0.875rem;
    --footer-copyright--font-style: normal;
    --footer-copyright--text-transform: none;
    

    
    --footer-contact--color: ;
    --footer-contact--font-family: ;
    --footer-contact--letter-spacing: px;
    --footer-contact--line-height: 1rem;
    --footer-contact--font-weight: ;
    --footer-contact--font-size: 1rem;
    --footer-contact--font-style: normal;
    --footer-contact--text-transform: none;
    

    
    --footer-nav--color: rgb(0, 0, 0);
    --footer-nav--font-family: Open Sans;
    --footer-nav--letter-spacing: 0px;
    --footer-nav--line-height: 1.6875rem;
    --footer-nav--font-weight: 300;
    --footer-nav--font-size: 0.875rem;
    --footer-nav--font-style: normal;
    --footer-nav--text-transform: none;
    

    --footer-social--color: None;
}






.spw-button, .spw-button:focus, .uk-overlay-primary a {
    background-color: var(--spw-primary-50);
    border-color: var(--spw-primary-50);
}

.spw-button[disabled] {
    cursor: not-allowed;
    background-color: var(--spw-primary-50);
    border-color: var(--spw-primary-50);
    opacity: 0.5;
}

.spw-button:hover {
    background-color: var(--spw-primary-70);
    border-color: var(--spw-primary-70);
}

.spw-button:active {
    background-color: var(--spw-primary-80);
    border-color: var(--spw-primary-80);
}

.spw-button--outlined {
    background-color: transparent;
    color: var(--spw-primary-50);
}

.spw-button--outlined:hover {
    background-color: var(--spw-primary-50);
    border-color: var(--spw-primary-70);
    color: var(--spw-primary-70);
}

.spw-button--outlined:active {
    background-color: var(--spw-primary-20);
    border-color: var(--spw-primary-80);
    color: var(--spw-primary-80);
}

.spw-button--outlined:focus {
    background-color: transparent;
    color: var(--spw-primary-50);
}

.spw-input:not(.error):hover, .spw-textarea:not(.error):hover {
    border-color: var(--spw-primary-70);
}

.spw-input:not(.error):focus, .spw-textarea:not(.error):focus {
    border-color: var(--spw-primary-50);
}