/**
 * Description: styles related to Share IT styles.
 * User: carolina silva
 * Date: 11/Nov/2017
**/

@import url(configs.less);

// Font Families
@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900');
.fontFace('rubiklight','Rubik','rubik-light-webfont',false);

.fontFace('FontAwesome5Brands','FontAwesome','FontAwesome5Brands-Regular',false);
.fontFace('FontAwesome5ProLight','FontAwesome','FontAwesome5Pro-Light',false);
.fontFace('FontAwesome5ProRegular','FontAwesome','FontAwesome5Pro-Regular',false);
.fontFace('FontAwesome5ProSolid','FontAwesome','FontAwesome5Pro-Solid',false);



// Fonts


/*==== HEADER ====*/
.mkdf-page-header {
  .mkdf-position-right {
    .mkdf-position-right-inner {
      padding-top: 10px;
    }
  }
  .mkdf-logo-area {
    .mkdf-position-left {
      width: 22%;
    }
  }
}
.mkdf-mobile-header {
  margin-bottom: 0px!important;
  .mkdf-mobile-logo-wrapper {
    a {
      height: 55px!important;
    }
  }
  
  .mkdf-mobile-nav {
    display: none!important;
    
    &.open {
      display: block!important;
      //min-height: 211px;
      height:auto!important;
    }

    .mkdf-grid {
      .menu-item {
        .sub_menu {
          display: none;
          
          &.open {
            display: block!important;
            height: auto!important;
          }
        }
      }
    }
  }
}

/*==== HOME PAGE ====*/
//Slider

.homepage-slider-form {
  #homePageSlider_wrapper {
    background-image: unset !important;
    .tp-static-layers {
      display: none;
    }
    .homepage-booking-button {
      display: none;
      @media(max-width: 1200px) {
        display: block!important;
      }
    }
  }
  .mkdf-booking-form {
    display: block!important;
   
    @media(max-width: 1200px) {
      display: none!important;
    }
    
    .mkdf-booking-form-inner {
      background-color: rgba(131, 28, 27, .9) !important;
      right: 20%!important;
      bottom: 180px!important;
      padding: 23px 20px 45px 20px !important;
      .mkdf-btn {
        border: 2px solid @white !important;
      }
    }
  }
}

//Form
.mkdf-booking-form {

  margin:10px;
  .rounded-corners(6px);

  .mkdf-booking-form-inner {
    background-color: transparent !important;

    .select2-selection--single, input {
      border: 0 !important;
    }
  }
  .mkdf-type-checks {
    color: @white;
    display: flex;
    
    &> * + * {
      margin-left: 5px!important;
    }

    .rounded-corners(25px);
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin: 0 0 3px -1px;
    .check-holder {
      display: inline-block;
      //background-color: transparent;
      .rounded-corners(25px 0 0 25px);
      height: 45px;
      overflow: hidden;
      width: 50%;
      background-color: rgba(255,255,255,.1);
      &:nth-child(2){
        .rounded-corners(0 25px 25px 0);
        margin: 0 1px;
      }
      //&:nth-child(3){
      //  .rounded-corners(0 25px 25px 0);
      //}
      &:hover {
        background:@red20;
      }
      label {
        &:hover {
          cursor: pointer !important;
        }
        span {
          text-align:center;
          padding: 0;
          font-size: 15px;
          display:block;
        }
        input {
          position:absolute;
          top:-20px;
          color: @white;
          visibility: hidden;
          &:checked {
            &+ span{
              background:@red20;
            }
          }
        }
      }
    }
  }

  .mkdf-bf-select-department {
    border-radius: 30px;
    //width: 100%;
    display: block;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: @white;
    line-height: 1.3;
    padding: 12px 15px 12px 15px;
    width: 100%;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border:0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(255,255,255,.05);
    background-image: url('../images/seta.svg'),
      linear-gradient(to bottom, rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right 20px top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
    
    option {
      font-weight:normal;
      background-color: @soeradRed;
    }
    &:disabled,
    &[aria-disabled=true] {
      color: graytext;
      
       
    }
  }

  /* Hide arrow icon in IE browsers */
  .mkdf-bf-select-department::-ms-expand {
    display: none;
  }




  .mkdf-bf-form-response-holder {
    margin: 12px 0 0 !important;
    width: 100% !important;
    text-align: center !important;
    position: absolute;
    bottom: 15px;
    left: 0px;
  }




}

//Your health 1st section
.mkdf-process-holder.mkdf-process-horizontal {
  .mkdf-process-bg-holder {
    background-image: url('../images/process-bg_new.png') !important;
  }

  .mkdf-pi-image-holder {
    background-color: transparent !important;
    border: 0 !important;

    > img {
      border: 0 !important;
    }
  }
}

//Our Team Section
.homepage-team {
  .wpb_column {
    .vc_column-inner {
      padding-left: unset;

.mkdf-doctor.info-bellow {
  .mkdf-doctor-title-image {
    &:hover {
      .mkdf-circle-animate {
        opacity: .9;
      }
    }
  }
}

.mkdf-doctors-slider-holder {
  .mkdf-dl-inner {
    @media(max-width: 680px) {
      margin: 0!important;

      //&.mkdf-owl-slider {
        //.owl-stage-outer {
          //.owl-stage {
            //.owl-item {
              //margin-right: unset;
            //}
          //}
        //}
      //}
    }
  }
  .mkdf-owl-slider.mkdf-slider-has-both-nav {
    .owl-nav {
      .owl-prev {
        left: -20px;
      }

      .owl-next {
        right: -20px;
      }

      .owl-prev, .owl-next {
        -webkit-transform: translateY(calc(~"-50% - 55px"));
        -ms-transform: translateY(calc(~"-50% - 55px"));
        transform: translateY(calc(~"-50% - 55px"));

        &:hover {
          -webkit-transform: translate3d(5px,-150%,0);
          transform: translate3d(5px,-150%,0);
        }
      }
    }
  }
  .mkdf-circle-animate, .mkdf-circle-icon, .mkdf-circle-icon-hidden{
    display: none;
  }
}
}

}
}

.equipa-form .wpcf7-form {
  text-align: center;
  max-width: 750px;
  margin: 0 auto 120px;
  .terms {
    text-align: left;
    margin: 5px 0 15px 0px;
  }
}

.homepage-articles {
  .mkdf-blog-list-holder {
    .mkdf-bl-wrapper {
      .mkdf-blog-list {
        .mkdf-bl-item {
          .mkdf-bli-inner {
            .mkdf-bli-content {
              min-height: 300px;

              @media(max-width: 1400px) {
                min-height: 335px;
              }

              @media(max-width: 1200px) {
                min-height: 370px;
              }
              
              @media(max-width: 1024px) {
                min-height: 490px;
              }

              @media(max-width: 768px) {
                min-height: 370px;
              }

              @media(max-width: 680px) {
                min-height: 300px;
              }
            }
          }
        }
      }
    }
  }
}

//Doctor detail
.mkdf-doctor-info-holder {
  .mkdf-social-holder {
    display: none;
  }
}


.mkdf-booking-form-single {
  display: none!important;
  &.clicked {
    display: block !important;
    min-height: 430px !important;
    //padding-top: unset!important;
    padding: 26px 22px 2px !important;
    //margin-top: unset!important;
    //padding-bottom: unset!important;
    //margin-bottom: unset!important;
    margin-bottom: 22px !important;
  }
}


//Soerad Saúde Section
.mkdf-bli-content {
  width: 100% !important;

  .mkdf-post-info-category {
    background-color: unset !important;
    padding: 0 !important;
    border-radius: 0 !important;

    a {
      padding: 10px 30px;
      display: inline-block;
      border: 1px solid transparent;
      background-color: @soeradRed !important;
      .rounded-corners(30px);

      &:hover {
        border: 1px solid @soeradRed;
        background-color: @white !important;
      }
    }
  }
}

//Testimonials
.mkdf-testimonials-holder{
  &.mkdf-testimonials-standard {
    .mkdf-testimonial-author {
      span.mkdf-testimonials-author-name {
        color:@grey5b;
      }
    }
    .mkdf-owl-slider {
      .owl-dots {
        .owl-dot.active,
        .owl-dot:hover {
          span {
            background-color:@grey5b;
          }
        }
      }
    }

  }
}

//blog article
.mkdf-blog-holder {
  article {
    .mkdf-post-info-bottom {
      .mkdf-post-info-bottom-right {
        .mkdf-post-info-author, .mkdf-post-info-comments-holder,
        .mkdf-blog-like{
          display: none;
        }
      }
    }
  }

}

.single-post {
  .mkdf-share-link {
    cursor: pointer;
  }

  
}

//show image on sidebar articles
.mkdf-sidebar-holder {
  .mkdf-bl-simple {
    .mkdf-post-image {
      float: left;
    }
  }
}

//sidebar
.wpcf7-acceptance {
  .wpcf7-list-item {
    margin: 0 0 10px 0;
  }
}

.single-doctors .mkdf-testimonials-holder {
  display: none;
}

//História e Valores

.mkdf-horizontal-timeline {
  .mkdf-events-wrapper {
    .mkdf-events {
      .mkdf-filling-line {
        background-color: @grey5b !important;
      }
      .mkdf-event-text {
        color: @soeradRed !important;
      }
    }
  }
}
//Infobox
.mkdf-info-list {
  &.mkdf-info-list-boxed {
    .mkdf-info-list-item {
        background: transparent !important;
    }
    h3, .mkdf-ili-title {
        color: @grey5b !important;
    }
    .mkdf-ili-title {
      &:hover {
        color: @soeradRed !important;
      }
    }
    .mkdf-btn {
      &.mkdf-info-list-button {
        &:hover {
          color: @soeradRed !important;
        }
      }
    }
  }
}

//Eventos
.vc_grid-filter.vc_grid-filter-color-grey {
  margin-bottom: 60px;
  .vc_grid-filter-item {
      margin: 0 15px 5px 0 !important;
      padding: 5px 15px !important;
      &.vc_active,
      &:hover{
        background-color: @soeradRed !important;
        span {
          color: @white !important;
        }
      }
  }
}
.events-posts {
  &.vc_grid-item {
    @media(max-width: 1024px) {
      width: 50%;
    }
    @media(max-width: 767px) {
      width: 100%;
    }
    .vc_gitem-zone {
      //overflow: visible !important;
    }
    .vc_grid-item-mini {
      border-radius: 7px;
      background: @white;
      overflow: hidden;
      .vc_gitem-animated-block {
        .event-img {
          border-radius: 7px;
          transition: all 0.5s ease;
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          -o-transition: all .5s;
        }
        &:hover {
          .event-img {
            transform: scale(1.06);
          }
        }
      }
      .event-description {
        overflow: visible;
        .vc_gitem-col {
          padding: 40px 50px 20px;
          .vc_gitem-post-data-source-post_categories {
            margin: 0 !important;
            position: absolute;
            top: -20px;
            right: 0;
            z-index: 9999;
            .vc_grid-filter-item.vc_gitem-post-category-name {
              background-color: @soeradRed !important;
              border: 1px solid @soeradRed;
              padding: 7px 30px 3px !important;
              a {
                color: @white;
                font-weight: 800;
                text-transform: uppercase;
                .font-size(8);
              }
              &:hover {
                background-color: @white !important;
                a {
                  color:@soeradRed;
                }
              }
            }
          }
          .vc_gitem-post-data-source-post_date {
            margin-bottom: 7px;
            div {
              letter-spacing: .05em;
              text-transform: uppercase;
            }
          }
          h4 {
            margin: 0;
            min-height: 70px;
            a {
              &:hover {
                color: @grey41;
              }
            }
          }
          .vc_gitem-post-data-source-post_excerpt {
            @media(min-width: 1400px) {
              min-height: 150px;
            }
            @media(max-width: 1399px) {
              min-height: 210px;
            }
            @media(max-width: 1200px) {
              min-height: 260px;
            }
            @media(max-width: 1024px) {
              min-height: 180px;
            }
            @media(max-width: 767px) {
              min-height: 110px;
            }

          }
          
          .event-btn {
            a {
              background: none !important;
              color: @grey41 !important;
              font-weight: 700;
              line-height: 2em;
              padding-left: 0;
              letter-spacing: .05em;
              text-transform: uppercase;
              font-size: 13px;
              padding-right: 40px;
              padding-top: 5px;
              i {
                top: 16px !important;
              }
            }
          }
        }

        //@media(min-width: 1025px) {
        //  min-height: 460px;
        //}
        /*@media(min-width: 1400px) {
          min-height: 405px;
        }
        @media(max-width: 1399px) {
          min-height: 460px;
        }
        @media(max-width: 1024px) {
          min-height: 435px;
        }
        @media(max-width: 767px) {
          min-height: 350px;
        }*/
      }

    }

  }
}

//sidebar
aside.mkdf-sidebar {
  .widget {
    .mkdf-widget-title-holder {
      h5 {
        &.mkdf-widget-title {
          color: @grey5b;
        }
      }
    }
    span {
      &.mkdf-post-title {
        a {
          color: @grey5b !important;
        }
      }
    }
  }
  #mkdf_booking_form_widget-3 {
    display: none;
  }
  .eventosestilo {
    .mkdf-image-with-button-holder {
      .mkdf-widget-title-holder {
        //background-color: transparent;
        h5 {
          padding-left: 10px;
        }
      }
      p {
        color: @black;
      }
    }
    .mkdf-image-with-button-holder {
      .mkdf-btn {
        padding: 7px 30px;
        background-color: @soeradRed !important;
        border: 1px solid @soeradRed !important;
        color: @white !important;
        &:hover {
          background-color: transparent !important;
          color: @soeradRed !important;
          border-color: @soeradRed !important;
        }
      }
    }

  }
}


 .booking-area{
  @media(max-width: 1030px) {
    .wpb_column {
      &:nth-child(1) {
        width: 20%;
      }
      &:nth-child(2) {
        width: 60%;
      }
      &:nth-child(3) {
        width: 20%;
      }
      //.column-marcacoes {
      //  width: 60%;
      //}
    }
  }

  @media(max-width: 768px) {
    .wpb_column {
      &:nth-child(1) {
        width: 10%;
      }
      &:nth-child(2) {
        width: 80%;
      }
      &:nth-child(3) {
        width: 10%;
      }
    }
  }

  @media(max-width: 480px) {
    .wpb_column {
      &:nth-child(1) {
        width: 0%;
      }
      &:nth-child(2) {
        width: 100%;
      }
      &:nth-child(3) {
        width: 0%;
      }
    }
  }
}
//Trabalhe connosco

.trabalhe-blocks {
  .mkdf-boxes-item {
    .mkdf-btn {
      visibility: hidden;
    }
  }

}
.trabalhe-bottom {
  .vc_tta-panels {
    h4 {
      .font-size(12);
    }
  }
  .wpcf7-acceptance {
    .wpcf7-list-item {
      margin: 10px 0;
    }
  }
}

.wpcf7-form {
  span.btn-holder {
      .rounded-corners(26px);
      background-color: @greye1;
      height: 40px;
      width: 350px;
      display: block;
      position: relative;
      //overflow: hidden;
      margin: 10px 0;
      
      @media(max-width: 768px) and (min-width: 767px) {
        width: 100%;
      }
      @media(max-width: 480px) {
        width: 100%;
      }
  }
  span.cv {
    position: relative;
    display: block;
    margin: 0 0 5px;
    height: 45px;
    &:before {
      content:"Anexar Ficheiro";
      position:absolute;
      //left: 185px;
      right: 0;
      padding: 7px 18px;
      background:@soeradRed;
      color:@white;
      border: 1px solid @soeradRed;
      text-transform: uppercase;
      text-align:center;
      .rounded-corners(26px);
      cursor:pointer;
      font-size: 12px;
      line-height: 2em;
      letter-spacing: .1em;
      font-weight: 700;
      height: 24px;

      @media(max-width: 480px) {
        content: 'Anexar';
        //right: 0;
        //left: unset;
      }
    }

    input {
      opacity: 0;
      height: 45px;
      cursor: pointer;
      width: 100%;
    }

    .wpcf7-not-valid-tip {
      position: absolute;
      bottom: -20px;
    }

    
    
  }
  .file-name {
    left: 15px;
    top: 8px;
    color: @grey5b;
    font-size: 11px;
    position: absolute;
  }
  .recaptcha {
    font-size: 11px;
  }
}


.inscricao-vale {
  form {
    border-radius: 30px;
    padding: 50px;
    background-color: @soeradRed;
    .terms {
      span, a {
        color: @white;
      }
      a {
        text-decoration: underline;
      }
    }
    .recaptcha {
      color: @white;
      a {
        color: white;
        text-decoration: underline;
        &:hover {
          color: white;
        }
      }
    }

    .wpcf7-submit {
      background-color: @white !important;
      color: @soeradRed !important;
    }
    .wpcf7-response-output {
      color: @white;
    }
  }
}




.contact-page-contacts-column {
  .vc_column-inner {
    .wpb_wrapper {
      .wpb_text_column {
        .wpb_wrapper {
          p {
            a {
              //color: @grey91;
              &:hover {
                //color: @soeradRed;
              }
            }
          }
        }
      }
    }
  }
}

/*==== FOOTER ====*/
.mkdf-page-footer  {
  
  .footer-contact-phone, .footer-contact-email {
    display: flex;
    .image-phone {
      &:before {
        content: '\f3cd';
        //font-family: 'Font Awesome Pro';
        .fas;
        
        font-size: 20px;
        color: @white;
      }
    }
    .image-email {
      &:before {
        content: '\f0e0';
        .fas;
        font-size: 20px;
        color: @white;
      }
    }
    .phone-number, .email-text {
      padding-left: 13px;
      a {
        font-size: 14px;
        color: @white;
      }

    }
  }
  form {
    .wpcf7-acceptance {
      display: inline-block;
      margin-bottom: 20px;

      .wpcf7-list-item {
        margin: 0;

        .wpcf7-list-item-label {
          font-size: 12px;

          a {
            color: @greyb7;
            text-decoration: underline;
            &:hover {
              color: @soeradRed;
            }
          }
        }
      }
    }
    .recaptcha {
      //font-size: 12px;
      
      a {
        color: @greyb7;
        &:hover {
          text-decoration: underline;
        }
      }
    }
  }

  div[class*="footer-bottom"] {
    a {
      &:hover {
        color: @white;
      }
    }
  }
  .mkdf-footer-bottom-holder {

    .mkdf-footer-bottom-inner {
      //border-color: @grey7b !important;
      border-top: unset!important;
    }
    .mkdf-footer-bottom-column-1 {
      p, a {
        color: @greyb7;
        a{
          
          &:hover {
            //color: @soeradRed;
            color: @greyb7;
            text-decoration: underline;
          }
        }
      }
    }

  }
}

.topbutton {
  height:50px;
  width:50px;
  position:fixed;
  background-color: @soeradRed;
  right:15px;
  bottom:25px;
  Z-index:1;
  //background-image:url("http://example.com/wp-content/uploads/2015/01/topbutton.png");
  //background-repeat:no-repeat;
  display:none;
  border-radius: 25px;
  border: 1px solid @soeradRed;
  //display: flex;
  //justify-content: center;
  //align-items: center;
  //visibility: hidden;

  &:after {
    content: '\f077';
    .fal;
    font-size: 18px;
    color: @white;
    position: absolute;
    left: 17px;
    top: 10px;
  }
}