/*
    Theme Name: Dorsin | Responsive Bootstrap Landing Template
    Author: Themesbrand
    Version: 1.1.0
    File Description: Main CSS file of the template
*/


::-moz-selection {
    background-color: #e364e4 !important;
}

::selection {
    background-color: #e364e4 !important;
}

.text-custom,.read-btn,
.navbar-custom.navbar-white .navbar-nav li.active a,
.navbar-custom.navbar-white .navbar-nav li a:hover,
.navbar-custom.navbar-white .navbar-nav li a:focus,
.navbar-custom.navbar-white .navbar-nav li a:active,
.play-btn,.blog-title:hover,.social-icon:hover i{
    color: #d133ca !important;
}


.section-title-border, .services-box:hover i, .bg-custom,.btn-custom,.features-item-list li:before,.process-left-icon-1 i,
.process-left-icon-2 i{
    background-color: #d133ca !important;
}

.btn-custom,.play-btn,
.m-link{
    border-color: #d145cc !important;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
    background-color: #d133ca;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover,
#header .header-btn-collapse-nav,
.open > .dropdown-toggle.btn-custom{
	background-color: #d133ca !important;
}


.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover,
.open > .dropdown-toggle.btn-custom{
	border-color: #d133ca !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: #d133ca !important;
}

a.primary-color,
footer a.m-list--link:hover{
    color: #d133ca !important;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
    color: #d133ca;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:focus,
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active {
    color: #bc25b5;
}

@media (min-width: 992px) {
    html:not(.sticky-header-active) #header .header-nav-features .header-nav-top-icon,
    html:not(.sticky-header-active) #header .header-nav-features .header-nav-top-icon-img {
        color: #FFFFFF !important;
    }

    html:not(.sticky-header-active) #header .header-nav-features:before, #header .header-nav-features:after{
        background: rgba(255, 255, 255, 0.8) !important;
    }


    .sticky-header-active #header .header-nav-features:before, #header .header-nav-features:after{
        background: rgba(0, 0, 0, 0.2) !important;
    }

    html:not(.sticky-header-active) #header .header-nav.header-nav-links nav > ul > li > a.active,
    html:not(.sticky-header-active) #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active,
    html:not(.sticky-header-active) #header .header-nav.header-nav-links nav > ul > li:hover > a {
        color: #FFFFFF !important;
        font-weight: 500 !important;
    }


    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active,
    #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active,
    #header .header-nav.header-nav-links nav > ul li:hover > a {
        color: #d133ca !important;
        font-weight: normal !important;
    }

    .sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a {
        color: #1e2022 !important;
    }


    .sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a.active,
    .sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a.active,
    .sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li:hover > a{
        color: #d133ca !important;
    }
}