/* ===================================
    About
====================================== */


/*
    Theme Name: Wexim
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page Parallax Template
    Tags: one page, multipurpose, parallax, creative, html5

 */


/* ===================================
    Variables
====================================== */


/* ===================================
    Styling
====================================== */

body {
    color: #ffffff !important;
    background: #1bc4e9;
    background: -moz-linear-gradient(bottom, #dd4390 2%, #1bc4e9 82%);
    background: -webkit-linear-gradient(bottom, #dd4390 2%, #1bc4e9 82%);
    background: linear-gradient(to right, #dd4390 75%, #1bc4e9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorPrimary', GradientType=1);
}

::-webkit-scrollbar {
    background-color: #dd4390;
}

::-webkit-scrollbar-thumb {
    background: #dd4390;
}

a:hover,
a:active {
    color: #dd4390;
}


/* .gradient-bg1, */

.team-progress .progress-bar,
.team-box .overlay:before,
.cube-portfolio1 .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap,
.overlay-two:before,
.price-two.hvr-gradient:hover,
.loader {
    background: #dd4390;
    background: -moz-linear-gradient(left, #dd4390 2%, #1bc4e9 82%);
    background: -webkit-linear-gradient(left, #dd4390 2%, #1bc4e9 82%);
    background: linear-gradient(to right, #dd4390 2%, #1bc4e9 82%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorSecondary', GradientType=1);
}

.header-appear .navbar-top-default.navbar-gradient {
    background: #dd4390;
    background: -moz-linear-gradient(left, #dd4390 75%, #1bc4e9 100%);
    background: -webkit-linear-gradient(left, #dd4390 75%, #1bc4e9 100%);
    background: linear-gradient(to right, #dd4390 75%, #1bc4e9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorPrimary', GradientType=1);
}

.navbar-top-default1.navbar-gradient1 {
    background: #dd4390;
    background: -moz-linear-gradient(left, #dd4390 75%, #1bc4e9 100%);
    background: -webkit-linear-gradient(left, #dd4390 75%, #1bc4e9 100%);
    background: linear-gradient(to right, #dd4390 75%, #1bc4e9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorPrimary', GradientType=1);
}

#footer-section {
    background: #dd4390;
    background: -moz-linear-gradient(left, #dd4390 75%, #1bc4e9 100%);
    background: -webkit-linear-gradient(left, #dd4390 75%, #1bc4e9 100%);
    background: linear-gradient(to right, #dd4390 75%, #1bc4e9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorPrimary', GradientType=1);
}


/* text-color */

.main-color,
.cube-portfolio1 .cbp-l-filters-button .cbp-filter-item:hover {
    color: #dd4390;
}

.alt-color {
    color: #1bc4e9;
}

.third-color,
.header-appear .nav-box-round .navbar-nav .nav-link:hover,
.navbar.navbar-right .navbar-nav .nav-link.active,
.button-play:hover i,
.parallax-box:hover i {
    color: #00bcd4;
}

.gradient-text1,
.cube-portfolio1 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.blog-item-content h4 a:hover {
    background: #dd4390;
    background: -moz-linear-gradient(left, #dd4390 2%, #1bc4e9 82%);
    background: -webkit-linear-gradient(left, #dd4390 2%, #1bc4e9 82%);
    background: linear-gradient(to right, #dd4390 2%, #1bc4e9 82%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorSecondary', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn.btn-blue,
.side-right-social a,
.price-item .btn.btn-black:hover,
.price-item .btn.btn-black:focus {
    background: #00bcd4;
    border-color: #00bcd4;
}

.btn.btn-blue:hover,
.btn.btn-blue:focus {
    background: transparent !important;
    border-color: #00bcd4;
    color: #00bcd4 !important;
}

.btn.btn-gradient,
.team-box-two .team-two-block::before,
.scroll-top-arrow,
.widget .search-btn {
    background-image: linear-gradient(to right, #dd4390 0%, #1bc4e9 51%, #dd4390 100%);
}

.header-appear .nav-box-round .navbar-nav .nav-link.active,
.owl-dots .owl-dot::after,
.footer-social li a:hover {
    background-color: #00bcd4;
}

.nav-line .navbar-nav .nav-link:before,
.button-play,
.price-two.hvr-blue:hover,
.side-menu,
.error-text h2,
.blog-pagination li a:hover,
.blog-pagination li.active a,
.blog-pagination li a:focus,
.wexim .tp-bullet.selected .tp-bullet-inner {
    background: #00bcd4;
}

.nav-box-round1 .navbar-nav1 .nav-link1.active
{
    background-color: #00bcd4;
}

.nav-line1 .navbar-nav1 .nav-link1:before {
    background: #00bcd4;
}

.count-down-form .form-control:focus {
    border-bottom: 2px solid #00bcd4 !important;
}

.blog-tags li a:hover,
.blog-tags li a:focus {
    border: 1px solid #00bcd4;
    background-color: #00bcd4;
}

.price-item .btn.btn-black:hover,
.price-item .btn.btn-black:focus {
    background: #00bcd4 !important;
    border-color: #00bcd4;
}

.price-two .btn.btn-blue:hover,
.price-two .btn.btn-blue:focus {
    background: transparent !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}