/* ===================================
    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: #ffb324;
  }
  ::-webkit-scrollbar-thumb {
    background: #ffb324;
  }
  a:hover,
  a:active {
    color: #ffb324;
  }
  .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: #ffb324;
    background: -moz-linear-gradient(left, #ffb324 2%, #ffb62f 82%);
    background: -webkit-linear-gradient(left, #ffb324 2%, #ffb62f 82%);
    background: linear-gradient(to right, #ffb324 2%, #ffb62f 82%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorSecondary', GradientType=1);
  }
  .header-appear .navbar-top-default.navbar-gradient {
    background: #ffb324;
    background: -moz-linear-gradient(left, #ffb62f 2%, #ffb324 82%);
    background: -webkit-linear-gradient(left, #ffb62f 2%, #ffb324 82%);
    background: linear-gradient(to right, #ffb62f 2%, #ffb324 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: #ffb324;
  }
  .alt-color {
    color: #ffb62f;
  }
  .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: #006475;
  }
  .gradient-text1,
  .cube-portfolio1 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
  .blog-item-content h4 a:hover {
    background: #ffb324;
    background: -moz-linear-gradient(left, #ffb324 2%, #ffb62f 82%);
    background: -webkit-linear-gradient(left, #ffb324 2%, #ffb62f 82%);
    background: linear-gradient(to right, #ffb324 2%, #ffb62f 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: #006475;
    border-color: #006475;
  }
  .btn.btn-blue:hover,
  .btn.btn-blue:focus {
    background: transparent !important;
    border-color: #006475;
    color: #006475 !important;
  }
  .btn.btn-gradient,
  .team-box-two .team-two-block::before,
  .scroll-top-arrow,
  .widget .search-btn {
    background-image: linear-gradient(to right, #ffb324 0%, #ffb62f 51%, #ffb324 100%);
  }
  .header-appear .nav-box-round .navbar-nav .nav-link.active,
  .owl-dots .owl-dot::after,
  .footer-social li a:hover {
    background-color: #006475;
  }
  .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: #006475;
  }
  .count-down-form .form-control:focus {
    border-bottom: 2px solid #006475 !important;
  }
  .blog-tags li a:hover,
  .blog-tags li a:focus {
    border: 1px solid #006475;
    background-color: #006475;
  }
  .price-item .btn.btn-black:hover,
  .price-item .btn.btn-black:focus {
    background: #006475 !important;
    border-color: #006475;
  }
  
  .btn.btn-gradient:hover{
    background-image:none;
    border: 2px solid #FFB324;
    color:#FFB324;
  }
  
  .header-appear .nav-box-round .navbar-nav .nav-link.active{
    color: #2b2b2b !important;
    background-color: #feffff;
  }