/* COLORS 
***************************************/
@color10:       #C92230; /* pink edition = #EB0084 */
@pinkColor:     #ff8ea1;
@angleborder:   #ec1c23;
@grad1:         #ec1c24;
@grad2:         rgba(236,28,35,1);
@grad3:         -moz-linear-gradient(left, rgba(236,28,35,1) 0%, rgba(190,30,46,1) 100%);
@grad4:         -webkit-gradient(left top, right top, color-stop(0%, rgba(236,28,35,1)), color-stop(100%, rgba(190,30,46,1)));
@grad5:         -webkit-linear-gradient(left, rgba(236,28,35,1) 0%, rgba(190,30,46,1) 100%);
@grad6:         -o-linear-gradient(left, rgba(236,28,35,1) 0%, rgba(190,30,46,1) 100%);
@grad7:         -ms-linear-gradient(left, rgba(236,28,35,1) 0%, rgba(190,30,46,1) 100%);
@grad8:         linear-gradient(to right, rgba(236,28,35,1) 0%, rgba(190,30,46,1) 100%);
@grad9:         progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1c23', endColorstr='#be1e2e', GradientType=1 );

@bg-rgba: rgba(190,30,46,1);
@bg-moz: -moz-linear-gradient(left, rgba(190,30,46,1) 0%, rgba(236,28,35,1) 100%);
@bg-webkit: -webkit-gradient(left top, right top, color-stop(0%, rgba(190,30,46,1)), color-stop(100%, rgba(236,28,35,1)));
@bg-webkit-linear: -webkit-linear-gradient(left, rgba(190,30,46,1) 0%, rgba(236,28,35,1) 100%);
@bg-opera: -o-linear-gradient(left, rgba(190,30,46,1) 0%, rgba(236,28,35,1) 100%);
@bg-ms: -ms-linear-gradient(left, rgba(190,30,46,1) 0%, rgba(236,28,35,1) 100%);
@bg-linear: linear-gradient(to right, rgba(190,30,46,1) 0%, rgba(236,28,35,1) 100%);
@bg-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1e2e', endColorstr='#ec1c23', GradientType=1 );


/* STYLES
********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

a.link {
  color: @color10;
}

.navBar a.logo div {
  color: @color10;
}

/* Forms Default reset styles to be used on global CSS, for colors view code below
***************************************************************************************************/
form.form button {  
  background-color: @color10;
}/*form*/


/* Start styles
*************************************************************************************************************** Start styles */
.btnBrand {
  background-color: @color10;
  &:hover {
    background-color: darken(@color10,6%);
  }
}

.bottomTip {
  background-color: @color10;
  &:after {
    border-top:     10px solid @color10;
  }
}

.navBar {
  
  ul {

    li {
      
      a.btnSearch {
        background-color: @color10;
      }
      
      &:hover > a {
        border-color: @color10;
      }
      
      ul.dropDown {
        
        li {
          &:hover {
            a {
              color: @color10;
            }
          }

        }/*li*/
      }/*ul dropdown*/
    }/*li*/
  }/*ul*/
}/*navbar*/


.navBar.black-edition {
  ul li a {
    &:hover {
      border-top-color: @color10;
    }
  }
  ul li a.active {
    border-top-color: @color10;
  }
}

.navBar.silver-edition {
  ul li a {
    &:hover {
      border-top-color: @color10;
    }
  }
  ul li a.active {
    border-top-color: @color10;
  }
}

.navBar.platinum-edition {
  ul li a {
    &:hover {
      border-top-color: @color10;
    }
  }
  ul li a.active {
    border-top-color: @color10;
  }
}

.navBar.white-edition {
  ul li a {
    &:hover {
      border-top-color: @color10;
    }
  }
  ul li a.active {
    border-top-color: @color10;
  }
}

.footNavBar.black-edition {
  ul.links li a {
    &:hover {
      color: @color10;
    }     
    span {
      color: @color10;
    }
  }/*ul*/
  ul.social-media li a, ul.views li a {
    &:hover {
      color: @color10;
    }
  }/*ul*/
  
  ul.views li.active {
    a {
      color: @color10;
    }
  }/* UL*/
  
  ul.actions {
    li {
      &:hover {
        color: @color10;
      }
    }
    li.active {
      color: @color10;
    }
  }/*ul*/
}/* black edition*/


.footNavBar.white-edition {
  background-color: @grad1;
  background: @grad2;
  background: @grad3;
  background: @grad4;
  background: @grad5;
  background: @grad6;
  background: @grad7;
  background: @grad8;
  filter: @grad9;
  
  ul.views li.active {
    &:after {
    	border-bottom: 5px solid @color10;
    }
  }
  
  ul.actions {
    li.active {
      &:after {
      	border-bottom:  5px solid @color10;
      }
    }
  }/*ul*/
}/* black edition*/

.smallFooter.white-edition {
  background-color: @color10;
}


.share-box {
  a, a:hover {
    background-color: @color10;
  }
}/* share box */



.bubble {
  p {
    span.address {
      color: @color10;
    }
  }
}/* bubble*/




/* Advanced search 
*************************************************************************************************************** Advanced search */
.advanced-search {
  
  ul.nav-tabs {
    li.active a, li.active a:hover {
      background-color: @color10;
    }/* li active*/
  }/* nav tabs*/
  
  
  form.form {

    
    .wrap {
      
      textarea:focus,
      select:focus,
      input[type="text"]:focus,
      input[type="password"]:focus,
      input[type="datetime"]:focus,
      input[type="datetime-local"]:focus,
      input[type="date"]:focus,
      input[type="month"]:focus,
      input[type="time"]:focus,
      input[type="week"]:focus,
      input[type="number"]:focus,
      input[type="email"]:focus,
      input[type="url"]:focus,
      input[type="search"]:focus,
      input[type="tel"]:focus,
      input[type="color"]:focus,
      .uneditable-input:focus {
        color: @color10;
      }
      
    }/* wrap*/
    
    button {
      
      &:focus {
        background-color: darken(@color10,7%);
      }
    }
  }/*form*/
  
  ul.autosuggest-small {

    li {
      a {
        &:hover {
          color: @color10;
        }
      }
    }
  }/* ul autosuggest */
}/* advanced search */






/* EMAIL A FRIEND FORM AND SAVE SEARCH
**************************************************/
.emailFriendForm, .saveSearchForm {
  form.form {
   
    &:after {
      border-top:   10px solid @color10;
    }
  }/*emailFriendForm*/

}/*emailfriendform*/


/* MODAL AGENCY INFOS
*****************************************************/
.agencyInfo {
  &:after {
    border-top:   10px solid @color10;
  }
  a.btnFlat {
    background-color: @color10;
  }
}

/* MODAL CONTACT AGENT
*****************************************************/
.modal {

  .modal-body {
    
    form.form {

      button {
        background-color: @color10;
        &:hover {
          background-color: darken( @color10, 5% );
        }
        &:active {
          background-color: darken( @color10, 10% );
        }
      }
    }/*form*/
  }/*modal body*/
}/*modal*/

/* Homepage 
*************************************************************************************************************** Homepage */
.homepage {
  
  .hero {
    
    .hero-container {
      
      /* AUTOSUGGEST BOX
      ***************************************/
      ul.autosuggest {
        
        li {
          a.suggestion, a.suggestion-action {
            &:hover {
              color: @color10;
            }
          }
        }/*li*/
      }/*ul*/  
      
      form.form {
        
        .wrap {

          button {
            background-color: @color10;
          }

        }/* wrap*/
      }/*form*/
    }/*hero container*/
  }/* hero*/
  
  .section {
    
    .swiper-container {
    	
    	h2 {
        i {
          color: @color10;
        }
      }
      .prevButton, .nextButton {
        &:hover {
          color: @color10;
        }
      }
    }/* swiper container*/
    
    &:hover > a .section-footer i {
      color: @color10;
    }
  }/*section*/
   
  /* Homepage content
  New homepage features - Date created 27 October 2014
  ********************************************/
  .homepage-content {
    
    .testimonials {
      background-color: @color10;
      
    }/* testimonials */
    
    .section {

      .col {
        
        h1 {
          color:    @color10;
        }
        
        .card {
          
          .content {
            
            p {

              a {
                color: @color10;
              }
            }
          }/* content */

        }/* card */
      }/* col */
    }/* section */
    
  }/* homepage content */
 
}/*homepage*/



.section.rss {

  ul {

    li {
      
      a {
        &:hover {
          color: @color10;
        }
      }
    }/*li*/
  }
}/* section rss */


/* Results grid 
*************************************************************************************************************** Results grid */
.results-grid {
	
  ul {
    
    li {
            
      .inner {
       
        .property-info {
          
          p.little-banner {
            background-color: @color10;
          }

        }/* property info*/

      }/*inner*/
      
    }/*li*/
    
  }/*ul*/

}/*results*/




/* Results Map 
*************************************************************************************************************** Results MAP */
.results-map {
  
  .listings {
    
    ul {

      li {   
        
        .details {
          
          p.banner {
            background-color: @color10;
          }

        }

      }

    }/*ul*/

  }/*listings*/

}/* result map*/






/* CONTENT PAGE 
******************************************/
.content-page {
  
  a.link {
    color: @color10;
  }
  
  .header {
    background-color: @grad1;
    background: @grad2;
    background: @grad3;
    background: @grad4;
    background: @grad5;
    background: @grad6;
    background: @grad7;
    background: @grad8;
    filter: @grad9;
  }/*header*/
  
  .header.inverse {
    
    h1 {
      color: @color10
    }

  }
  
  h1.heading {
    color: @color10;
  }
  
  form.form.content-contact {
    
    button {
      background-color: @color10;
    }

  }/*form*/

}/* content page */


.content-page.article {

  .wrapper h1 {
  	color: @color10;
  }

  ul, ol {

    li {
      
      a {
        color: @color10;
      }

    }

  }/* ul ol */

  table {
  	
  	td.red{
  		background-color: @color10;
  		}

    }

}/* article*/



.content-page.testimonials {

	.pagination {
      
      ul {

        li {

          a {
            color: @color10;
          }

        }
        
      }

    }

}/* testimonials*/


.office-profile {

  .heroUnit {
    
    ul {
      background-color: @color10;
    }/*ul*/

  }/*hero unit*/
  
  .office-properties {
       
    .pagination {
      
      ul {
        
        li {

          a {
            color: @color10;
          }

        }

      }

    }

  }/* office properties*/
  
  .staff {
    
    a.emailButton {
      background-color: @color10;

    }

  }/*agent*/

}/*office profile*/




/* Agent profilet
************************************/
.agent-profile { 

  .wrapper-top {
	  
	  p {

		  span.inside-button {
				background-color: @color10;
		  }

	  }/*p*/

	}/*wrapper top*/

}/* agent profile*/



/* OPENS TIMES / INPECTIONS / AUCTIONS
****************************************************/
.open-times {

  .header {

    h1 {
      color: @color10;
    }
    
    ul.calendars {

      li, a {
        
        &:hover {

          p.day {
            background-color: @color10;
          }

        }

      }/*li a*/
      
      li.active {
        
        p.day {
          background-color: @color10;
        }

      }

    }

  }/*header*/
  
  .list {
    
    .emailButton {
      color: @color10;
    }
    
    a.time {
      
      &:hover {
        color: @color10;
      }

    }
    
    a.view-more {
      color: @color10;
    }

  }/* list */

}/* open times*/




/* BLOG INDEX
**********************************************************/
.blog-index {

  ul.blog-list {

    li {

      h1 {
        color: @color10;
      }
      
      .goBtn {
        background-color: @color10;
      }

    }/*li*/

  }/*ul*/
  
  .pagination {
    ul {
      
      li {

        a {
          color: @color10;
        }

      }

    }

  }

}/* blog*/


.blog {

  .container.wrapper {

    h2.tags {
      
      span {
        background-color: @color10;
      }

    }

  }

}/*blog*/




/* Property Page 
*************************************************************************************************************** Property Page */
.property-page {
 
  .content {
    
    .header {
        background-color: @grad1;
        background: @grad2;
        background: @grad3;
        background: @grad4;
        background: @grad5;
        background: @grad6;
        background: @grad7;
        background: @grad8;
        filter: @grad9;

    }/*header*/
    
    .header.inverse {
      
      h1 {
        color: @color10;
      }

    }/*header*/
    
    .overview {
      
      h1.price {
        color: @color10;
      }

      a.printButton {
        background-color: @color10;
      }
      
      ul.features.links {

        li{

          a {
            
            &:hover {
              color: @color10;
            }

          }

        }

      }
      
      .times {

        h2 {
          background-color: @color10;
        }

      }
    }/*overview*/

    .agent {
      
      a.emailButton {
        background-color: @color10;
      }

    }/*agent*/

  }/*content*/

}/*property page*/

/* Property Page 03
*************************************************/
.property-page-03 {

  ul.actions {

    a {

      &:hover {
        background-color: @color10;
      }

    }

  }

}/* property page 03 */

.property-alerts {

  form.form {

    p.error {
      color: @color10;
    }

  }/* form*/

}/* property alerts*/


.reports-results {

	.header {
		background-color: @color10;
	}/* header */

}/* Reports Results */


.finance {

  p.notes {

    strong {
      color: @color10;
    }

  }

}/* finance*/