/* 
Theme Name: PlanetMutlu Child Theme
Theme URI: https://planetmutlu.de
Description: Custom Child Theme for Hello Elementor, created for PlanetMutlu web projects.
Author: PlanetMutlu
Author URI: https://planetmutlu.de
Template: hello-elementor
Version: 1.0.0
Text Domain: planetmutlu-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: child-theme, elementor, custom-design, flexible-header, custom-menu, custom-logo, featured-images, translation-ready
*/

/* Add your custom styles here */


.topbar{background-color:transparent;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;position:relative}

.topbar-inner{display:flex;align-items:stretch;height:42px;overflow:hidden}

.topbar-marquee{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}

.topbar-track{display:flex;align-items:center;width:max-content;flex-shrink:0;gap:50px;will-change:transform;transform:translateX(0);visibility:hidden}

.topbar-track.is-ready{visibility:visible;animation:topbar-scroll 99.2s linear infinite;animation-delay:.05s}

.topbar-text{flex:0 0 auto;display:block;white-space:nowrap;font-size:.875em;font-weight:700;line-height:1;color:#fff;margin:0;padding:0}

.topbar-close{flex-shrink:0;width:42px;min-width:42px;background-color:transparent!important;border:none;cursor:pointer;font-size:1.4em;color:#fff!important;border-radius:0!important;padding:0!important;margin:0!important;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}

.topbar-track:hover{animation-play-state:paused}

@keyframes topbar-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--loop-width)))}}

@media (min-width:1024px){
.topbar-inner{height:46px}
.topbar-close{width:46px;min-width:46px}
.topbar-text{font-size:1em}
}