/**
 * Description: styles related to Share IT styles.
 * User: carolina silva
 * Date: 7/Set/2017
**/

@import url(configs.less);

// Font Families

.fontFace('gochihand','Gochihand','gochihand-regular-webfont',false);
.fontFace('caveat','Caveat','caveatbrush-regular-webfont',false);
.fontFace('gloria','Gloria','gloriahallelujah-webfont',false);
.fontFace('pacifico','pacifico','pacifico-regular-webfont',false);
.fontFace('permanent','Permanent','permanentmarker-regular-webfont',false);

.fontFace('montserratlight','Montserrat','montserrat-light-webfont',false);
.fontFace('montserratregular','Montserrat','montserrat-regular-webfont',false);
.fontFace('montserratbold','Montserrat','montserrat-bold-webfont',false);

.fontFace('quicksandlight','Quicksand','quicksand-light-webfont',false);
.fontFace('quicksandregular','Quicksand','quicksand-regular-webfont',false);
.fontFace('quicksandbold','Quicksand','quicksand-bold-webfont',false);

// Text

.mk-text-block p,
.mk-text-block ul li , p, tbody {
 font-family: 'montserratregular' !important;
 font-size: 14px !important;
 color: @gray2 !important;
}

@media(max-width: 767px){
  h2.mk-fancy-title{
    span{
      font-size: 75% !important;
    }
  }
}

h2 {
 color: @black !important;
 font-family: 'gloria' !important;
 font-weight: 600 !important;
 }

h4 {
  font-family: 'montserratregular'!important;
  color: @black !important;
  text-transform: uppercase !important;
}

h5 {
  font-family: 'montserratregular'!important;
  color: @black !important;
}

#fancy-title span  {
    font-family: 'montserratregular' !important;
}

.chilloutbutton, .mk-page-section img{
    color: @yellow2 !important;
    :hover {
        color: @yellow3 !important;
    }
}

.mk-edge-slider .edge-desc {
    font-family: 'montserratlight' !important;
}

.si-edge-slider{
  .mk-edge-wrapper{
    height: 85vh !important;
  }
}

// Buttons

.si-book-a div {
    color: @white !important;
}

@media (max-width: 767px){
  .slider-content{
    .edge-buttons{
      .mk-button-container{
        a{
          width: 150px !important;
        }
      }
    }
  }
}

//.mk-edge-slider .edge-buttons a  {
    //background-color: @yellow2 !important;
    //color: @white !important;
    //a :hover {
        //color: @white !important;
        //background-color: @yellow2 !important;
    //}
//}


//#fancy-title-4 span{
    //font-family: 'gloria' !important;
    //font-weight: 600 !important;
//}

//Goup packs

.new-style.pricing-table .pricing-cols .pricing-button,
.new-style.pricing-table .pricing-cols .pricing-price.style-light{
    display:none !important;
}

.new-style.pricing-table .pricing-cols .pricing-features ul{
    padding-bottom: 20px !important;
}

.pricing-table .mk-svg-icon {
    color: @white !important;
}

.new-style.pricing-table .pricing-cols .pricing-plan.style-light{
    font-size: 20px !important;
    padding-top: 60px !important;
}

//////Intro

.content-box-heading{
    display:none !important;
}

#page-section-2{
    #fancy-title-5 span,
    #fancy-title-10 span,
    #fancy-title-15 span {
        color: @white !important;
        font-weight: 800 !important;
    }
}


//Header

@media (max-width: 1140px){
  #mk-theme-container{
    header{
      position: absolute !important;
    }
  }
}

.mk-responsive-nav>li{
  border-bottom: none !important;
}

.wpml-ls-current-language{
  display: none !important;
}

@media (max-width: 1140px){
  .si-book-li{
    width: 100% !important;
    .si-book-a{
      height: 13px;
      div{
        height: 13px;
        padding-top: 0 !important;
      }
    }
  }
}

@media(max-width: 1140px){
  .mk-header-holder{
      margin-top: 0px !important;
  }
}

.a-sticky .mk-header-bg {
    opacity: 1 !important;
    background-color: @gray1 !important;
}

@media (max-width: 1140px){
  .current-menu-item{
    a.menu-item-link{
      color: #faa61a !important;
    }
  }
}

#menu-item-184{
    color: @white !important;
}

.mk-header.sticky-style-fixed .mk-header-bg{
    background-color: @gray1 !important;
}

#menu-main-menu li a {
    color: @white !important;
}

#mk-theme-container{
    .mk-header{
        background-color: @gray1 !important;
    }
}


//Slide

.main-navigation-ul > li.menu-item > a.menu-item-link:after{
	color:@white!important;
	background-color:@white!important;
}

.mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-title {
    font-weight: 800 !important;
    font-size: 60px !important;
}

@media(max-width: 767px){
  .mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-title {
    font-weight: 800 !important;
    font-size: 30px !important;
  }
}

.mk-edge-slider .edge-slide-content.caption-light .edge-desc{
    font-family: 'gloria' !important;
    font-weight: 600 !important;
    font-size: 30px !important;
}

@media(max-width: 767px){
  div.mk-edge-slider{
    .edge-title-area{
      .edge-desc{
        line-height: 40px !important;
      }
    }
  }
}

//Animated Col

.mk-animated-columns .s_desc{
    color: @black !important;
}

// Offer Bar

#offerbar .vc_column_container>.vc_column-inner {
        background-color: @red !important;
        .mk-fancy-title p{
            color: @white !important;
            font-size: 24px !important;
            line-height: 24px !important;
        }
}

.mk-page-section .vc_row-fluid {
    background-color: @white !important;
}

//Images

.slideshow,
.mk-image .mk-image-inner img,
.mk-image.rounded-frame img {
    border-radius: 15px !important;
}

//Page Section

#page-section-6{
    background-color: @white !important;
}

#page-section-14{
    background-color: @gray4 !important;
}



// Form

.vc_col-sm-6{
    .wpcf7-form .wpcf7-text,
    .wpcf7-form .wpcf7-textarea {
        background-color: @white !important;
        width: 100% !important;
        heigh: 80px !important;
        padding: 12px 20px !important;
    }
    input[type=submit] {
        background-color: #faa61a !important;
        color: @white !important;
        border-color: #faa61a !important;
      }
    .wpcf7-submit:hover{
        background-color: @yellow2 !important;
        border: solid 1px @yellow2 !important;
    }
    span.wpcf7-not-valid-tip {
        top: -7px !important;
        text-transform: lowercase !important;
    }
}

.vc_col-sm-5 {

    .s_contact.dark .s_txt-input, .s_contact.light .s_txt-input:focus {
        border: solid 2px @black !important;
    }

    #wpcf7-f918-p883-o1 textarea, input, select {
        background-color: @white !important;
        width: 100% !important;
        heigh: 80px !important;
        padding: 12px 20px !important;
    }

    #wpcf7-f918-p883-o1 button, tipo, select, textarea, select{
        font-family: 'montserratregular' !important;
        font-size: 12px !important;
        color: @black!important;
    }

    #wpcf7-f918-p883-o1 .wpcf7-submit:hover{
        background-color: @yellow2 !important;
        border: none !important;
    }

    .date {
        width: 50% !important;
        background-color: red !important;
    }
    .si-check{
      width: 100% !important;
      input[type=date]{
        border: 1px solid #e3e3e3 !important;
        padding: 9px 7.5% !important;
        color: #939393 !important;
      }
    }

    span.wpcf7-not-valid-tip {
        top: -7px !important;
        text-transform: lowercase !important;
    }

    input[type=submit] {
        background-color: #faa61a !important;
        color: @white !important;
        border-color: #faa61a !important;
    }

    div.wpcf7-response-output {
        margin-bottom: 30px !important;
    }

}

//Quick Contact
.mk-quick-contact-wrapper{
  right: 3.8% !important;
}

@media(min-width: 1400px){
  .mk-quick-contact-wrapper{
    right: 4.3% !important;
  }
}

@media (min-width: 768px){
  .mk-go-top{
    right: 4px !important;
  }
}
@media (max-width: 767px){
  .mk-go-top.is-active{
    bottom: 20px !important;
  }
}

// Group form

.wpcf7-form-control-wrap Checkout,
#wpcf7-f918-p883-o1{
    p .si-type,
    p .si-pack,
    p .si-check,
    checkout {
        float: left !important;
        padding: 0 0 0 0 !important;
        //min-width: 50% !important;
        //max-width: 50% !important;
    }
}

#theme-page select:not(.gfield_select), .woocommerce select {
    //min-width: 90% !important;
    //max-width: 90% !important;
}

wpcf7-form-control-wrap your-phone,
.si-number input {
     float: left !important;
     clear: none;
     padding: 0 0 0 0 !important;
     //min-width: 40% !important;
     //max-width: 80% !important;
 }

 .si-phone {
  float: left !important;
  padding: 0 0 0 0 !important;
   @media(min-width: 768px){
     input{
       width: 93% !important;
     }
   }
   @media(min-width: 768px){
     input{
       width: 100% !important;
     }
   }
 }

 @media (max-width: 767px) {
   .si-phone{
    width: 100% !important;
   }
 }

// Contact form

.wpcf7-not-valid-tip{
  white-space: nowrap !important;
}

.si-number{
  span.wpcf7-not-valid-tip{
    top: 4px !important;
  }
}

.si-group.si-group-first{
  span.wpcf7-not-valid-tip{
    right: -231px !important;
  }
  select{
    font-weight: 500 !important;
    option{
      font-weight: 500 !important;
    }
  }
}

.si-group{
  span.wpcf7-not-valid-tip{
    right: -247px !important;
    top: -37px !important;
  }
  select{
    color: #939393 !important;
    font-weight: 500 !important;
    option{
      font-weight: 500 !important;
    }
  }
}

.wpcf7-form{
  label{
    color: @black !important;
  }
}

@media (min-width: 768px){
  .page-id-883{
    .wpcf7-form{
      .si-chrome{
        margin-bottom: -12px !important;
      }
    }
  }
}

 .wpcf7-form-control .wpcf7-text{
     float: left !important;
     padding: 0 0 0 0 !important;
     //min-width: 50% !important;
     //max-width: 50% !important;
 }

.wpcf7-form p{
    float: left !important;
    .phone,
    .number{
         float: left !important;
         padding: 0 0 0 0 !important;
         //min-width: 50% !important;
         //max-width: 50% !important;
    }
}

.wpcf7-form p:nth-child(12),
.wpcf7-form p:nth-child(13),
.wpcf7-form p:nth-child(2),
.wpcf7-form p:nth-child(3){
    width: 100% !important;
}

.wpcf7-form p:nth-child(4),
.wpcf7-form p:nth-child(5){
    width: 50%;
    height: 66px;
}

@media (max-width: 767px) {
  #si-lc-about-contact{
    .wpcf7-form p:nth-child(4),
    .wpcf7-form p:nth-child(5){
      width: 100%;
      height: 66px;
    }
  }
  #si-lc-group-booking{
    .wpcf7-form p:nth-child(4),
    .wpcf7-form p:nth-child(5){
      width: 100%;
      height: 66px;
    }
  }
}

.wpcf7-form p:nth-child(6),
.wpcf7-form p:nth-child(7),
.wpcf7-form p:nth-child(8),
.wpcf7-form p:nth-child(9),
.wpcf7-form p:nth-child(10),
.wpcf7-form p:nth-child(11){
    width: 50%;
}

@media (max-width: 767px) {
  #si-lc-group-booking{
    .wpcf7-form p:nth-child(6),
    .wpcf7-form p:nth-child(7),
    .wpcf7-form p:nth-child(8),
    .wpcf7-form p:nth-child(9),
    .wpcf7-form p:nth-child(10),
    .wpcf7-form p:nth-child(11){
      width: 100%;
    }
    .wpcf7-form p:nth-child(5) label,
    .wpcf7-form p:nth-child(5) input,
    .wpcf7-form p:nth-child(11) label,
    .wpcf7-form p:nth-child(11) input,
    .wpcf7-form p:nth-child(7) label,
    .wpcf7-form p:nth-child(9) label,
    .wpcf7-form p:nth-child(9) select{
      margin-left: 0%;
    }
  }
}

.wpcf7-form p:nth-child(5) label,
.wpcf7-form p:nth-child(5) input,
.wpcf7-form p:nth-child(11) label,
.wpcf7-form p:nth-child(11) input,
.wpcf7-form p:nth-child(7) label,
.wpcf7-form p:nth-child(9) label,
.wpcf7-form p:nth-child(9) select{
    margin-left: 7%;
}

.wpcf7-form p:nth-child(7) input{
    //margin-left: 17px;
}

.si-billing{
  @media(min-width: 768px){
    input{
      width: 93% !important;
    }
  }
  @media(max-width: 767px){
    input{
      width: 100% !important;
    }
  }
}

.si-check{
    input{
        width: 84.4% !important;
    }
}

@media (min-width: 768px) {
  .si-check.si-check-out{
    input{
      width: 77.3% !important;
    }
  }
}

@media (max-width: 767px) {
  .si-check.si-check-out{
    input{
      width: 84.4% !important;
    }
  }
}

@media (max-width: 350px){
  .wpcf7-form{
    label{
      font-size: 90% !important;
    }
  }
}

@media (min-width: 768px){
  .si-group{
      select.wpcf7-form-control{
          width: 93% !important;
          min-width: 0% !important;
          //max-width: 200% !important;
      }
  }
  .si-group.si-group-first{
    select.wpcf7-form-control{
      width: 100% !important;
      min-width: 0% !important;
      //max-width: 200% !important;
    }
  }
}

@media (max-width: 767px) {
  .si-group{
    select.wpcf7-form-control{
      width: 100% !important;
      min-width: 0% !important;
      //max-width: 200% !important;
    }
  }
}


//Map

#mk-advanced-gmaps-13 .gm-style-iw .info_content p{
    color: @white !important;
}

//FAQ´s

.filter-faq ul li a.current{
    display: none !important;
}

//Testimonial

.mk-testimonial-quote{
    font-family: 'gloria' !important;
    color: @black !important;
}

.mk-testimonial.boxed-style .mk-testimonial-content{
    border: 2px solid @yellow2 !important;
    background-color: @yellow2 !important;
    border-radius: 10px !important;
}

.mk-testimonial.boxed-style .mk-testimonial-content:before {
     border: 2px solid @yellow2 !important;
     background-color: @yellow2 !important;
}

//Footer

.si-developed{
  color: #808080 !important;
  text-decoration: none !important;
}

.si-developed:hover{
  color: white !important;
}

#mk-footer{
    background-color: #4f4b47 !important;
}

.mk-footer-copyright, #mk-footer-navigation li a {
    margin-left: 15px;
}

//Blog

.mk-blog-container{
  .mk-blog-spotlight-item{
    img.blog-image{
      height: 350px !important;
    }
  }
}

.mk-blog-container.si-blog-tours{
  .mk-blog-spotlight-item{
    img.blog-image{
      height: 300px !important;
    }
  }
}

.mk-blog-spotlight-item .item-wrapper time a,
.mk-blog-spotlight-item .item-wrapper time:after {
    display:none !important;
}

.mk-blog-spotlight-item .item-wrapper {
    border: solid 1px @white !important;
}

//Blog detail

.single-post{
  article:not(.category-offers){
    .si-lc-booking-form{
      display: none;
    }
  }
}

@media (max-width: 767px) {
  .si-lc-row-booking {
    width: 100% !important;
    i{
      float: right;
      margin-top: -30px;
      margin-right: 10px;
      position: relative;
    }
    .si-booking-label {
      font-family: 'gloria' !important;
      font-size: 16px !important;
    }
    .si-booking-adults {
      width: 100% !important;
      min-width: 0 !important;
      -webkit-appearance: menulist !important;
      -moz-appearance: menulist !important;
      appearance: menulist !important;
    }
    .si-booking-arrival {
      width: 100% !important;
      min-width: 0 !important;
      font-weight: bold;
      color: #252525;
    }
    .si-booking-nights {
      width: 100% !important;
      min-width: 0 !important;
      -webkit-appearance: menulist !important;
      -moz-appearance: menulist !important;
      appearance: menulist !important;
    }
  }
}

@media (min-width: 768px){
  .si-lc-row-booking{
    width: 33.3% !important;
    float: left;
    i{
      margin-left: -25px !important;
    }
    .si-booking-label{
      font-family: 'gloria' !important;
      font-size:16px !important;
    }
    .si-booking-adults{
      width: 90% !important;
      min-width: 0 !important;
      -webkit-appearance: menulist !important;
      -moz-appearance: menulist !important;
      appearance: menulist !important;
    }
    .si-booking-arrival{
      width: 90% !important;
      min-width: 0 !important;
      font-weight: bold;
      color: #252525;
    }
    .si-booking-nights{
      width: 90% !important;
      min-width: 0 !important;
      -webkit-appearance: menulist !important;
      -moz-appearance: menulist !important;
      appearance: menulist !important;
    }
  }
}

@media(min-width: 768px){
  .si-lc-row-submit{
    width: 96.4%;
    input{
      float: right !important;
      margin-top: 30px;
      padding: 20px 28px;
      font-size: 14px;
      line-height: 100%;
      background-color: #faa61a;
      color: #fff;
      border-radius: 3px;
      font-weight: 700;
      letter-spacing: 2px;
      border: 0px;
    }
  }
}

@media(max-width: 767px){
  .si-lc-row-submit{
    width: 100%;
    input{
      float: right !important;
      margin-top: 30px;
      padding: 20px 28px;
      font-size: 14px;
      line-height: 100%;
      background-color: #faa61a;
      color: #fff;
      border-radius: 3px;
      font-weight: 700;
      letter-spacing: 2px;
      border: 0px;
    }
  }
}

.single-post{
  .image-hover-overlay{
    display: none;
  }
}

.mk-header-bg {
    background-color: @black !important;
}

@media (max-width: 767px) {
  .master-holder h2{
    font-size: 30px !important;
    text-transform: none !important;
    font-family: 'gloria' !important;
  }
}

@media (min-width: 768px) {
  .master-holder h2{
    font-size: 40px !important;
    text-transform: none !important;
    font-family: 'gloria' !important;
  }
}

//body .header-section.hidden {
//  visibility: visible !important;
//  opacity: 1 !important;
//}
//
//body .mk-header-right {
//  z-index: 999;
//}
//
//.header-style-1.header-align-left .mk-header-right {
//  display: block !important;
//}

//Form

@media (max-width: 767px) {
  .si-number{
    width: 100% !important;
    input{
      width: 84.4% !important;
      padding: 9px 7.5% !important;
      border: 1px solid #e3e3e3 !important;
      height: 18px !important;
    }
  }
}

@media (min-width: 768px) {
  .si-number {
    input {
      width: 77.3% !important;
      padding: 9px 7.5% !important;
      border: 1px solid #e3e3e3 !important;
      height: 18px !important;
    }
  }
}

//Post template
@media(min-width: 780px){
    .si-lc-single-image{
        float: left;
        width: 48%;
        .featured-image{
            margin-bottom: 0 !important;
        }
    }

    .si-lc-post-title{
        float: right;
        width: 48%;
    }

    .single-post{
        .mk-single-content{
            float: right;
            width: 48%;
            p:last-child{
                //float: right;
                //width: 50%;
                //position: absolute;
                //left: 0;
                //right: 0;
            }
        }
    }
}

.mk-post-next{
  .mk-pavnav-icon{
    left: 4.5% !important;
    svg{
      margin-right: 14% !important;
    }
  }
}

.mk-post-prev{
  .mk-pavnav-icon{
    right: 4.5% !important;
    svg{
      margin-left: 14% !important;
    }
  }
}

.pagenav-title{
  text-align: left;
}

.pagenav-category{
  text-align: left;
}


//Cookies

.has-cookie-bar #catapult-cookie-bar {
    padding: 5px 20px 5px !important;
    background-color: @black !important;
}

#catapult-cookie-bar {
    font-size: 12px !important;
}

// Tours Details

@media (max-width: 780px) {
  .si-lc-post-title{
    h2.blog-single-title{
      margin-top: 20px !important;
    }
  }
}

.si-lc-post-title {
    padding: 0 60px 0 0 !important;
}

.mk-single-content {
    padding: 0 30px 0 0 !important;
}

// Social Icons

#icon_wrapper {
    top: 40% !important;
}

.fuse_social_icons_links{
  i{
    background-color: #3e3a3b;
    opacity: 0.6;
  }
}

// Book Now
.si-book-li{
  width: 188px;
}

.main-navigation-ul{
  li.si-book-li{
    a.si-book-a.menu-item-link{
      padding-left: 50px !important;
      padding-right: 50px !important;
    }
  }
}

.si-book-a{
  background-color: @yellow2;
  div{
    height: 28px;
    padding-top: 8px;
    color: black;
    font-weight: bold;
  }
}

.single-post{
  #icon_wrapper{
      top: 55% !important;
  }
  #mk-page-introduce{
    display:none !important;
  }
  .si-lc-single-image{
    img{
      border-radius: 15px !important;
    }
  }
}

//Contact page

@media (max-width: 767px) {
  .phone{
    width: 100%;
  }
  .number{
    width: 100%;
  }
}

.page-id-397{
  .wpcf7-form{
    p{
      .phone{
        //min-width: 92% !important;
        //max-width: 92% !important;
      }
      @media(min-width: 768px){
        .number{
          margin-left: 7% !important;
          input{
            margin-left: 0% !important;
          }
        }
      }
      @media(max-width: 767px){
        .number{
          margin-left: 0% !important;
          input{
            margin-left: 0% !important;
          }
        }
      }
    }
    p:nth-child(6),
    p:nth-child(7){
      width: 100% !important;
    }
  }
}

// Flipbox

.mk-flipbox-front {
    background-color: @yellow2 !important;
    .front-desc {
        font-family: 'gloria' !important;
        font-size: 16px !important;
    }
}

.mk-flipbox-back {
    background-color: @yellow2 !important;
    .back-title {
        color: @white !important;
    }
    .back-desc {
        font-family: 'gloria' !important;
        font-size: 16px !important;
    }
}

// Google maps

.gm-style-iw{
  background-color: #ffffff !important;
}

//Cookies Mobile

button#catapultCookie{
  background-color: #dddddd !important;
  color: #000 !important;
}

// Pricing feature

.pricing-features{
  min-height: 411px !important;
}


//Posts
@media(max-width: 1140px){
  .single-post{
    .theme-content{
      margin-top: 85px !important;
    }
  }
}

//Fancybox

a.fancybox-close{
  top: 0;
  right: 0;
}

.mk-gallery{
  .hover-fadebox.hover-title-true{
    .mk-image-lightbox{
      svg{
        top: 50% !important;
      }
    }
  }
}