/* Theme Name: Divi Coaching Child Theme Theme URI: Author: Paul Knowler for DiviCoaching Author URI: divicoaching.com Description: A child theme template for Divi from DiviCoaching. Please note we provide no warranty. Version: 1.6.6 Template: Divi */ /* Custom CSS below this line only - DO NOT EDIT ABOVE THIS LINE APART FROM UPDATING THE VERSION NUMBER */ /* Please make sure you update the 'Version' line above each time you update this file */ /** * Silbentrennung auf deiner Website * https://wp-bibel.de/tutorial/silbentrennung-auf-deiner-website/ h1 { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } */ /* Watermark remover Accelerator */ a[href*="s-sols.com"] { height: 0; overflow: hidden; font-size: 0; visibility: hidden; } /*----------Scroll bar ------------::-webkit-scrollbar {width: 20px;} ::-webkit-scrollbar-track {background-color:#272520;border-radius: 2px;} ::-webkit-scrollbar-thumb {background-color: #517258;border-radius: 2px;} */ /* -------------- Breite: 90% , keine Ränder auf Mobile, Tabloid, Desktop ------------- */ #top-header > .container, #main-header > .container, #et_search_outer > .container, #main-content > .container, #main-footer > .container, #et-footer-nav > .container, #footer-bottom > .container, div.et_pb_row, div.et_pb_row.et_pb_row_fullwidth { width: 90% !important; } /*** Responsive Styles Tablet Only ***/ @media all and (min-width: 768px) and (max-width: 1080px) { .et_pb_row_0 { width:100%!important; } } /* === MENU === */ /* FLUID HEADER */ /* Enable full menu on tablet */ @media all and (min-width: 768px) { #fluid-header .et_pb_menu__menu { display: block; } #fluid-header .et_mobile_nav_menu { display: none; } } /* Use 'clamp function to size logo #fluid-header img { max-width: clamp(150px, 20vw, 350px); } */ /* Use 'clamp function to size menu links */ #fluid-header a { font-size: clamp(17.6px, 1.5vw, 22px); text-align: center; } /* Use 'clamp function to size dropdown link */ #fluid-header li li a { font-size: clamp(12px, 1.5vw, 18px); } /* Use 'clamp function to size menu LH padding */ #fluid-header .et_pb_menu .et-menu li { padding-left: clamp(2px, 1vw, 20px); } #fluid-header .et_pb_menu .et-menu li { padding-left: 15px; padding-right:15px; } /*change Divi hamburger menu to X*/ .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } /*rotate the Divi Menu icon on click*/ .mobile_menu_bar:before { transition: all .4s ease; transform: rotate(0deg); display: block; } /*rotate the Divi Menu icon on click*/ .mobile_nav.opened .mobile_menu_bar::before { transition: all .4s ease; transform: rotate(90deg); display: block; } /* ---------------- Calculate a Fluid Typography Scale https://ryanfeigenbaum.com/fluid-typography/ https://royalfig.github.io/fluid-typography-calculator/?ref=ryanfeigenbaum.com ---------------- */ h1 { line-height: 1em; font-family: 'Bodoni Moda'; font-weight: 500; font-size: 2.375rem; font-size: clamp(2.375rem, 1.950242718446602rem + 1.8122977346278317vw, 4.125rem); /* 38-66px vp375-1920 */ color:#000000; text-transform:uppercase; } /*** Responsive Styles Smartphone Portrait ***/ @media all and (max-width: 360px) { h1 { line-height: 1em; font-family: 'Bodoni Moda'; font-weight: 500; font-size: 2.25rem; font-size: clamp(2.25rem, 1.7949029126213591rem + 1.9417475728155342vw, 4.125rem); /* 36-66px vp375-1920 */ color:#000000; text-transform:uppercase; } } h2 { font-family: 'Bodoni Moda'; font-weight: 500 !important; /*font-size: 2rem; font-size: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);*/ /* 40px - 32px */ font-size: 2.1875rem !important; font-size: clamp(2.1875rem, 2rem + 0.9375vw, 3.125rem); /* 50px - 35px*/ color:#272520; } h3 { font-family: 'Lexend'; font-weight: 600 !important; /*font-size: 2rem; font-size: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);*/ /* 40px - 32px */ font-size: 1.25rem!important; font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem); /* 28px - 20px */ color:#272520; } h4 { font-family: 'Lexend'; font-weight: 500; font-size: 1.25rem; font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* 24px - 20px */ color:#272520; } h5 { font-family: 'Bodoni Moda'; font-weight: 500; font-size: 1.75rem; font-size: clamp(1.75rem, 1.725rem + 0.125vw, 1.875rem); /* 30px - 28px */ color:#272520; } h6 { line-height: 1.1em; font-family: 'Lexend'; font-weight: 500; font-size: 1.1875rem; font-size: clamp(1.1875rem, 1.15rem + 0.1875vw, 1.375rem); /*19-22px vp320-1920*/ color:#000000; text-transform:uppercase; } ol, ul, li, p { line-height: 1.6em; font-family: 'Lexend'; font-weight: 400; /*font-size: 1.1rem; font-size: clamp(1.1rem, 1.07rem + 0.1499999999999999vw, 1.25rem);*/ /*17.6-20px */ font-size: 1.1rem; font-size: clamp(1.1rem, 1.0825rem + 0.08749999999999991vw, 1.1875rem); /*17.6-19px 375-1920*/ color:#000; } li { padding-bottom:1em; } /* body { line-height: 1.6em; font-family: 'Lexend'; font-weight: 400; /*font-size: 1.1rem; font-size: clamp(1.1rem, 1.07rem + 0.1499999999999999vw, 1.25rem);*/ /*17.6-20px */ /*font-size: 1.0625rem; font-size: clamp(1.0625rem, 1.0321601941747574rem + 0.12944983818770225vw, 1.1875rem);} 17-19px */ a, body { line-height: 1.6em; font-family: 'Lexend'; font-weight: 400; /*font-size: 1.1rem; font-size: clamp(1.1rem, 1.07rem + 0.1499999999999999vw, 1.25rem);*/ /*17.6-20px */ font-size: 1.0625rem; font-size: clamp(1.0625rem, 1.0321601941747574rem + 0.12944983818770225vw, 1.1875rem); /* 17-19px */ } /* { line-height:1.1em; font-family: 'Lexend'; font-weight: 300; font-size: 1rem!important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem)!important; /* 16-18px } */ /* zu den Schriften */ h1, h2, h3, h4, h5, h6 { padding-bottom: 0px; } /* ---------------- SCHRIFTEN (self-hosting) -------------- */ /* --- https://gwfh.mranftl.com/fonts --- */ /* BODONI MODA */ /* bodoni-moda-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Bodoni Moda'; font-style: normal; font-weight: 400; src: url('https://schwanthalerhof.de/fonts/bodoni-moda-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* bodoni-moda-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Bodoni Moda'; font-style: italic; font-weight: 400; src: url('https://schwanthalerhof.de/fonts/bodoni-moda-v25-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* bodoni-moda-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Bodoni Moda'; font-style: normal; font-weight: 500; src: url('https://schwanthalerhof.de/fonts/bodoni-moda-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* bodoni-moda-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Bodoni Moda'; font-style: italic; font-weight: 500; src: url('https://schwanthalerhof.de/fonts/bodoni-moda-v25-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* bodoni-moda-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Bodoni Moda'; font-style: normal; font-weight: 600; src: url('https://schwanthalerhof.de/fonts/bodoni-moda-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* bodoni-moda-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Bodoni Moda'; font-style: italic; font-weight: 600; src: url('https://schwanthalerhof.de/fonts/bodoni-moda-v25-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* bodoni-moda-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Bodoni Moda'; font-style: normal; font-weight: 700; src: url('https://schwanthalerhof.de/fonts/bodoni-moda-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* LEXEND */ /* lexend-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lexend'; font-style: normal; font-weight: 300; src: url('https://schwanthalerhof.de/fonts/lexend-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lexend-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lexend'; font-style: normal; font-weight: 400; src: url('https://schwanthalerhof.de/fonts/lexend-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lexend-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lexend'; font-style: normal; font-weight: 500; src: url('https://schwanthalerhof.de/fonts/lexend-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lexend-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lexend'; font-style: normal; font-weight: 600; src: url('https://schwanthalerhof.de/fonts/lexend-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lexend-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lexend'; font-style: normal; font-weight: 700; src: url('https://schwanthalerhof.de/fonts/lexend-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* === MENU Callout text === */ /* * https://www.peeayecreative.com/how-to-add-a-highlighted-callout-in-any-wordpress-menu/ * /*right side menu callout text css snippet */ .pa-callout-right { font-size: 10px; margin-left: 4px; position: relative; top: -10px; margin-bottom: 13px; color: #ffffff; /*background-color: #e03574;*/ background-color: #FF6C7D; padding: 3px 4px; border-radius: 3px; } /*the bounce effect*/ @keyframes bouncing { 0% {top: -6px;} 100% {top: -10px;} } .pa-callout-right { animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both; }