/* 
Theme Name: Miran Arnaut - Digital Product Designer
Description: Hey, ich bin Miran, meine Karriere erstreckt sich über 10 Jahre in der Branche, in der Produkte, digitale Erlebnisse, Marken und einfach lustige und ansprechende Dinge entwickelt werden, die Menschen gerne verwenden.
Author: Miran Arnaut    
Author URI: https://miran.at
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/


* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}


a, h1, h2, h3, h4, h5, h6, p, span, li, ul {
    font-family: 'Syne', sans-serif !important;
}

html, 
body {
	overflow-x: hidden !important;
}

p {
    /* max-width: 60ch; */
    max-width: 50ch;
}

a {
    transition: ease-in .2s;
}

a.elementor-item.elementor-item-active {
    text-decoration: underline;
}

a.basic-text-link {
	color: var(--e-global-color-secondary) !important;
}

h1 {
    line-height: 1em !important;
    max-width: 20ch;
}

ol>li {
    padding-bottom: 20px;
}

/* fix for google perfomance  */
/* img.lazyloaded,
img.webpexpress-processed.lazyloaded {
	width: auto;
	height: auto;
} */

/* basic container width */
.e-container,
.e-con{	
    /* --container-max-width: 90vw !important; */
    --container-max-width: 90vw !important;
}

/* extra padding r */
.pr-container {
	padding-right: 15rem !important;
}

#stickyheaders{
    transition : transform 1s ease;
}

.headerup{
    transform: translateY(-200px); /*adjust this value to the height of your header*/
}

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-left: 0px !important;
}

/* remove underline on link */
.e--pointer-double-line .elementor-item:after, .e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before {
    height: 0;
}

a.elementor-item.elementor-item-active {
    text-decoration: none;
    color: var(--e-global-color-secondary);
}

/* width for kundenstimmen */
.elementor-widget-reviews .elementor-main-swiper, .elementor-widget-testimonial-carousel .elementor-main-swiper {
    width: auto;
}

/* remove italic on icons */
.elementor-button-icon i,
.elementor-social-icon i {
    font-style: normal !important;
}

/*fix for margin bottom in trext editor elementor*/
.elementor-text-editor p:last-child, .textwidget p:last-child { 
		margin-bottom:0px;
}

.dialog-close-button {
		font-size: 1rem;
		padding-top: 1rem;
		padding-right: 1rem;
}


/* GUTENBERG SINGLE POST STYLING  */
/* ############################## */

.mb-3:not(:last-child) {
    margin-bottom: 3rem;
}

blockquote.wp-block-quote {
    margin: 0;
}

/* remove margin on gutenberg gallery */
figure.wp-block-gallery.has-nested-images {
    margin: 0 !important;
}


/* spacing between two posts */
.elementor-posts-container {
    gap: 0.5em !important;
}

/*Table of contents styling*/
.elementor-toc__list-item-text-wrapper {
	align-items: baseline !important;
}

article.elementor-post.elementor-grid-item {
    padding-bottom: 3rem;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: transparent;
    color: var( --e-global-color-primary );
    font-size: .65rem;
    position: relative;
    text-align: left;
    font-style: normal;
    padding: 0;
}


.has-cyan-bluish-gray-background-color {
    background-color: var(--e-global-color-603376e) !important;
    background-image: url(./fonts/);
}

/* .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items: baseline !important;
} */

/* overwrite underline */
.e--pointer-double-line .elementor-item:after, .e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before {
    background-color: transparent !important;
}

#cta-img {
    text-shadow: 0 0 10px var(--e-global-color-primary);
    background-repeat: no-repeat;
    background-size: cover;
}

/* overlay portfolio header */
.img-grad:after,
#header-img > .img-grad > .elementor-widget-image > .elementor-widget-container > picture:after,
#cta-img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, transparent 40%, var(--e-global-color-primary)  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--e-global-color-primary) ), color-stop(100%,rgb(0 47 75 / 40%)));
    background: -webkit-linear-gradient(top, transparent 40%,var(--e-global-color-primary)  100%);
    background: -o-linear-gradient(top, transparent 40%,var(--e-global-color-primary)  100%);
    background: -ms-linear-gradient(top, transparent 40%,var(--e-global-color-primary)  100%);
    background: linear-gradient(to bottom, transparent 40%,var(--e-global-color-primary)  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}


/* cookies warning */
/*.cky-notice-btn-wrapper button:last-child {
    margin-top: 0.5rem !important;
}*/

.cky-notice-btn-wrapper button {
    font-size: .7rem !important;
}

/*
.cky-prefrence-btn-wrapper > button:last-child {
    margin-top: 0.7rem !important;
}
*/

.cky-prefrence-btn-wrapper > button {
    font-size: 1rem !important;
}

div.cky-footer-wrapper > div > a > img {
    height: 20px !important;
    width: 70px !important;
}

button.cky-btn-close > img {
    width: 15px;
    height: 15px;
}

button.cky-accordion-btn:hover,
button.cky-btn-close:hover{
    color: var(--e-global-color-secondary)!important;
    background: transparent;
}

.cky-footer-wrapper div:nth-child(3) {
    display: none !important;
}

button.cky-btn.cky-btn-accept {
    margin-top: 10px;
}


/* laptops or normal screen */
/* @media screen and (min-width: 1200px) { */
@media screen and (min-width: 1080px) {
	html {
		/* font-size: 157.5%; */
		/* font-size: 150%; */
		/* font-size: 170%; */
		/* font-size: 120%; */
		font-size: 140%;
	} /*22px*/

    /* h1 { */
        /* padding-right: 7rem !important; */
        /* padding-right: 15rem !important; */
        /* max-width: 20ch; */
    /* } */

    /* max width desription of portfolio item */
    .elementor-posts .elementor-post__excerpt {
        /* max-width: 50%; */
        max-width: 80%;
    }

    .elementor-post__excerpt p {
        max-width: 40ch;
    }

    /* figure.wp-block-image:nth-child(odd) {
        padding-right: 1%;
    }
    
    figure.wp-block-image:nth-child(even) {
        padding-left: 1%;
    }
    
    figure.wp-block-image:nth-child(n+3) {
        margin-top: 2% !important;
    } */

    .mw-portfolio-header-desc {
        /* max-width: 30%;
        padding-left: 12%; */
        margin-top: 6%;
        max-width: 50%;
        margin-left: auto;
    }

    .mw-services-portfolio-desc {
        max-width: 40%;
    }

    .mb-3 {
        margin-bottom: 6rem;
    }
    
    /* section description */
    .mb-3 > div > p {
        max-width: 48.5%;
        margin-bottom: 2rem;
    }
    
}

/* ultrawide stuff */
@media screen and (min-width: 2000px) {
	html {
		/*zoom: 140%;*/
		/* font-size: 190%; */
		font-size: 160%;
	}

    h1 {
        max-width: 1800px;
    }

	.e-container,
	.e-con{
        --container-max-width: 1800px !important;
		
	}
}

/* <marquee> Lets Move this text.</marquee>
<marquee direction="right" 
    behavior="alternate" 
    style="border:BLACK 2px SOLID">
    Geeks for Geeks
</marquee> */


/* moving type */

.moving-type {
    height: 130px;	
    overflow: hidden;
    position: relative;
}

.moving-type h3 {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    /* line-height: 50px; */
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);	
    transform:translateX(100%);
    /* Apply animation to this element */	
    -moz-animation: example1 15s linear infinite;
    -webkit-animation: example1 15s linear infinite;
    animation: example1 15s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes example1 {
    0%   { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes example1 {
    0%   { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
}

@keyframes example1 {
    0%   { 
        -moz-transform: translateX(100%); /* Firefox bug fix */
        -webkit-transform: translateX(100%); /* Firefox bug fix */
        transform: translateX(100%); 		
    }

    100% { 
        -moz-transform: translateX(-100%); /* Firefox bug fix */
        -webkit-transform: translateX(-100%); /* Firefox bug fix */
        transform: translateX(-100%); 
    }

}


/* fonts added */

@font-face {
    font-family: 'Syne';
    src: url('fonts/Syne-Regular.woff2') format('woff2'),
        url('fonts/Syne-Regular.woff') format('woff'),
        url('fonts/Syne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Syne';
    src: url('fonts/Syne-Bold.woff2') format('woff2'),
        url('fonts/Syne-Bold.woff') format('woff'),
        url('fonts/Syne-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* kundestimmmen slider adjusted */

.elementor-widget-reviews .elementor-main-swiper, .elementor-widget-testimonial-carousel .elementor-main-swiper {
  width: auto !important;
}