/*
 Theme Name:     Mutterschiff Media 
 Theme URI:      https://sunnysundays.de
 Description:    Mutterschiff Theme
 Author:         Sunny Sundays
 Author URI:     https://sunnysundays.de
 Template:       Divi
 Version:        5.0.1
*/

/* ================================
			Typography
================================ */

/* Regular 400 */
@font-face {
    font-family: 'Calibre';
    src: url('/wp-content/fonts/Calibre-Regular.woff2') format('woff2'),
         url('/wp-content/fonts/Calibre-Regular.woff') format('woff'),
         url('/wp-content/fonts/Calibre-Regular.ttf') format('truetype'),
         url('/wp-content/fonts/Calibre-Regular.svg#Calibre-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

/* Regular Italic 400 */
@font-face {
    font-family: 'Calibre';
    src: url('/wp-content/fonts/Calibre-RegularItalic.woff2') format('woff2'),
         url('/wp-content/fonts/Calibre-RegularItalic.woff') format('woff'),
         url('/wp-content/fonts/Calibre-RegularItalic.ttf') format('truetype'),
         url('/wp-content/fonts/Calibre-RegularItalic.svg#Calibre-RegularItalic') format('svg');
    font-weight: 400;
    font-style: italic;
	font-display: swap;
}

/* Bold 700 */
@font-face {
    font-family: 'Calibre';
    src: url('/wp-content/fonts/Calibre-Bold.woff2') format('woff2'),
         url('/wp-content/fonts/Calibre-Bold.woff') format('woff'),
         url('/wp-content/fonts/Calibre-Bold.ttf') format('truetype'),
         url('/wp-content/fonts/Calibre-Bold.svg#Calibre-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

/* Bold Italic 700 */
@font-face {
    font-family: 'Calibre';
    src: url('/wp-content/fonts/Calibre-BoldItalic.woff2') format('woff2'),
         url('/wp-content/fonts/Calibre-BoldItalic.woff') format('woff'),
         url('/wp-content/fonts/Calibre-BoldItalic.ttf') format('truetype'),
         url('/wp-content/fonts/Calibre-BoldItalic.svg#Calibre-BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
	font-display: swap;
}

/* Black 900 */
@font-face {
    font-family: 'Calibre';
    src: url('/wp-content/fonts/Calibre-Black.woff2') format('woff2'),
         url('/wp-content/fonts/Calibre-Black.woff') format('woff'),
         url('/wp-content/fonts/Calibre-Black.ttf') format('truetype'),
         url('/wp-content/fonts/Calibre-Black.svg#Calibre-Black') format('svg');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

/* Black Italic 900 */
@font-face {
    font-family: 'Calibre';
    src: url('/wp-content/fonts/Calibre-BlackItalic.woff2') format('woff2'),
         url('/wp-content/fonts/Calibre-BlackItalic.woff') format('woff'),
         url('/wp-content/fonts/Calibre-BlackItalic.ttf') format('truetype'),
         url('/wp-content/fonts/Calibre-BlackItalic.svg#Calibre-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
	font-display: swap;
}



/* ================================
   ROOT VARIABLES
   ================================ */

:root {

  /* ===== Font Sizes (Fluid) ===== */
  --fs-h1: clamp(2.4rem, 1.6rem + 2.6vw, 4.6rem);
  --fs-h2: clamp(2rem, 1.4rem + 2.1vw, 3.6rem);
  --fs-h3: clamp(1.7rem, 1.25rem + 1.5vw, 2.6rem);
  --fs-h4: clamp(1.4rem, 1.15rem + 0.9vw, 1.95rem);
  --fs-h5: clamp(1.2rem, 1.05rem + 0.55vw, 1.45rem);
  --fs-h6: clamp(1rem, 0.95rem + 0.35vw, 1.15rem);

 --fs-body: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);

  /* ===== Line Heights ===== */
  --lh-h1: 1.05;
  --lh-h2: 1.08;
  --lh-h3: 1.12;
  --lh-h4: 1.1;
  --lh-h5: 1.2;
  --lh-h6: 1.1;
  --lh-body: 1.3;

  /* ===== Letter Spacing ===== */
  --ls-head-tight: -0.02em;
  --ls-head-normal: -0.01em;
  --ls-body: 0;

}


/* ================================
   BASE BODY
   ================================ */

body, p {
  font-family: 'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-weight: 400;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  margin: 0;
}

p {
  margin: 0 0 1.2em;
	padding-bottom:0;
}


/* ================================
   HEADINGS
   ================================ */

h1 {
  font-family: 'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  letter-spacing: var(--ls-head-tight);
	font-weight: 900;
	text-transform: uppercase!important;
}

h2 {
	font-family: 'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-head-tight);
	font-weight: 900;
	text-transform: uppercase!important;
	position:relative;
}

/* H2 underline */

h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:clamp(70px,7vw,100px);
  height:clamp(3px,0.35vw,5px);
  background:#000;
}

.head-white h2{
	color: white!important;
}

.head-white h2::after{
	background:white!important;
}

h3 {
  font-family: 'Calibre','Helvetica Neue',Arial,sans-serif!important;
	font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-head-normal);
	font-weight: 900;
	text-transform: uppercase!important;
}

h4 {
  font-family: 'Calibre','Helvetica Neue',Arial,sans-serif!important;
	font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  letter-spacing: var(--ls-head-normal);
	font-weight: 900;
	text-transform: uppercase!important;
}

h5 {
  font-family: 'Calibre','Helvetica Neue',Arial,sans-serif!important;
	font-size: var(--fs-h5);
  line-height: var(--lh-h5);
	font-weight: 900;
	text-transform: uppercase!important;
}

h6 {
  font-family: 'Calibre','Helvetica Neue',Arial,sans-serif!important;
	font-size: var(--fs-h6);
  line-height: var(--lh-h6);
  letter-spacing: 0;
	font-weight: 900;
	text-transform: uppercase!important;
}


/* ================================
   TEXT MODIFIERS
   ================================ */

/* Bold (Calibre 700) */
strong {
  font-weight: 700;
}

/* Regular Italic (Calibre 400 Italic) */
em,
i {
  font-weight: 400;
  font-style: italic;
}


/* ================================
   SAFETY OVERRIDES
   ================================ */

body,
.et_pb_text,
.et_pb_blurb_description,
.et_pb_button,
.et_pb_module {
  font-family: 'Calibre','Helvetica Neue',Arial,sans-serif!important;
}

.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6 {
  font-weight: 900 !important;
}

/* ================================
	GLOBAL LIST STYLE
================================ */

.entry-content ul,
.entry-content ol,
.et_pb_text_inner ul,
.et_pb_text_inner ol{
  /*margin: 0 1.1em!important;*/
  padding-left:1.2em;
}

.entry-content li,
.et_pb_text_inner li{
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  margin:0 0 0.35em;
}

.entry-content li:last-child,
.et_pb_text_inner li:last-child{
  margin-bottom:0;
}


/* UNORDERED LIST */

.entry-content ul li::marker,
.et_pb_text_inner ul li::marker{
  content:"● ";
  font-size:1.05em;
}


.entry-content ol,
.et_pb_text_inner ol{
  list-style:none;
  padding-left:0;
  counter-reset:custom-counter;
}

.entry-content ol > li,
.et_pb_text_inner ol > li{
  position:relative;
  padding-left:1.2em;
}

.entry-content ol > li::before,
.et_pb_text_inner ol > li::before{
  content:counter(custom-counter) ".";
  counter-increment:custom-counter;
  position:absolute;
  left:0;
  top:0;
  width:1.2em;
  font-size:1.2em;
  font-weight:900;
  line-height:1.1;
}

/*hr*/

hr{
	border-top: 1px solid white!important;
	margin:1em 0 2em!important;
}

/* ================================
   BUTTON
   ================================ */

.et_pb_button, .preset--module--divi-button--default{
  font-family:'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.03em;

  font-size:clamp(.95rem,.85rem + .3vw,1.1rem)!important;
  line-height:1;

  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* TABLET */

@media (max-width:980px){

  .et_pb_button{
    font-size:1rem!important;
    padding:.75em 1.5em .65em 1.5em;
  }
}

/* MOBILE */

@media (max-width:480px){

  .et_pb_button{
    font-size:.95rem!important;
    padding:.7em 1.4em .6em 1.4em;
  }
}

/* ================================
   MENU
   ================================ */

#main-header{box-shadow:none!important;}
.et_pb_svg_logo #logo{margin-top:2%!important;}

:root{--c-text:#000;--c-accent:#FF5768;}


/* REMOVE DIVI DEFAULT ICON */
#top-menu li.menu-item-has-children>a:after{display:none!important;}

/* MENU TRIGGER */
#top-menu>li.menu-item-132{position:relative;}

#top-menu>li.menu-item-132>a{
  font-family:'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.04em;
  color:var(--c-text)!important;

  width:180px;
  display:flex;
  /*align-items:center;*/
  gap:10px;

  padding-bottom:10px!important;
  border-bottom:1px solid #000;
  line-height:1!important;
}

/* ICON LEFT */
#top-menu>li.menu-item-132>a::before{
  content:"";
  width:22px;
  height:18px;
  flex:0 0 auto;
	bottom:0;	

  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M12 2c.7 0 1.3.3 1.8.9l8.2 11.1c.8 1-.1 2.4-1.6 2.4H3.6c-1.5 0-2.4-1.4-1.6-2.4L10.2 2.9c.5-.6 1.1-.9 1.8-.9z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;

  transition:transform .15s ease;
}

/* ICON OPEN STATE */
#top-menu>li.menu-item-132:hover>a::before{
  transform:rotate(180deg);
}

/* DROPDOWN PANEL */
#main-header,#et-top-navigation,#et-top-navigation nav{overflow:visible!important;}

#top-menu>li.menu-item-132>ul.sub-menu{
  left:0!important;
  top:100%!important;

  width:180px!important;
  margin:0!important;
  padding:18px 16px!important;

  background:#fff!important;
  border:0!important;
  box-shadow:none!important;

  box-sizing:border-box!important;
  z-index:9999!important;

  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .12s ease,transform .12s ease;
}

#top-menu>li.menu-item-132:hover>ul.sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

/* SUBMENU LINKS */
#top-menu>li.menu-item-132>ul.sub-menu a{
  font-family:'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-weight:400!important;
  color:var(--c-text)!important;

  font-size:clamp(1rem,.95rem + .25vw,1.2rem)!important;
  line-height:1.25!important;

  padding:.35em 0!important;
  display:block;
  background:none!important;
}

#top-menu>li.menu-item-132>ul.sub-menu a:hover{
  color:var(--c-accent)!important;
}


/* ================================
   MENU Tablet / Mobile
   ================================ */

/*adjust logo size*/

@media (max-width: 980px) {
    .et_header_style_left #logo {
        max-width: 40%;
    }
}

@media (max-width:980px){

  #et_mobile_nav_menu{
    display:none!important;
  }

  #top-menu-nav{
    display:block!important;
  }

  #top-menu{
    display:flex!important;
  }


  #main-header .container{
    padding-left:14px!important;
    padding-right:14px!important;
    width:100%!important;
  }


  #top-menu>li.menu-item-132>a{
    width:150px;
  }

  #top-menu>li.menu-item-132>ul.sub-menu{
    width:150px!important;
  }


  #top-menu>li.menu-item-132>ul.sub-menu a{
    font-size:1.03rem!important;
    line-height:1.2!important;
    padding:.3em 0!important;
  }

}

/* MOBILE */
@media (max-width:480px){

  #top-menu>li.menu-item-132>a{
    width:130px;
  }

  #top-menu>li.menu-item-132>ul.sub-menu{
    width:130px!important;
  }

  #top-menu>li.menu-item-132>ul.sub-menu a{
    font-size:1rem!important;
  }

}

/* ================================
	back to top
================================ */

body .et_pb_scroll_top:before {
	content: "\21" !important;
	color: #FF5768;
	position: relative;
  font-size: clamp(2.4rem, 1.6rem + 2.6vw, 4.6rem);
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: white;
}
.et_pb_scroll_top.et-pb-icon{background:transparent;}


/* ================================
   TICKER
   ================================ */

.ticker-section{
  overflow:hidden;
}

.ticker-section .et_pb_row{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

.ticker{
  width:120vw;
  margin-left:-10vw;
  overflow:hidden;
  transform:rotate(0deg);
  transform-origin:center;
}

.ticker__row{
  overflow:hidden;
  white-space:nowrap;
  line-height:1;
}

.ticker__track{
  display:flex;
  width:max-content;
  will-change:transform;
}

.ticker__group{
  display:inline-flex;
  align-items:center;
  gap:1.5rem;
  min-width:max-content;
  padding-right:1.5rem;
}

.ticker__item{
  display:inline-block;
  white-space:nowrap;
  font-family:'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:0.01em;
  font-size:clamp(1.75rem,1.55rem + 0.45vw,2.1875rem);
  line-height:1;
  color:#fff;
}

/* TOP ROW */
.ticker__row--ltr .ticker__track{
  animation:ticker-left-to-right 70s linear infinite;
}

/* BOTTOM ROW */
.ticker__row--rtl .ticker__track{
  animation:ticker-right-to-left 70s linear infinite;
}

/* KEYFRAMES */
@keyframes ticker-left-to-right{
  0%{transform:translate3d(-50%,0,0);}
  100%{transform:translate3d(0,0,0);}
}

@keyframes ticker-right-to-left{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(-50%,0,0);}
}

@media (prefers-reduced-motion: reduce){
  .ticker__track{
    animation:none;
  }
}

/* ================================
	NUMBER COUNTER 
================================ */

.et_pb_number_counter .percent-value, .stat-value p{
  font-family:'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-weight:900!important;
  font-size:clamp(2.8rem,2.3rem + 1.4vw,3.75rem)!important; /* max ~60px */
  line-height:1!important;
  letter-spacing:-0.02em;
}

.et_pb_number_counter .title, .stat-label p{
  font-family:'Calibre','Helvetica Neue',Arial,sans-serif!important;
  font-weight:700!important;
  font-size:clamp(1.4rem,1.2rem + 0.6vw,2.1875rem)!important; /* max ~35px */
  line-height:1.1!important;
  letter-spacing:-0.01em;
  text-transform:uppercase;
}

.stat-value p, .stat-label p{
	margin:0;}

/* ================================
	Team
================================ */

.team-member .et_pb_team_member_description {
	position: absolute;
  padding:2em 2em 0 2em!important;bottom:0
    }
.team-member .et_pb_team_member_image:before{content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);}
.team-member .et_pb_member_position{
  position: relative;
  display: inline-block;
  padding-bottom: 1rem;
  margin-bottom: 1rem !important;
}

.team-member .et_pb_member_position::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 2px;
  background: #fff;
  }

.et_pb_team_member.team-member .et_pb_member_position{
  font-size: var(--fs-body) !important;
  line-height: 1.45 !important;
}

.team-member p{
   font-size: clamp(0.875rem, 0.85rem + 0.15vw, 1rem) !important;
  line-height: 1.3 !important;
}


/* ================================
		MOBILE ORDER
================================ */

/*keep columns on mobile*/

@media only screen and (min-width: 768px) and (max-width: 980px) {
 
.two-columns .et_pb_column {
width: 50%!important;
	}

.three-columns .et_pb_column {
width: 33.33%!important;
}
}


/*column stacking order mobile*/

@media all and (max-width: 980px) {

.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
	
.fifth-on-mobile {
-webkit-order: 5;
order: 5;
}
	
.sixth-on-mobile {
-webkit-order: 6;
order: 6;
}

.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}}