/* ===================================
    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
====================================== */
::-webkit-scrollbar {
  background-color: #003090;
}
::-webkit-scrollbar-thumb {
  background: #002890;
}
a:hover,
a:active {
  color: #003090;
}
.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: #003090;
  background: -moz-linear-gradient(left, #003090 2%, #002890 82%);
  background: -webkit-linear-gradient(left, #003090 2%, #002890 82%);
  background: linear-gradient(to right, #003090 2%, #002890 82%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorSecondary', GradientType=1);
}
.header-appear .navbar-top-default.navbar-gradient {
  background: #003090;
  background: -moz-linear-gradient(left, #002890 2%, #003090 82%);
  background: -webkit-linear-gradient(left, #002890 2%, #003090 82%);
  background: linear-gradient(to right, #002890 2%, #003090 82%);
  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: #003090;
}
.alt-color {
  color: #002890;
}
.third-color,

.button-play:hover i,
.parallax-box:hover i {
  color: #001048;
}

.header-appear .nav-box-round .navbar-nav .nav-link:hover,
.navbar.navbar-right .navbar-nav .nav-link.active {
  color: #1ebcfa;
}

.gradient-text1,
.cube-portfolio1 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.blog-item-content h4 a:hover {
  background: #003090;
  background: -moz-linear-gradient(left, #003090 2%, #002890 82%);
  background: -webkit-linear-gradient(left, #003090 2%, #002890 82%);
  background: linear-gradient(to right, #003090 2%, #002890 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: #001048;
  border-color: #001048;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus {
  background: transparent !important;
  border-color: #001048;
  color: #001048 !important;
}
.btn.btn-gradient,
.team-box-two .team-two-block::before,
.scroll-top-arrow,
.widget .search-btn {
  background-image: linear-gradient(to right, #003090 0%, #002890 51%, #003090 100%);
}
.header-appear .nav-box-round .navbar-nav .nav-link.active,
.owl-dots .owl-dot::after,
.footer-social li a:hover {
  background-color: #001048;
}
.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: #001048;
}
.count-down-form .form-control:focus {
  border-bottom: 2px solid #001048 !important;
}
.blog-tags li a:hover,
.blog-tags li a:focus {
  border: 1px solid #001048;
  background-color: #001048;
}
.price-item .btn.btn-black:hover,
.price-item .btn.btn-black:focus {
  background: #001048 !important;
  border-color: #001048;
}

.btn.btn-gradient:hover{
  background-image:none;
  border: 2px solid #10b8f8;
  color:#003090;
}

.header-appear .nav-box-round .navbar-nav .nav-link.active{
  color: #2b2b2b !important;
  background-color: #feffff;
}


/* === Axixá Brand Overrides (generated) === */
:root {
  --brand-primary: #003090;
  --brand-primary-2: #002890;
  --brand-dark: #001048;
  --brand-accent: #10b8f8;
  --brand-white: #f8f8f8;
}

.gradient-bg1,
.team-progress .progress-bar,
.team-box .overlay:before,
.overlay-two:before,
.price-two.hvr-gradient:hover,
.loader {
  background: var(--brand-primary);
  background: -moz-linear-gradient(left, var(--brand-primary) 2%, var(--brand-primary-2) 82%);
  background: -webkit-linear-gradient(left, var(--brand-primary) 2%, var(--brand-primary-2) 82%);
  background: linear-gradient(to right, var(--brand-primary) 2%, var(--brand-primary-2) 82%);
}

.header-appear .navbar-top-default.navbar-gradient {
  background: var(--brand-primary-2);
  background: -moz-linear-gradient(left, var(--brand-primary-2) 2%, var(--brand-primary) 82%);
  background: -webkit-linear-gradient(left, var(--brand-primary-2) 2%, var(--brand-primary) 82%);
  background: linear-gradient(to right, var(--brand-primary-2) 2%, var(--brand-primary) 82%);
}

a:hover, a:active { color: var(--brand-accent); }
.main-color { color: var(--brand-accent); }
.alt-color { color: var(--brand-primary-2); }
.third-color { color: var(--brand-accent); }

.gradient-text1 {
  background: var(--brand-primary);
  background: -moz-linear-gradient(left, var(--brand-primary) 2%, var(--brand-accent) 82%);
  background: -webkit-linear-gradient(left, var(--brand-primary) 2%, var(--brand-accent) 82%);
  background: linear-gradient(to right, var(--brand-primary) 2%, var(--brand-accent) 82%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn.btn-blue {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn.btn-blue:hover,
.btn.btn-blue:focus {
  background: transparent !important;
  border-color: var(--brand-primary);
  color: var(--brand-primary) !important;
}

.btn.btn-gradient,
.scroll-top-arrow,
.widget .search-btn {
  background-image: linear-gradient(to right, var(--brand-primary) 0%, var(--brand-accent) 51%, var(--brand-primary) 100%);
}

.header-appear .nav-box-round .navbar-nav .nav-link.active,
.owl-dots .owl-dot::after,
.footer-social li a:hover {
  background-color: var(--brand-dark);
}

.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: var(--brand-dark);
}

.count-down-form .form-control:focus { border-bottom: 2px solid var(--brand-dark) !important; }

.blog-tags li a:hover,
.blog-tags li a:focus {
  border: 1px solid var(--brand-dark);
  background-color: var(--brand-dark);
}

.btn.btn-gradient:hover{
  background-image:none;
  border: 2px solid var(--brand-accent);
  color: var(--brand-accent);
}

.header-appear .nav-box-round .navbar-nav .nav-link.active{
  color: #1ebcfa !important;
  background-color: var(--brand-primary);
}