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

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

 */

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

// Colors
@colorPrimary:  #741c59;
@colorPrimary1: #f7dcd1;
@colorSecondary: #111520;

// Mixins
.animation(@animation) {
  -webkit-animation: @animation;
          animation: @animation;
}
.transform(@transform) {
  -webkit-transform: @transform;
      -ms-transform: @transform; // IE9 only
          transform: @transform;
}


/* ===================================
    Styling
====================================== */
.text-brown{
  color: @colorPrimary !important;
}
.text-lightpink{
  color: @colorPrimary1 !important;
}
.bg-blue{
  background-color: @colorSecondary !important;
}
#spin-wrap {
  background: @colorPrimary !important;
}
#spin {
  background: @colorPrimary1 !important;
}
.menu-btn span {
  background-color: @colorPrimary !important;
}
.side-menu-icons a:hover {
  color: @colorPrimary !important;
}
li.navbar_list:hover{
  background-color: @colorPrimary !important;
}
.parallax-color1 {
  background-color: @colorPrimary1 !important;
}
.parallax-color2 {
  background-color: @colorPrimary !important;
}
.parallax-color3 {
  background-color: @colorSecondary !important;
}
.brown-btn{
  background-color: @colorPrimary1 !important;
  border: 2px solid @colorPrimary !important;
  color: @colorPrimary !important;
}

.brown-btn:hover, .brown-btn:focus, .brown-btn:active{
  border: 2px solid @colorPrimary !important;
  background-color: @colorPrimary !important;
}

.pink-btn{
  border: 2px solid @colorPrimary1 !important;
  color: @colorPrimary1 !important;
  background-color: @colorPrimary !important;
}
.pink-btn:hover, .pink-btn:focus{
  border: 2px solid @colorPrimary1 !important;
  color: @colorPrimary !important;
  background-color: @colorPrimary1 !important;
}

.white-btn{
  background-color: @colorSecondary !important;
}
.white-btn:hover, .white-btn:focus{
  color: @colorSecondary !important;
}
.about .about-text{
  color: @colorPrimary !important;
}
.feature-icon {
  color: @colorPrimary !important;
}
.feature-icon .bg-feature-icon {
  background-color: @colorPrimary1 !important;
}
.service-btn {
  background-color: @colorPrimary1 !important;
  border: 2px solid @colorPrimary1 !important;
  color: @colorPrimary !important;
}
.card{
  border: 1px solid @colorPrimary1 !important;
}
.card:hover{
  border: 1px solid @colorPrimary !important;
}
.card:hover .bg-feature-icon{
  background-color: @colorPrimary !important;
}

.card:hover .service-btn{
  background-color: @colorPrimary !important;
  border: 2px solid @colorPrimary !important;
}
.video .video-btn .play-btn:hover{
  background-color: @colorPrimary !important;
}
.prices .price-list{
  border-bottom: 2px solid @colorPrimary1 !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, @colorPrimary1), color-stop(50%, white));
  background: -o-linear-gradient(left, @colorPrimary1 50%, white 50%);
  background: linear-gradient(to right, @colorPrimary1 50%, white 50%);
  background-size: 200% 100%;
}

.owl-testimonial .owl-dots .owl-dot.active span, .owl-testimonial .owl-dots .owl-dot:hover span{
  background: @colorSecondary !important;

}
.book-btn:hover{
  background-color: @colorPrimary !important;
  border: 2px solid @colorPrimary !important;
}
.book-btn{
  color: @colorPrimary !important;
  border: 2px solid @colorPrimary !important;
}
.footer{
  background-color: @colorPrimary1 !important;
}
li.footer_list {
  color: @colorPrimary !important;
}
li.footer_list:hover {
  background-color: @colorPrimary !important;
}
.contact-btn{
  border: 1px solid @colorPrimary !important;
  background-color: @colorPrimary !important;
}
.contact-btn:hover{
  color: @colorPrimary !important;
  border: 1px solid @colorPrimary !important;
}
.form-control:focus {
  border-color: @colorPrimary !important;
}
.form-control{
  border-bottom: 1px solid @colorPrimary1 !important;
}
.image-holder .overlay {
  background-color: @colorPrimary1 !important;
}
.speaker-info:hover .speaker-name{
  color: @colorPrimary !important;
}
.speaker-links>ul li a {
  color: @colorPrimary !important;
}
.speaker-links>ul li a:hover {
  background-color: @colorPrimary !important;

}