HEX
Server: LiteSpeed
System: Linux l24.yourwebhosting.net 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64
User: turkishi (1582)
PHP: 8.1.34
Disabled: NONE
Upload Files
File: /home/turkishi/public_html/wp-content/themes/kidzieo/css/header/header-style-4.css
.pbmit-header-style-4 .pbmit-header-overlay {
	position: absolute;
	z-index: 9;
	width: 100%;
}
.pbmit-header-style-4 .pbmit-slider-area {
	background-color: var(--pbmit-kidzieo-light-bg-color);
}
.pbmit-header-style-4 .pbmit-title-bar-content {
	padding-top: 220px !important;
}
@media (min-width: 1201px) {
	/*=== Pre Header Wrapper ===*/
	.pbmit-header-style-4 .pbmit-pre-header-wrapper {
		position: relative;
	}
	.pbmit-header-style-4 .pbmit-pre-header-wrapper::after {
		content: '';
		position: absolute;
		bottom: -8px;
		left: 0;
		width: 100%;
		height: 20px;
		background-image: url(../../images/pre-header-pattern.png);
		background-position: bottom left;
	}
	/*=== Header Logo ===*/
	.pbmit-header-style-4 .site-branding {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.pbmit-header-style-4:not(.pbmit-fixed-header) .site-title a {
		width: 105px;
		height: 105px;
		line-height: 90px;
		text-align: center;
		border-radius: 100%;
		display: inline-block;
		position: relative;
		background-color: var(--pbmit-kidzieo-white-color);
	}
	.pbmit-header-style-4 .pbmit-logo-area .wrap {
		position: relative;
		z-index: 1;
	}
	.pbmit-header-style-4:not(.pbmit-fixed-header) .pbmit-logo-area .wrap > svg {
		width: 140px;
		position: absolute;
		top: -25px;
		left: -17px;
		z-index: -1;
		animation: pbmitspin 25s infinite linear;
		line-height: calc(var(--pbmit-kidzieo-header-height) + 50px) !important;
		height: calc(var(--pbmit-kidzieo-header-height) + 50px) !important;
	}
	.pbmit-header-style-4.pbmit-fixed-header .pbmit-logo-area .wrap > svg {
		display: none;
	}
	.pbmit-header-style-4 .pbmit-logo-area .wrap svg path {
		fill: var(--pbmit-kidzieo-global-color);
		stroke: var(--pbmit-kidzieo-white-color);
	}
	.pbmit-max-mega-menu-override #page .pbmit-header-style-4 #site-navigation .mega-menu-wrap > ul > li.mega-menu-item,
	body:not(.mega-menu-pbminfotech-top) .pbmit-header-style-4 .pbmit-navbar div>ul>li {
		margin: 0 15px;
	}
	.pbmit-max-mega-menu-override #page .pbmit-header-style-4 #site-navigation .mega-menu-wrap > ul > li.mega-menu-item:first-child,
	body:not(.mega-menu-pbminfotech-top) .pbmit-header-style-4 .pbmit-navbar div>ul>li:first-child {
		margin-left: 0;
	}
	.pbmit-header-style-4 .pbmit-header-overlay .container {
		max-width: none;
		padding: 0;
	}
	.pbmit-header-style-4 .pbmit-main-header-area,
	.pbmit-header-style-4 .pbmit-pre-header-wrapper {
		padding: 0 180px;
	}
	/*=== Header Button ===*/
	.pbmit-header-style-4 .pbmit-button-box {
		margin: 0 0 0 40px;
	}
	.pbmit-header-style-4 .pbmit-header-button2 a {
		border-radius: 50px;
		padding: 16px 28px;
		font-weight: 600 !important;
		color: var(--pbmit-kidzieo-white-color);
		background-color: var(--pbmit-kidzieo-global-color);
		line-height: var(--pbmit-kidzieo-header-height) !important;
		height: var(--pbmit-kidzieo-header-height) !important;
	}
	.pbmit-header-style-4 .pbmit-header-button2 a:hover {
		background-color: var(--pbmit-kidzieo-secondary-color);
	}
	@-webkit-keyframes pbmitspin {
		0% { 
			-webkit-transform: rotate(0deg); 
		}
		100% { 
			-webkit-transform: rotate(360deg); 
		}
	}
	@keyframes pbmitspin {
		0% { 
			transform: rotate(0deg); 
		}
		100% { 
			transform: rotate(360deg); 
		}
	}
}
@media (max-width: 1600px) {
	.pbmit-header-style-4 .pbmit-main-header-area,
	.pbmit-header-style-4 .pbmit-pre-header-wrapper {
		padding: 0 140px;
	}
}
@media (max-width: 1500px) {
	.pbmit-header-style-4 .pbmit-main-header-area,
	.pbmit-header-style-4 .pbmit-pre-header-wrapper {
		padding: 0 100px;
	}
	.pbmit-header-style-4 .site-branding {
		-webkit-transform: translateX(-30%);
		-ms-transform: translateX(-30%);
		transform: translateX(-30%);
	}
}
@media (max-width: 1400px) {
	.pbmit-header-style-4 .pbmit-main-header-area,
	.pbmit-header-style-4 .pbmit-pre-header-wrapper {
		padding: 0 70px;
	}
	.pbmit-header-style-4 .site-branding {
		-webkit-transform: translateX(-10%);
		-ms-transform: translateX(-10%);
		transform: translateX(-10%);
	}
}
@media (max-width: 1300px) {
	.pbmit-header-style-4 .pbmit-main-header-area,
	.pbmit-header-style-4 .pbmit-pre-header-wrapper {
		padding: 0 40px;
	}
}
@media (max-width: 1250px) {
	.pbmit-header-style-4 .pbmit-main-header-area,
	.pbmit-header-style-4 .pbmit-pre-header-wrapper {
		padding: 0 30px;
	}
}
@media (max-width: 1200px) {
	.pbmit-header-style-4 .pbmit-header-content {
		position: relative;
	}
	.pbmit-header-style-4 .pbmit-main-header-area,
	.pbmit-header-style-4 .pbmit-pre-header-wrapper {
		padding: 0 15px;
	}
	.pbmit-header-style-4 .pbmit-logo-area .wrap > svg,
	.pbmit-header-style-4 .pbmit-button-box {
		display: none;
	}
	.pbmit-header-style-4 .nav-menu-toggle {
		color: var(--pbmit-kidzieo-blackish-color);
	}
	.pbmit-header-style-4 .pbmit-logo-area {
		flex: 1;
	}
	.pbmit-header-style-4 .site-branding {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	.pbmit-header-style-4 .pbmit-title-bar-content {
		padding-top: 80px !important;
	}
}