/*
Theme Name: Hello Elementor Child Theme
Description: Child Theme for My Portfolio
Author: Cyrill Boss
Template: hello-elementor
Version: 1.0.0
*/

* {
  overscroll-behavior: none;
  scrolling: smooth;
  cursor: none;
  margin: 0;
  padding: 0;
}

body {
    overflow: auto;
    background-image: url(https://im5.schultools.work/wp-content/uploads/2024/11/noise.png) !important;
    background-repeat: repeat !important;
}

.menu-content .elementor-widget-container {
	justify-content: center !important;
}

.menu-content {
  visibility: hidden;
  opacity: 0;
 transition: opacity 0.3s ease;
}

.elementor-nav-menu {
	top: -6px;
	flex-wrap: nowrap !important;
}

#header-left .e-con-inner {
		flex-wrap: nowrap !important;

}

.elementor-location-header {
    z-index: 1 !important;
}

#headerbg {
    height: 120px !important;
    mix-blend-mode: color;
    width: 100% !important;
}

#headerelements {
	height: 120px !important;
}

#header-left {
	justify-content: flex-start;
	align-items: center;
}

#header-right {
	justify-content: flex-end;
	align-items: center;
}

#privacy-button {
	position: relative;
	left: 0;
  top: 0;
  transform: translateY(0);
	height: 36px;
	width: 36px;
	justify-content: center;
}

div img {
  pointer-events: none !important;
}

.h1 {
	bottom: 3em;
}

.sticky-menu {
	position: fixed;
	width: 2.5em;
    border-radius: 25px;
    overflow: hidden;
	left: 5em;
	top: 50%;
	transform: translateY(-50%);
	backdrop-filter: blur(10px);
}

.sticky-menu-low {
		position: fixed;
    border-radius: 25px;
    overflow: hidden;
	left: 5em;
	top: 90%;
	transform: translateY(-50%);
	backdrop-filter: blur(10px);
		width: 50px;
	height: 50px;
}

.e-tabs-header {
	display: none !important;
}

.portfolio-icon {
	display: flex;
    justify-content: center;
}

.btt {
	display: flex;
    justify-content: center;
	top: 2px;
}

#contact {
	white-space: nowrap;
	backdrop-filter: blur(10px);
}

#js {
	position: absolute;
	top: 0;
}

/* Cursor */

.cursor {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: black;
  opacity: .7;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width .7s, height .7s, opacity .7s;
  z-index: 9999;
}

.hover {
  background-color: red;
  opacity: 0.5;
  transition: opacity 2s;
}

.cursorhover {
  width: 30px;
  height: 30px;
  opacity: .5;
  transition: opacity .7s;
}

.contact-cta {
	overflow: hidden;
  /*left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);*/
}

.contact-cta-effect {
	max-width: 60vw;
}

.elementor-image-carousel{
	transition-timing-function: linear !important;
}

.elementor-image-carousel img {
	object-fit: cover;
}

.elementor-mark-required .elementor-field-label:after {
	color: #AF2031 !important;
}

.elementor-widget-form .elementor-button[type="submit"]  {
	background-color: #83107F;
}

.about-text .elementor-widget-container {
    min-width: 400px !important;
}

.about-right-column {
   /* border-left: 12px;
    border-bottom: 0px;
    border-right: 0px;
    border-top: 0px;
    border-color: #D9D9D9;
    border-style: solid;*/
}

.stroke {
	position: absolute;
    left: 3px;
    height: 100%;
	background-color: #ffffff;
	z-index: -1;
	    padding: 6px;
	height: calc(100% + 50px);
}

.timeline-section .e-con-inner {
	padding: 0;
}

@media (max-width: 1200px) {
    /* Your CSS rules for screens smaller than or equal to 1200px */
	
	main {
		top: 100px;
	}
	
	h1 {
		font-size: 72px !important;
	}
	
	.h1 {
		    align-self: flex-start;
	}
	
	h2 {
		font-size: 48px !important;
	}
	
	.left-padding {
		padding-left: 6rem !important;

	}
	
	.hero-section .e-con-inner {
		flex-direction: column-reverse !important;
	}
	
	.timeline-section {
		justify-content: center;
		flex-wrap: nowrap !important;
	}
	
	.about-right-column-flex {
		    align-items: flex-start !important;
		flex-direction: column !important;
		    margin-left: 24px !important;
	}
	
	.about-left-column {
		    display: none;
	}
	
		.even-parts {
		    flex-direction: column-reverse !important;
	}
	
	.about-right-textelements .elementor-widget-container{
		text-align: left !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.stroke {
		    max-width: 6px;
	}
	

}

@media (max-width: 768px) {
	
	#header-left .elementor-widget-spacer {
		display: none;
	}
	
	#menu-icon {
		    max-width: 48px !important;
	}
	
	li a {
    margin-inline-end: unset !important;
		    padding: 12px 0px !important;
}
	
	#headerelements .e-con-inner {
		flex-wrap: nowrap !important;
	}
	
	h1 {
		font-size: 48px !important;
	}
	
		h2 {
		font-size: 36px !important;
	}
	
		.left-padding {
		padding-left: 3rem !important;

	}
	
		.middle {
		width: 36px;
	}
}

@media (max-width: 580px) {
	#headerelements .e-con-inner {
		flex-wrap: wrap !important;
	}
	
	.elementor-location-header {
		    padding-bottom: 24px;
	}
}