/*
  Les Revolins CSS
  Last update: 18 May 2020
*/

/*
  Mobile Elements Disabling Styles 
*/

@media screen and (max-width: 480px) {
  .mobiledisable {
    display: none;
 }
}

/*
  Display fixes
*/
 
html, body { /* AOS library adds unwanted space on the right especially on fade-left transitions, therefore hide overflow on x */
  overflow-x: hidden;
}

body { /* See above hide overflow on x */
  position: relative;
}

/*
  General styles 
*/

.lesrevolins-button-rounded {
  color: #ffff;
  background: rgba(58, 133, 191, 0.75);
  border-radius: 40px;
  border: 2px solid rgb(255, 255, 255, 1);
}

.lesrevolins-button-rounded:hover {
  color: #ffff;
  background-color: #75b5fe;
  background-image: linear-gradient(to right,#318ce7,#75b5fe);
}

#lesrevolins-map {
  height: 332px;
}

/*
  Navigation Bar Styles
*/

@font-face {
  font-family: 'Sign Painter';
  src: url('../fonts/signpainterhousescriptregular.woff') format('woff');
 }
 
.navbar-nav li {
  font-family: 'Sign Painter', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 2px;
}

.navbar-nav > .active a {
  background-color: rgba(58, 133, 191, 0.75) !important;
}

.navbar-brand img {
  height: 2rem;
}

.navbar-text img {
  width: 24px;
  height: 24px;
}

/*
  Carousel Styles
*/

.carousel-item {
  position: relative !important;
}

.lesrevolins-carousel-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.lesrevolins-carousel-overlay a {
  transform: translateY(-260%);
}

/*
  Introduction Text Styles 
*/

.lesrevolins-introduction-bg {
  background-color: #f2f9f8;
}

.lesrevolins-introduction-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*
  Separation 1 styles
*/

.lesrevolins-separation1 {
  background-color: #ffffff; 
  padding-top: 15px; 
  padding-bottom: 15px;
}

/*
  The Property Styles
*/

.lesrevolins-property-bg {
  background-color: #f2f9f8;
}

.lesrevolins-property-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.lesrevolins-property-textvision {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  font-family: 'Sign Painter', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 2px;
  color: #ffffff;
  height: 100%;
  width: 100%;
}

.lesrevolins-property-vision .lesrevolins-property-textvision {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.lesrevolins-property-vision p {
  filter: alpha(opacity=0);
  opacity: 0;
  background-image: linear-gradient(to right,#318ce7,#75b5fe);
  -webkit-transform: translateY(250px);
  transform: translateY(250px); 
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.lesrevolins-property-vision:hover .lesrevolins-property-textvision {
  filter: alpha(opacity=100);
  opacity: 1;
}

.lesrevolins-property-vision:hover p {
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

.lesrevolins-property-vision:hover p {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

/*
  Mistral House Styles
*/

.lesrevolins-mistral-bg {
  background-color: #f2f9f8;
}

.lesrevolins-mistral-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.lesrevolins-mistral-content-padding-separator {
  padding-top: 15px;
}

.lesrevolins-mistral-48-icon {
  font-size: 48px;
  color: #33b5e5;
  float: left;
}

.lesrevolins-mistral-24-icon {
  font-size: 24px;
  color: #00C851;
  float: left;
}

.lesrevolins-mistral-info-h4-padding {
  padding-left: 10px;
  padding-top: 10px;
}

.lesrevolins-mistral-arrow-h5-padding {
  padding-left: 40px;
}

.lesrevolins-mistral-picture-alignment {
  padding-top: 10px;
}

.lesrevolins-mistral-cursor {
  cursor: zoom-in;
}

/*
  Alize House Styles
*/

.lesrevolins-alize-bg {
  background-color: #f2f9f8;
}

.lesrevolins-alize-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.lesrevolins-alize-content-padding-separator {
  padding-top: 15px;
}

.lesrevolins-alize-48-icon {
  font-size: 48px;
  color: #33b5e5;
  float: left;
}

.lesrevolins-alize-24-icon {
  font-size: 24px;
  color: #00C851;
  float: left;
}

.lesrevolins-alize-info-h4-padding {
  padding-left: 10px;
  padding-top: 10px;
}

.lesrevolins-alize-arrow-h5-padding {
  padding-left: 40px;
}

.lesrevolins-alize-content-alignment {
  padding-top: 50px;
}

.lesrevolins-alize-cursor {
  cursor: zoom-in;
}

/*
  Sirocco House Styles
*/

.lesrevolins-sirocco-bg {
  background-color: #f2f9f8;
}

.lesrevolins-sirocco-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.lesrevolins-sirocco-content-padding-separator {
  padding-top: 15px;
}

.lesrevolins-sirocco-48-icon {
  font-size: 48px;
  color: #33b5e5;
  float: left;
}

.lesrevolins-sirocco-24-icon {
  font-size: 24px;
  color: #00C851;
  float: left;
}

.lesrevolins-sirocco-info-h4-padding {
  padding-left: 10px;
  padding-top: 10px;
}

.lesrevolins-sirocco-arrow-h5-padding {
  padding-left: 40px;
}

.lesrevolins-sirocco-content-alignment {
  padding-top: 40px;
}

.lesrevolins-sirocco-cursor {
  cursor: zoom-in;
}

/*
  Contact Form Styles
*/

.lesrevolins-contact-bg {
  background-color: #f2f9f8;
}

.lesrevolins-contact-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.lesrevolins-contact-info-48-icon {
  font-size: 48px;
  color: #33b5e5;
  float: left;
}

.lesrevolins-contact-content-padding-separator {
  padding-top: 15px;
}

.lesrevolins-contact-info-h4-padding {
  padding-left: 10px;
  padding-top: 10px;
}

.lesrevolins-contact-icon-attr {
  font-size: 24px;
}

.lesrevolins-contact-icon-color-blue {
  color: #33b5e5;
}

.lesrevolins-contact-icon-color-green {
  color: #25d366;
}

.lesrevolins-contact-button-color {
  background-color: #33b5e5;
}

.lesrevolins-contact-button-whatsapp-icon {
  background-color: #25d366;
  margin-right: 10px;
  font-size: 12px;
}

.lesrevolins-contact-form {
  width: 100%;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

input:invalid {
  background-color: #e3f2fd;
}

textarea:invalid {
  background-color: #e3f2fd;
}

/*
  Footer Styles
*/

.lesrevolins-footer-bg {
  background-color: #000000;
}

.lesrevolins-footer-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.lesrevolins-footer {
  color: #ffffff;
  font-family: 'Sign Painter', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 2px;
}