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;
}
}