/*
Theme Name:     MKI Child Theme
Template:       neurology
Author: MKI
Author URL: https://muhkas.com
Version:        1.0.0
*/


/*   Homepage */
/* DrAkil Details page  */
/* slider */
/* Footer*/
/* Testemential */
/* Elementor CMS - MKI  Widget Service  */
/* change name of Elementor Widget  */
/* Dr Akil page also Team page */
/* About us wedget Main Slider 3 */
/* Blogs page wedget About-Coach 2 */
/* Slider home page make bild 100% height und Wi  Main Slider 4  */
/* in Seite kontakt uns team Carousel wedget Doctors Carousel */
@import 'style-ar.css';
@import 'style-en.css';

:root {
   /* --theme-primary-color: #1E73BE;
   --theme-secondary-color: #ff9600;
   --theme-third-color: #cccc; */
   --theme-primary-color: #004e7c;
   --theme-secondary-color: #11b8ca;
   --theme-third-color: #cccc;
}

/*   General */
@media screen and (max-width: 768px) {

   h1,
   h2,
   h3,
   h4,
   h5 {
      hyphens: auto;
   }

   h2 {
      font-size: calc(2.87rem * 0.8) !important;
   }

   h3 {
      font-size: calc(2.25rem * 0.8) !important;
   }

   h1 {
      font-size: calc(2rem * 0.8) !important;
   }
}


/*   Homepage */

.mki-about-us-box {
   .feat-img::before {
      background: #fff !important;
   }

   span,
   h2,
   h3,
   h4,
   p {
      text-align: left;
   }
}

.elementor-widget-info_boxes2 {
   .special-box {
      height: 100%;
      background: var(--theme-primary-color);

      >i {
         font-size: 3rem;
      }
   }
}

.mki-boxs-services-home {
   .serv-box3 {
      border-color: white !important;
   }
}


.mki-about-us-box {
   .feat-img::before {
      background: #fff !important;
   }

   span,
   h2,
   h3,
   h4,
   p {
      text-align: left;
   }
}

.mki-boxs-features-home {

   .special-box {
      height: 100%;
      background: var(--theme-primary-color);

      &:hover {
         background-color: var(--theme-secondary-color);
      }

      a {
         background: transparent;
         color: #004E7C;
         width: 100%;
         position: absolute !important;
         height: 100%;
         left: 0;
         top: 0;

         &::before,
         &::after {
            background-color: transparent !important;
         }

         &:hover {
            color: #004E7C !important;

            &::before,
            &::after {
               background-color: transparent !important;
            }
         }
      }


   }
}

.mki-about-gallery {
   .about-play-btn {
      display: none;
   }
}

.mki-boxs-services-home {
   .serv-box3 {
      border-color: white !important;
   }
}

/*   btn color */

.thm-bg .thm-btn {
   padding: 1rem;
}



/*  slider */
/* .mki-slider-homepage {

   .sn-main-slider {
      .inner-column {
         padding-top: 0;
      }
   }
   .feat-cap2 {
      span:first-of-type {
         Color: var(--theme-secondary-color)
      }

      span:last-of-type {
         color: #fff;
      }
   }
} */

/* Team Seite graue Balken ausblenden  */

.team-template-default {
   .rspn-hdr+section:first-of-type {
      display: none;
   }
}

/* DrAkil Details page  */

.team-detail-wrap {

   .team-detail-wrap>ul li:before {
      content: "\f061";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      top: 0;
      line-height: inherit;
   }

   .team-detail-meta-list li:first-child {
      display: none !important;
   }

   .team-detail-meta-list li {
      flex-basis: 50% !important;
      max-width: 50%;
   }

   .team-detail-meta-list+span {
      display: none !important;
   }

   .team-detail-meta {
      padding-top: 0;
      padding: 1rem;
   }
}


.team-detail-info {
   background: var(--theme-primary-color);

   span {
      color: #fff;
   }
}

/* Veraltet weg  */
.mki-item-container-details {

   h3,
   h4,
   h5 {
      margin: 2rem 0 1rem 0;
      color: var(--theme-primary-color);
   }

   strong {
      font-weight: 600;
   }

   line-height:1.9;

   h4~strong {
      color: #4b4c4d;
      font-weight: 700;
   }

   ul li {
      position: relative;
      padding-left: 1.875rem;
      font-size: 1rem;
      list-style: none;
   }

   ul li::before {
      content: "\f061";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      top: 0;
      line-height: inherit;

   }
}

/* Footer*/

.contact-info-list {
   li {
      white-space: pre-wrap;

      span {
         max-width: 5rem !important;
      }
   }
}



/* Elementor CMS - Widget Service  */
.mki-service-widget-container {
   display: flex;
   flex-direction: column;
   justify-content: start;
   transition: 0.5s all;
   height: 100%;

   &:hover {
      .content-wrapper {
         background-color: var(--theme-secondary-color);
      }

      img {
         filter: grayscale(1);
      }

   }

   .service-image {
      flex: 1 1 50%;
      aspect-ratio: 3 / 2;
      overflow: hidden;

      img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: top;
         transition: 0.5s all;

      }
   }

   .content-wrapper {
      flex: 1 1 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      aspect-ratio: 3 / 2;
      padding: 1.3rem;
      overflow: hidden;



      h2,
      h3,
      h4 {
         margin-bottom: 1rem;
         font-weight: bolder;
         ;
      }
   }
}


/* Testemential */

.client-reviews-wrap .client-img {
   width: 100px;
}


/* change name of Elementor Widget  */
#elementor-panel-category-nauthemes {
   .elementor-panel-category-title {
      .elementor-panel-heading-toggle {
         position: relative;

         &::after {
            position: absolute;
            top: 0;
            left: 15px;
            content: 'MKI Widgets';
            width: 220px;
            font-weight: bolder;
            text-align: left;
         }
      }

      .elementor-panel-heading-title {
         display: none !important;
      }
   }
}




/* Dr Akil page also Team page */

.team-detail-wrap {
   h4~strong {
      color: #4b4c4d;
      font-weight: 700;
   }

   ul {
      >li {
         position: relative;
         padding-left: 1.875rem;
         font-size: 1rem;
         list-style: none;

         strong {
            font-weight: 650;
         }

         &::before {
            content: "\f061";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 0;
            line-height: inherit;
         }
      }
   }
}

/* About us wedget Main Slider 3 */
.mki-about-us-wedget {
   .feat-cap-wrap {
      padding: 0;

      .feat-cap {
         max-width: 100%;

      }
   }
}

/* Blogs page wedget About-Coach 2 */
.mki-text-image {
   .about-info {
      display: none;
   }

   .sn-list-style {
      display: none
   }
}

/* .sn-main-slider {
   .inner-column {
      padding-top: 0;
   }
} */

/* Slider home page make bild 100% height und Wi  Main Slider 4  */
.mki-slider-img-aspect-ratio {
   .content-column .inner-column {
      padding-top: 0 !important;
   }

   .image-column {
      height: auto;

      &::before {
         content: unset;
         display: block;
         padding-top: 100%;
      }

      .circle-layer {
         display: none;
      }

      .inner-column {
         height: 100%;
      }

      .image {
         border-radius: 0rem;
         width: 100%;
         height: 100%;
         aspect-ratio: 1/1;
         display: flex;
         justify-content: center;
         align-items: center;

         img {
            border-radius: 0.5rem;

            /* width: unset !important; */
            height: unset !important;
         }
      }
   }
}

/* in Seite kontakt uns team Carousel wedget Doctors Carousel */
.mki-teams-carousel {
   .owl-stage {
      margin: 0 auto;
   }
}

/* mein eigene seervices Kacheln  */
.mki-services-widget-container {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.5rem;


   @media screen and (max-width:992px) {
      grid-template-columns: 1fr;
   }

   .mki-service-box {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: start;
      transition: 0.7s all;
      height: 100%;
      max-height: 44rem;
      min-width: 0;

      @media screen and (max-width:992px) {
         margin-bottom: 0.5rem;
      }

      &:hover {
         .content-wrapper {
            transition: 0.7s all;
            background-color: var(--mki-hover-bg-color);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
         }

         .service-icon {
            /* background-color: var(--mki-hover-bg-color) !important; */
         }

         svg {
            transform: scale(1.2);
            transition: 0.4s all;
         }

         img {
            filter: grayscale(1);
         }
      }

      &.reverse {
         flex-direction: column-reverse;
      }

      .service-image,
      .service-icon {
         flex: 0 0 auto;
         height: 50%;
         aspect-ratio: 3 / 2;

         img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
            transition: 0.5s all;
         }
      }

      .service-icon {
         display: flex;
         justify-content: center;
         align-items: center;

         svg {
            height: var(--mki-icon-size, 3rem);

         }
      }

      .content-wrapper {
         flex: 0 0 auto;
         padding: 1.5rem;
         height: 50%;
         padding-bottom: 3rem;

         h2,
         h3,
         h4 {
            margin-bottom: 1rem;
         }

         .service-desc {
            display: -webkit-box;
            -webkit-line-clamp: 10;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.6;
            max-height: calc(1.6em * 10);
            padding-bottom: 1rem;
         }

      }
   }
}





/* Widget Contact Info Allow onyl one Icon
.mki-contact-info-only-one-icon {
   .sec-title3.text-center {
      display: none;
   }

   .row.mrg30 {
      width: 100%;
      justify-content: center;

      >div {
         width: 100%;
      }
   }
} */

/* Widget Contact Info padding top löschen*/


.elementor-widget-mki_headline_widget+.elementor-widget-contact_info {
   .contact-info.pt-100 {
      padding-top: 0 !important;
   }
}

/* Appointment Hours + Form  padding top löschen*/
.elementor-widget-mki_headline_widget+.elementor-widget-appointment_form_time {
   .set-it-center.w-100.pt-100 {
      padding-top: 0 !important;
   }
}


.mki-contact-info-only-two-icon {
   .row.mrg30 {
      justify-content: center;
   }
}

/* 	Widget: Appointment Hours + Form , zeige nur den Offnungzeiten */
.mki-only-appointment-hours {
   .get-time-request-wrap {
      .row .col-lg-6:first-of-type {
         display: none;
      }

      .row .col-lg-6:last-of-type {
         width: 100%;

         .sec-title {
            text-align: center;

            .sec-title-inner {
               >* {
                  width: 100%;
                  max-width: 100%;
               }
            }
         }
      }

      .get-time-inner .get-time-box {
         margin-right: auto;
         margin-left: auto;
         max-width: 90%;

      }
   }
}


/* Home page slider Team slider Doctors Carousel  */
.mki-team-list {

   button.owl-prev,
   button.owl-next {
      background: none !important;

      i {
         background-color: rgb(17, 184, 202);
         width: 60px;
         height: 60px;
         font-size: 25px;
         color: #fff;
         line-height: 2.3;
         text-transform: none !important;
         letter-spacing: 0;
         font-variant: initial;
         border-radius: 3px;

         &::before,
         &::after {
            text-transform: none !important;
            letter-spacing: 0;
            font-variant: initial;
            font-family: swiper-icons;
         }
      }
   }


   button.owl-prev i::before {
      content: 'prev';
   }

   button.owl-next i::before {
      content: "next";
   }

   span {
      color: #222;
      pointer-events: none;
   }

   a {
      color: #333;
      pointer-events: none;
   }

   .team-img {}

   .team-box:hover {

      a,
      span {
         color: #333 !important;
      }
   }

   .team-info {
      background-color: #F3F7FE;
      width: 100% !important;
      border-radius: 0.4rem;
      min-width: 100%;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin-top: -1rem;
      height: 10rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      &::before {
         all: unset;
      }
   }
}

/* accoudrion stylen  */
.e-n-accordion-item-title {
   padding: 1.3rem !important;

   .e-n-accordion-item-title-icon {
      padding: .5rem;

      svg {
         color: #004e7c;
         fill: var(--theme-primary-color) !important;
      }
   }

   .e-n-accordion-item-title-header {
      font-family: Nunito;
      font-weight: 800;
      font-style: normal;
      color: #222;
      font-size: 1.7rem;
   }
}

.elementor-widget-n-accordion {
   details {
      img {
         border-radius: 1rem 0 1rem 1rem;

      }
   }

}


/* Footer   */
.flaticon-idea {
   display: none;
}

/* Delete Footer  Icons */
.widget-title2 {
   margin-left: 0;
   padding-left: 0;
}


/* Kontakt Form großer machen */
.contact-form {
   .wpcf7.js {
      max-width: 90%
   }
}

/* Blog Widget hidde Icons .avatar his infos */

.news-wrap2 {
   .news-box2 {
      .avatar {
         display: none;
      }

      .news-info2 ul {
         display: none !important;
      }
   }
}



.elementor-image-gallery .gallery-item {
   a {
      img {
         border-color: #004E7C !important;
      }
   }
}

.elementor-widget-main_slider_2 {
   .feat-img::before {
      background-color: #fff !important;
   }
}


/* Main Slider 2  */

.elementor-widget-main_slider_2 {

   .feat-cap2-wrap {
      a {
         margin-top: 1rem;
      }

      p {
         max-width: 100% !important;
         color: #000;
      }

      h2 {
         color: #000 !important;
      }

   }

   .feat-cap2 {
      max-width: 100% !important;
   }
}


@media screen and (max-width: 992px) {
   .elementor-widget-main_slider_2 .feat-cap2-wrap p {
      max-width: 90% !important;

   }

   .elementor-widget-main_slider_2 .feat-cap2-wrap {
      top: 50%;
   }
}

/* Aktuelles  */

.mki-hompage-current .mki-headline-widget-container {
   margin-top: 0 !important;
   padding-top: 0 !important;
}



/*  hidden pfeil beim listung in cv page  */

.team-detail-wrap .elementor-icon-list-icon {
   visibility: hidden !important;
}


.mki-headline-widget-container>span:before {
   content: "";
   width: 3.125rem;
   height: 6px;
   position: absolute;
   left: 0;
   background-size: cover;
   background-position: center;
   background-image: url(assets/images/line-mini-shape2.png);
   bottom: 0;
}

.mki-headline-widget-container>span:after {
   height: 10px;
   width: 10px;
   border-radius: 50%;
   left: 3.75rem;
   top: 8.5px;
}

.mki-headline-widget-container>span {
   position: relative;
}

/* Logo Sticky Mode */
.sticky-menu-inner .logo {
   width: 6rem;
}


.mki-reviews-container {
   .ti-reviews-container {
      display: flex;
      flex-direction: column-reverse;
      gap: 2rem !important;

   }

   .ti-widget.ti-goog .ti-widget-container .ti-reviews-container {

      display: flex !important;
      flex-direction: column-reverse !important;
      gap: 2rem !important;

      .ti-controls {
         all: unset !important;
         position: relative;
         display: flex !important;
         flex-direction: row-reverse !important;
         gap: 0.4rem !important;
         justify-content: start !important;

         .ti-next,
         .ti-prev {
            background-color: rgb(17, 184, 202) !important;
            width: 60px !important;
            height: 60px !important;
            font-size: 25px !important;
            color: #fff !important;
            line-height: 2.3 !important;
            text-transform: none !important;
            letter-spacing: 0 !important;
            font-variant: initial;
            border-radius: 3px !important;
            display: block !important;
            position: relative;
            border: none !important;

            &::before,
            &::after {
               text-transform: none !important;
               letter-spacing: 0;
               font-variant: initial;
               border-color: white;
               width: 13px;
               height: 13px;
            }

            &:hover {
               cursor: pointer;
               background-color: rgb(17, 184, 202) !important;
               outline-color: rgb(17, 184, 202) !important;
               box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);
               color: white;
            }
         }
      }
   }
}

/* Logo padding */

.logo-contact-inner .logo .img-fluid {
   height: 8rem;
   width: 8rem;
}

.sticky-menu .sticky-menu-inner .logo img {
   margin: 0.5rem;
}


/* Blog header dier Blog mit dem title verschweniden  */
.single-post {
   .w-100.pt-110.pb-110.position-relative {
      padding-top: 5rem;
   }

   .w-100.pt-80.black-layer.opc7.pb-80.position-relative {
      display: none;
   }

   div[data-elementor-type="wp-post"] {
      ul {
         list-style: unset !important;
         padding-left: 1rem;
      }
   }
}