/*
Theme Name: Maiko Child
Theme URI: http://demo.casethemes.com/maiko/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Maiko is a premium WordPress theme designed for architecture portfolios, agencies, and businesses. With a clean and modern design, it provides responsive layouts, grid-based sections, and extensive customization options to showcase your projects effectively.
Version: 1.0.1
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: maiko
Text Domain: maiko-child
Tags: architecture, portfolio, design, creative, modern, minimalist, photography, agency, responsive, grid
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

Copyright (c) 2024 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

/* COLORS */
:root {
    --ci-dunkelblau: #02336C;
    --ci-hellblau: #6FD8F1;

    --ci-dunkelblau-hell-20: #355c89;
    --ci-dunkelblau-hell-40: #355c89;
    --ci-dunkelblau-hell-60: #355c89;
    --ci-dunkelblau-hell-70: #b3c2d3;
    --ci-dunkelblau-hell-80: #355c89;
    --ci-dunkelblau-hell-90: #355c89;

    --ci-hellblau-hell-20: #8ce0f4;
    --ci-hellblau-hell-40: #a9e8f7;
    --ci-hellblau-hell-60: #c5eff9;
    --ci-hellblau-hell-70: #d4f3fb;
    --ci-hellblau-hell-80: #e2f7fc;
    --ci-hellblau-hell-90: #f1fbfe;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('/wp-content/uploads/custom-fonts/roboto-slab.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h3.copy-theme-heading,
.copy-theme-heading h2 {
    color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 0px;
    font-family: "Founders Grotesk", sans-serif !important;
}

.button-ci-color .btn:not(.btn-stroke).btn-icon-box-dot:after {
    background-color: var(--ci-dunkelblau);
}
body .btn:not(.btn-stroke).btn-icon-box-dot:hover .pxl--btn-text {
    color: #fff;
}
.button-ci-color .btn.pxl-icon-active > svg:first-child {
    filter: brightness(0) invert(1);
}

/* Special Cursor */
body .pxl-cursor .pxl-cursor--follower:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: var(--ci-dunkelblau);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 6px;
}
body .pxl-cursor .pxl-cursor-arrow-prev,
body .pxl-cursor .pxl-cursor-arrow-next,
body .pxl-cursor .pxl-cursor--drap {
    background-color: var(--ci-dunkelblau);
}


/* MOBILOPTIMIERUNG */
/* Mobil Menu */
@media only screen and (max-width: 1200px) {
	body #pxl-header-elementor #pxl-header-mobile > div > div > .row {
    	background-color: var(--ci-dunkelblau);
	}
	body #pxl-header-elementor #pxl-header-mobile .pxl-close {
		border-radius: 50%;
		background: var(--ci-hellblau);
	}
	body #pxl-header-elementor #pxl-header-mobile .pxl-header-menu {
		background-color: var(--ci-dunkelblau);
	}
	body #pxl-header-mobile {
		z-index: 10000 !important;
	}
}
/* Footer */
@media only screen and (max-width: 768px) {
	#footer-marquee .pxl-item--marquee {
		display: none;
	}
	#footer-marquee .pxl-item--marquee:first-child,
	#footer-marquee .pxl-item--marquee:nth-child(3) {
		display: flex;
	}
}
/* Startseite */
@media only screen and (max-width: 768px) {
	#startseite-e2-spalte-bild {
		min-height: 200px;
		order: 3;
	}
	#startseite-e5 .pxl-service-list.layout-service-list-2 .pxl-grid-item .pxl-post--inner .multi-text .box-multi:last-child {
		padding-bottom: 20px;
	}
	#startseite-e5 .pxl-service-list.layout-service-list-2 .pxl-accordion--title .pxl-title-text {
    	font-size: 15px;
	}
	#startseite-e6 .pxl-swiper-wrapper {
		transform: none !important;
		flex-direction: column !important;
	}
	#startseite-e7 {
		padding-bottom: 40px !important;
	}
	#startseite-e7 {
		padding-bottom: 20px !important;
	}
	#startseite-e7 .pxl-icon1.style-box-paralax .pxl-counter--content {
    	font-size: 9px;
	}
	#startseite-e8 {
		padding-bottom: 40px !important;
	}
}
/* Leistungen */
@media only screen and (max-width: 768px) {
	.leistungen-e2 > div > div.elementor-column:first-child > div > div.elementor-element:first-child {
		order: 3;
	}
	.leistungen-e2 > div > div.elementor-column:first-child > div > div.elementor-element:last-child {
		order: 4;
		margin-top: 20px;
	}
	body .leistungen-e2 .pxl-portfolio-carousel1 .pxl-post--inner {
    	border-color: transparent;
	}
	.leistungen-e2 > div > div.elementor-column:nt-child(2) {
		margin-top: -30px;
	}
	.leistungen-e3 .pxl-item--image img {
		padding-top: 20px;
	}
	/*#startseite-e8 .pxl-post--featured,
	.leistungen-e5 .pxl-post--featured {
		height: 100% !important;
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
		margin-top: -40px;
	}*/
	#startseite-e8 .pxl-post--featured,
	.leistungen-e5 .pxl-post--featured {
		height: unset !important;
		transform: unset !important;
		flex-direction: column-reverse;
		display: flex;
	}
	#startseite-e8 .pxl-grid-inner.pxl-grid-masonry.row,
	.leistungen-e5 .pxl-grid-inner.pxl-grid-masonry.row {
		height: 100% !important;
	}
	#startseite-e8 .pxl-grid-inner.pxl-grid-masonry.row > div,
	.leistungen-e5 .pxl-grid-inner.pxl-grid-masonry.row > div {
		position: static !important;
	}
	#startseite-e8 .pxl-post--featured .pxl-post-content-hide,
	.leistungen-e5 .pxl-post--featured .pxl-post-content-hide {
		position: static !important;
	}
	.leistungen-e6 {
		padding-bottom: 0 !important;
	}
}
.leistungen-e6 .custom-arrow-symbols {
    margin-top: 0;
    margin-bottom: 0;
}
/* Ueber uns */
.custom-arrow-symbols {
    color: #111;
    text-align: center;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: -30px;
}
/* Impressionen */
@media only screen and (max-width: 425px) {
	.wonderplugintabs-header-ul {
		flex-direction: column !important;
		width: 100% !important;
	}
	.wonderplugin-gridgallery-item {
		width: 100% !important;
		height: auto !important;
	}
}
@media only screen and (max-width: 768px) {
	#karriere-e4 .apply-now {
		margin-bottom: 0;
	}
	#karriere-e4 .Gerüstarbeiter .apply-now {
		margin-bottom: 10px;
	}
	#karriere-e4 .pxl--filter-inner {
		flex-direction: column;
	}
}
/* Theme Fixes */
@media only screen and (max-width: 768px) {
	#jarallax-container-0 {
		clip: unset !important;
	}
	#jarallax-container-0 > div {
		width: 100% !important;
		height: 100% !important;
		margin-top: 0 !important;
		transform: unset !important;
		position: static !important;
	}
}