/*
Theme Name: Med-Child
Theme URI: 
Author: Medienreformer
Author URI: 
Description: The Medienreformer child-theme.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: med
Text Domain: med-child
Tags: 
*/

root: {
    scroll-padding-top: 80px !important;
}

#leistungen,
#partner,
#ueber-uns,
#referenzen,
#generalunternehmer,
#projekt-anfragen {
   scroll-margin-top: 100px;
   scroll-snap-margin-top: 100px;
}

@media (max-width: 500px) {
    root: {
        scroll-margin-top: 50px;
    }
}

html {
    scroll-behavior: smooth;
}

body {
   background-color: #F9FBFF;
}

@media (min-width: 992px) {
   .med-spacing-01 p:not(.med-tag-section) {
      padding-left: 8vw;
      padding-right: 8vw;
   }
}

@media (max-width: 767px) {
   h2.med-title {
      font-size: 1.8rem !important;
      line-height: 1.3;
   }
}

/* Button Clean */
.wp-block-button.is-style-button-clean .wp-block-button__link {
    display: flex;
    padding: 0;
}
.wp-block-button.is-style-button-clean .wp-block-button__link:after {
	content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 2px 2px 2px 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
}

/* Grid Card Leistungen */
.med-cards-leistungen > div {
   background-color: #fff;
   border: 1px solid rgba(72, 135, 193, 0.3);;
   box-shadow: 0px 10px 15px -8px rgba(0,0,0,0.1);
}

/* Swiper Slider */
.med-hero-video {
    background-image:url('assets/images/baustelle-bg-02.webp');
    min-height: 500px;
}

@media (min-width: 992px) { 
   .med-hero-video {
       min-height: 800px;
   }
}

.med-hero-video {
   padding-right: var(--wp--preset--spacing--medium);
   padding-left: var(--wp--preset--spacing--medium);
}
/*
.med-hero-video:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgba(7, 23, 52, 0.82) 0%, rgba(7, 23, 52, 0.62) 26%, rgba(7, 23, 52, 0.30) 54%, rgba(7, 23, 52, 0.10) 100%);
}
*/
.med-hero-video:before {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(90deg, rgba(70, 90, 255, 0.8) 0%, rgba(70, 90, 255, 0.2) 50%); */
    background: linear-gradient(90deg, rgba(7, 23, 52, 0.82) 0%, rgba(7, 23, 52, 0.62) 26%, rgba(7, 23, 52, 0.30) 54%, rgba(7, 23, 52, 0.10) 100%);
}

.swiper-slide {
    z-index: 3;
}

.wp-block-cb-carousel-v2[data-cb-pagination=true] .swiper-horizontal {
    margin-bottom: 0 !important; 
}

.med-hero-video h1,
.med-hero-video p {
    color: #fff;
}

.med-hero-video h1 strong {
    background: #4D90CE;
    /* background: linear-gradient(to top right, #4D90CE 40%, #3563BF 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Tagline */
.med-tagline-hero {
    display: inline-flex;
}

.med-tagline-hero,
.med-tagline-hero-small strong,
.med-tag-section strong,
.med-tag-card strong {
    align-items: center;
    border-radius: 999px;
    text-transform: uppercase;
}

.med-tagline-hero {
   min-height: 34px;
   padding: 4px 15px;
   margin-bottom: 15px;
   border: 1px solid rgba(255, 255, 255, 0.26);
   background: rgba(255, 255, 255, 0.14);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   color: #ffffff;
   font-size: 12px;
   letter-spacing: 0.05em;
   box-shadow: 0 8px 20px rgba(18, 32, 60, 0.10); 
}

.med-tagline-hero-small strong {
    min-height: 26px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

@media (min-width: 1199px) {
   .med-tagline-hero-small strong {
      padding: 5px 15px 4px 15px;
      border: 1px solid rgba(255, 255, 255, 0.26);
      background: rgba(255, 255, 255, 0.14);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      box-shadow: 0 6px 16px rgba(18, 32, 60, 0.04);
   }
}

.med-tag-section strong {
    min-height: 26px;
    padding: 5px 15px 4px 15px;
    border: 1px solid #4D90CE;
    background: #ffffff;
    color: #4D90CE;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    box-shadow: 0 6px 16px rgba(18, 32, 60, 0.04);
}

.med-tag-card strong {
    min-height: 26px;
    padding: 5px 15px 4px 15px;
    border: 1px solid #d7deeb;
    background: #ffffff;
    color: #7b8391;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    box-shadow: 0 6px 16px rgba(18, 32, 60, 0.04);
}

/* Gallery Slider Spectra */
.spectra-image-gallery__control-lightbox--main .swiper-slide img {
    border-radius: 12px;
}

.spectra-image-gallery__media {
    border-radius: 12px;
}

/* Med Cards Leistungen */
.med-cards-leistungen > div {
   transition: 0.5s;
}

.med-cards-leistungen > div:hover {
   transform: translateY(-15px) !important;
}

/* Everest Form */
.everest-forms button[type=submit], 
.everest-forms input[type=submit] {
    color: #fff !important;
    border-radius: 12px !important;
    border: 1px solid var(--wp--preset--color--primary) !important;
    background-color: var(--wp--preset--color--primary) !important;
}

.everest-forms label.evf-field-label, 
.wp-block-everest-forms-form-selector label.evf-field-label {
    font-weight: 800;
}

.everest-forms label, 
.wp-block-everest-forms-form-selector label {
    margin: 0 0 5px 0;
    color: #494d50;
    font-size: 15px;
}

.everest-forms label.everest-forms-image-choices-label {
   font-size: 15px;
   font-weight: 600;
   line-height: 1.3;
   padding: 0 15px;
}

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-checkbox ul li.everest-forms-image-choices-item .everest-forms-field-label-inline:hover {
   background-color:rgba(35,88,156, 0.05);
}

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field .everest-forms-image-choices .everest-forms-image-choices-item:has(input:checked) .everest-forms-field-label-inline {
    border-color: var(--wp--preset--color--primary);
}

.everest-forms .StripeElement, .everest-forms canvas.evf-signature-canvas, .everest-forms input[type=date], .everest-forms input[type=datetime-local], .everest-forms input[type=email], .everest-forms input[type=file], .everest-forms input[type=image], .everest-forms input[type=month], .everest-forms input[type=number], .everest-forms input[type=password], .everest-forms input[type=range], .everest-forms input[type=search], .everest-forms input[type=tel], .everest-forms input[type=text], .everest-forms input[type=time], .everest-forms input[type=url], .everest-forms input[type=week], .everest-forms select, .everest-forms textarea, .wp-block-everest-forms-form-selector .StripeElement, .wp-block-everest-forms-form-selector canvas.evf-signature-canvas, .wp-block-everest-forms-form-selector input[type=date], .wp-block-everest-forms-form-selector input[type=datetime-local], .wp-block-everest-forms-form-selector input[type=email], .wp-block-everest-forms-form-selector input[type=file], .wp-block-everest-forms-form-selector input[type=image], .wp-block-everest-forms-form-selector input[type=month], .wp-block-everest-forms-form-selector input[type=number], .wp-block-everest-forms-form-selector input[type=password], .wp-block-everest-forms-form-selector input[type=range], .wp-block-everest-forms-form-selector input[type=search], .wp-block-everest-forms-form-selector input[type=tel], .wp-block-everest-forms-form-selector input[type=text], .wp-block-everest-forms-form-selector input[type=time], .wp-block-everest-forms-form-selector input[type=url], .wp-block-everest-forms-form-selector input[type=week], .wp-block-everest-forms-form-selector select, .wp-block-everest-forms-form-selector textarea {
    color: #494d50;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 12px;
}

 ul.everest-forms-image-choices {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
}

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field .everest-forms-image-choices .everest-forms-field-label-inline, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field .everest-forms-image-choices .everest-forms-field-label-inline {
    flex-direction: column;
    gap: 8px;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 12px;
    padding: 10px 15px;
    background-color: #fff;
}

 ul.everest-forms-image-choices li {
    align-items: flex-start;
    justify-content: space-between;
}

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field .everest-forms-image-choices .everest-forms-image-choices-item, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field .everest-forms-image-choices .everest-forms-image-choices-item {
    margin-bottom: 10px !important;
}

/* Benefits */
.med-benefits > div {
   border: 1px solid #4887C1;
}

/* Trust */
@media (min-width: 600px) {
   .med-group-trust,
   .med-group-benefit {
      border-top: 1px solid rgba(72,135,193, 0.3);
      border-bottom: 1px solid rgba(72,135,193, 0.3);
   }
   
   .med-grid-trust > div,
   .med-group-benefit > div {
      border-left: 1px solid rgba(72,135,193, 0.3);
      padding: 10px 0 10px 0;
   }
   
   .med-grid-trust > div:last-child,
   .med-group-benefit > div:last-child {
      border-right: 1px solid rgba(72,135,193, 0.3);
   }
}

.med-grid-trust > div,
.med-group-benefit > div {
   padding: 10px 0 10px 0;
}

.med-group-trust .wp-block-media-text>.wp-block-media-text__media img {
    max-width: 30px !important;
    width: 30px !important;
} 

.med-group-benefit .wp-block-media-text>.wp-block-media-text__media img {
    max-width: 60px !important;
    width: 60px !important;
}

.med-group-trust .wp-block-media-text>.wp-block-media-text__media,
.med-group-benefit .wp-block-media-text>.wp-block-media-text__media {
    margin: auto;
    text-align: center;
    width: inherit;
}

@media (max-width: 976px) {
   .med-grid-general > div,
   .med-cards-leistungen > div {
      padding: 20px !important;
   }
}

@media (max-width: 599px) {
   .med-grid-trust > div{
      border-bottom: 1px solid rgba(72,135,193, 0.3);
      padding: 10px 15px 0 0 !important;
   }
   
   .med-group-benefit .med-grid-trust > div {
      border-bottom: 1px solid rgba(72,135,193, 0.3);
      padding: 10px 15px !important;
   }
   
   .med-group-trust .wp-block-media-text__content,
   .med-group-benefit .wp-block-media-text__content {
       grid-column: 1;
       grid-row: 1;
       margin: auto;
       text-align: center;
   } 
   
   .med-group-trust .wp-block-media-text__media img,
   .med-group-benefit .wp-block-media-text__media img {
       vertical-align: middle;
       width: 40%;
   } 
}

/* Med Slider Partner */
.med-slider-partner .swiper-slide > .wp-block-group {
   box-shadow: 0px 50px 30px -50px rgba(0,0,0,0.13);
   background:linear-gradient(135deg,rgb(237,243,248) 0%,rgb(254,254,254) 100%);
}

.med-slider-partner .swiper-slide > .wp-block-group strong {
   font-weight: 800;
   color: var(--wp--preset--color--primary-alt-accent);
}

/* Med Datenschutz */
.med-datenschutz h2 {
   font-size: 1.6rem;
}

.med-datenschutz h3 {
   font-size: 1.25rem;
}