|
Server : nginx/1.24.0 System : Linux ip-172-31-33-48 6.14.0-1011-aws #11~24.04.1-Ubuntu SMP Fri Aug 1 02:07:25 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 8.3.6 Disable Function : NONE Directory : /var/www/html/wp-content/plugins.off/ocean-extra/assets/css/ |
Upload File : |
/*------------------------------------*
$TRANSPARENT HEADER
*------------------------------------*/
#transparent-header-wrap {
position: relative;
}
#site-header.transparent-header {
position: absolute;
top: 0;
background-color: transparent;
height: auto;
z-index: 9999;
}
#site-header.transparent-header #site-logo.has-transparent-logo .custom-logo-link {
display: none;
}
#site-header.transparent-header #site-logo.has-transparent-logo .transparent-logo-link {
display: block;
}
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .custom-logo-link {
display: block;
}
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .transparent-logo-link {
display: none;
}
body.has-transparent-header .oceanwp-sticky-header-holder {
height: auto !important;
background: none !important;
}
/*------------------------------------*
Retina Logo
*------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
/* Transparent logo */
#site-header.transparent-header #site-logo.has-transparent-logo .transparent-logo-link,
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .custom-logo-link {
display: none;
}
#site-logo.has-transparent-logo .retina-logo-link {
display: none;
}
#site-logo.has-transparent-logo .transparent-retina-logo-link {
display: block;
}
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .retina-logo-link {
display: block;
}
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .transparent-retina-logo-link {
display: none;
}
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
/* Transparent logo */
#site-header.transparent-header #site-logo.has-transparent-logo .transparent-logo-link,
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .custom-logo-link {
display: none;
}
#site-logo.has-transparent-logo .retina-logo-link {
display: none;
}
#site-logo.has-transparent-logo .transparent-retina-logo-link {
display: block;
}
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .retina-logo-link {
display: block;
}
.is-sticky #site-header.transparent-header #site-logo.has-transparent-logo .transparent-retina-logo-link {
display: none;
}
}