/*!
Theme Name: MSITheme
Theme URI: https://sabir.coderdevsbd.com
Author: Sabirul Islam
Author URI: https://sabir.coderdevsbd.com
Description: MSITheme created for Magnus Aircrafts website. It\'s a user-friendly and fully responsive WordPress theme.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: msitheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Dealers fixes - GERGO - 04/11/2024 */
/* @media(min-width: 768px) {
    .dealerBox .dealer-title {
        max-width: 250px;
        width: 100%;
    }
    
    .dealerBox .dealer-names {
        flex-grow: 1;
    }
    
    .dealerBox .dealer-infos {
        max-width: 300px;
        width: 100%;
    }
}

@media(max-width: 767px) {
    .dealerBox {
        flex-direction: column;
        align-items: flex-start;
    }
} */
/* /Dealers fixes - GERGO - 04/11/2024 */

/* Fusion 212 & Sentinel Tabs - GERGO - 04/11/2024 */
#project-overview .elementor-widget-product-tabfilter .document-tabs {
    display: none;
}

.custom-product-tabs .document-tab {
    margin-bottom: -1px;
}

.custom-product-tabs .document-tab a {
    color: color: var(--clrWhite) !important;
    font-size: 12px !important;
    font-weight: 700;
 }

.custom-product-tabs .document-tab:hover label {
	color: var(--clrWhite) !important;
}

.custom-product-tabs .document-tab:first-child label {
    opacity: 1 !important;
    font-size: 12px !important;
    font-weight: 700;
    border-color: var(--clrWhite);
}
/* /Fusion 212 & Sentinel Tabs - GERGO - 04/11/2024 */


/* Blog Post menu item color fixes - GERGO - 04/11/2024 */
.post-template-default .main-navigation ul li a, 
.post-template-default .header-btn .theme-btn, 
.post-template-default .header-right-content .languages,
.post-template-default .menu-bars,
.post-template-default .responsive-menu-close {
    color: var(--clrDarkBlue);
}

@media(max-width: 992px) {
	.main-navigation ul ul {
		background: rgba(0,0,0,0.8);
	}
	.post-template-default .main-navigation ul li a {
		color: var(--clrWhite);
	}
}
/* /Blog Post menu item color fixes - GERGO - 04/11/2024 */


.event-filter-cats {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
/*
.all-events {
    overflow-x: auto;
    overflow-y: hidden;
    flex-direction: row-reverse;
	justify-content: flex-end;
}
*/

/* Remove languages from menu - GERGO - 04/15/2024 */
.header-right-content .languages {
    display: none !important;
}
/* /Remove languages from menu - GERGO - 04/15/2024 */

/* Invert Configurator button colors in footer statistics block - GERGO - 04/15/2024 */
.counter-inner .theme-btn.bordered-btn {
    color: #FFFFFF !important;
    background: #AF1A15 !important;
    border-color: var(--clrTransparent) !important;
}

.counter-inner .theme-btn.bordered-btn:hover {
    color: #FAFAFA !important;
    background: #6EC1E400 !important;
    border-color: #FAFAFA !important;
}
/* /Invert Configurator button colors in footer statistics block - GERGO - 04/15/2024 */

/* Fix image heights - GERGO - 04/15/2024 */
.all-events .event-img.absolute {
    inset: 0;
    overflow: hidden;
    bottom: 4px;
}

.all-events .event-img.absolute img {
    object-fit: cover;
    height: 100%;
    width: auto;
    max-width: none;
}
/* /Fix image heights - GERGO - 04/15/2024 */

/* Fix contact form select - GERGO - 04/15/2024 */
.msitheme-contact-form select.wpcf7-select {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    color: #fff;
    margin: 5px 0;
	font-size: var(--fz16);
}
/* /Fix contact form select - GERGO - 04/15/2024 */

/* Hide performance block on Fusion 212 - GERGO - 04/15/2024 */
#project-performance,
#project-performance-title {
	display: none !important;
}
/* /Hide performance block on Fusion 212 - GERGO - 04/15/2024 */

/* Coming soon */
.magnus-coming-soon .entry-header {
	display: none !important;
}

.magnus-coming-soon-desc p {
    font-size: 64px;
    line-height: 1.2;
    font-weight: 700 !important;
}

.magnus-coming-soon-desc p strong {
    color: #B1DEE3;
    font-weight: 700 !important
}

.magnus-coming-soon-links .elementor-widget-container {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.magnus-coming-soon-links p {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: flex;
    gap: 24px;
    justify-content: center;
}

.magnus-coming-soon-links a {
    text-transform: uppercase;
    border-bottom: 1px solid;
    padding: 5px 0;
    color: #fff;
}

.magnus-coming-soon-links a:hover {
    color: var(--clrDarkRed);
}

.magnus-coming-soon-hero {
	margin-top: 102px !important;
}

.magnus-coming-soon-hero .elementor-widget-heading {
    position: absolute;
    left: 0;
    right: 0;
}

.magnus-coming-soon-hero::after {
    content: '';
    position: absolute;
    right: 0;
    width: 8px;
    top: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml;utf8,<svg width='8' height='763' viewBox='0 0 8 763' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M8 -1.03357L8 1.03418L0 1.03418L-1.83463e-07 -1.03357L8 -1.03357Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8 1.03387L8.00007 763L7 763L6.99993 1.03387L8 1.03387Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8 761.966L8 763L0 763L-9.17314e-08 761.966L8 761.966Z' fill='white'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.magnus-coming-soon-hero::before {
    content: '' !important;
	display: block !important;
    position: absolute !important;
    left: 0 !important;
    width: 8px !important;
    top: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml;utf8,<svg width='8' height='763' viewBox='0 0 8 763' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M-1.72389e-06 -1.03357L-1.90735e-06 1.03418L8 1.03418L8 -1.03357L-1.72389e-06 -1.03357Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M1.92176e-06 1.03387L-6.56843e-05 763L1 763L1.00007 1.03387L1.92176e-06 1.03387Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M-1.81562e-06 761.966L-1.90735e-06 763L8 763L8 761.966L-1.81562e-06 761.966Z' fill='white'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.magnus-coming-soon-hero img {
    min-height: 558px;
    width: auto;
    object-fit: contain;
}
/* /Coming soon */

/* services tabs */
@media(min-width: 767px) {
    .service-tabs ~ .product-services .single-services-product {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    .service-tabs ~ .product-services .single-services-product .block-desc p {
        width: 100%;
    }
}
/* /services tabs */

/* Home hero animation and responsive fixes */

@media only screen and (min-width: 1024px) {
	ul.menu li.menu-item.menu-item-has-children {
		position: relative;
	}
	ul.menu li.menu-item.menu-item-has-children::before {
		content: '';
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 40px;
	}
	
	ul.menu li.menu-item.menu-item-has-children:hover .sub-menu {
		visibility: visible;
		opacity: 1;
	}
}

@media only screen and (min-width: 1200px) {
	.parallax-hero > img#hand {
		z-index: 1;
	}
	.parallax-hero > img#cloud {
		top: 45% !important;
		z-index: 2;
	}

	.parallax-hero > img#aircraft {
		z-index: 3;
	}

	.parallax-hero > img.whiteline {
		z-index: 4;
	}

	.parallax-hero > img#hand {
		animation: aircrafthand 6s linear 1s infinite;
	}

	.parallax-hero > img#cloud {
		animation: cloud 6s linear 1s infinite;
	}

	.parallax-hero > img#aircraft {
		animation: aircrafthand 6s linear 1s infinite;
	}

	.parallax-hero > img.whiteline {
		animation: whiteline 6s linear 1s infinite;
	}

	.parallax-hero > .hero-top-right, .parallax-hero > .hero-bottom-content {
		animation: textboxes 6s linear 1s infinite;
	}

	@keyframes whiteline { 
		0% {
			transform: rotate(0);
		}
		25% {
			transform: rotate(-25deg);
		}
		50% {
			transform: rotate(-25deg);
		}
		75% {
			transform: rotate(0);
		}
		100% {
			transform: rotate(0);
		}
	}

	@keyframes cloud { 
		0% {
			transform: translateY(0);
		}
		25% {
			transform: translateY(-50px);
		}
		50% {
			transform: translateY(-50px);
		}
		75% {
			transform: translateY(-50px);
		}
		100% {
			transform: translateY(0);
		}
	}

	@keyframes aircrafthand { 
		0% {
			transform: translateY(0) translateX(0);
		}
		25% {
			transform: translateY(-20px) translateX(0);
		}
		50% {
			transform: translateY(-20px) translateX(0);
		}
		75% {
			transform: translateY(0) translateX(-60px);
		}
		90% {
			transform: translateY(0) translateX(-60px);
		}
		100% {
			transform: translateY(0) translateX(0);
		}
	}

	@keyframes textboxes { 
		0% {
			transform: translateX(0);
		}
		25% {
			transform: translateX(0);
		}
		50% {
			transform: translateX(0);
		}
		75% {
			transform: translateX(40px);
		}
		90% {
			transform: translateX(40px);
		}
		100% {
			transform: translateX(0);
		}
	}

	.parallax-hero::before,
	.parallax-hero::after {
		content: '';
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 93px;
		width: 8px;
		height: 100%;
		z-index: 6;
	}

	.parallax-hero::before {
		background-image: url('/wp-content/uploads/2024/11/magnus-hero-left-element.svg');
		left: 5%;
	}

	.parallax-hero::after {
		background-image: url('/wp-content/uploads/2024/11/magnus-hero-right-element.svg');
		right: 5%;
	}
}

@media only screen and (min-width: 1500px) {
	img#aircraft, img#hand {
		margin-left: 600px;
	}
}

/* end of Home hero animation and responsive fixes */