laipower/wp-content/plugins/gp-premium/page-header/functions/css/page-header.css

116 lines
2.2 KiB
CSS
Raw Normal View History

2020-04-07 13:03:04 +00:00
.generate-combined-header {
position: absolute;
width: 100%;
z-index: 1000;
}
.generate-combined-page-header.grid-container .generate-combined-header {
left: 0;
right: 0;
width: auto;
}
.separate-containers .inside-article .page-header-below-title,
.one-container .inside-article .page-header-below-title {
margin-top: 2em;
}
.inside-article .page-header-post-image {
float: none;
margin-right: 0px;
}
.vertical-center-enabled {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
}
.vertical-center-enabled .page-header-content-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-box-flex: 1;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-flex-align: center;
}
.vertical-center-enabled .main-navigation,
.vertical-center-enabled .secondary-navigation,
.vertical-center-enabled .site-header {
flex: none;
-ms-flex: none;
-webkit-flex: none;
}
.nav-below-header .vertical-center-enabled .main-navigation,
.nav-above-header .vertical-center-enabled .main-navigation {
width: 100%;
}
.vertical-center-enabled .site-header {
width: 100%;
}
.generate-merged-header .main-navigation {
z-index: 99;
}
.generate-merged-header .main-navigation.mobile-header-navigation {
z-index: 100;
}
.generate-merged-header .secondary-navigation {
z-index: 98;
}
.generate-content-header {
background-repeat: no-repeat;
background-size: cover;
}
.elementor-editor-active .generate-combined-header {
pointer-events: none;
}
.page-header-content-container:before,
.page-header-content-container:after {
content: "";
display: table;
}
.page-header-content-container:after {
clear: both;
}