--- a PPN by Garber Painting Akron. With Image Size Reduction included!URL: http://www.visitcookcounty.com/includes/public/managed/v_860458ab_896b5306/core/plugins/common/virtuals/css/custom_header.css
px; }
}
.panel-header .secondary-nav-container {
display: none;
padding: 0 15px;
background-color: var(--surface-background);
}
@media (min-width: 64em) {
.panel-header .secondary-nav-container {
display: flex;
justify-content: flex-end;
padding: 0;
margin-bottom: 6px;
}
.panel-header .secondary-nav-container .nav-widgets {
display: flex;
opacity: 1;
pointer-events: all;
transition: opacity 400ms ease;
}
.panel-header.search-open .secondary-nav-container .nav-widgets {
opacity: 0;
pointer-events: none;
}
.panel-header .secondary-nav-container .widgets {
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: var(--space-4);
}
}
.panel-header .primary-content-container {
display: flex;
align-items: stretch;
justify-content: space-between;
padding: 0 0 0 12px;
background-color: var(--surface-foreground);
transition: background-color 400ms ease;
}
.panel-header .primary-content-container .search-cont { display: none; }
@media (min-width: 64em) {
.panel-header .primary-content-container {
justify-content: flex-end;
padding: 0;
}
}
.panel-header .primary-content-container .contentRender_name_plugins_common_logo { padding: 10px 0; }
.panel-header .primary-content-container .contentRender_name_plugins_common_logo .fixed-logo,
.panel-header .primary-content-container .contentRender_name_plugins_common_logo .interior-logo { display: none; }
.panel-header .primary-content-container .contentRender_name_plugins_common_logo img {
width: 100%;
}
.panel-header .primary-content-container .contentRender_name_plugins_common_logo .logo {
max-width: 90px;
}
@media (min-width: 64em) {
.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
position: absolute;
top: var(--space-8);
left: var(--space-12);
padding: 0;
}
.panel-header .primary-content-container .contentRender_name_plugins_common_logo .logo {
max-width: min(calc(250px + (330 - 250) * ((100vw - 1024px) / (1440 - 1024))), 330px);
}
.panel-header .primary-content-container .contentRender_name_plugins_common_logo .logo.cms-asset {
max-width: min(calc(90px + (190 - 90) * ((100vw - 1024px) / (1440 - 1024))), 190px);
}
.root-panel.no-hero:not(.details) .panel-header .primary-content-container .contentRender_name_plugins_common_logo {
top: var(--space-5);
left: var(--space-8);
}
.root-panel.no-hero:not(.details) .panel-header .primary-content-container .contentRender_name_plugins_common_logo .logo { display: none; }
.root-panel.no-hero:not(.details) .panel-header .primary-content-container .contentRender_name_plugins_common_logo .interior-logo {
display: block;
max-width: 209px;
}
}
.panel-header .main-nav-widgets-container {
display: grid;
align-items: stretch;
grid-template-columns: min-content;
gap: var(--space-5);
}
@media (min-width: 64em) {
.panel-header .main-nav-widgets-container {
grid-template-columns: min-content min-content;
}
}
.panel-header .main-nav-widgets-container > *:not(.widgets) {
display: flex;
align-items: center;
}
.panel-header .main-nav-widgets-container .widgets {
display: none;
align-items: center;
}
@media (min-width: 64em) {
.panel-header .main-nav-widgets-container .widgets { display: flex; }
}
.panel-header .mobile-nav-container {
position: absolute;
z-index: 10;
display: flex;
justify-content: flex-end;
width: 100%;
pointer-events: none;
opacity: 0;
transition: opacity 400ms ease;
}
.panel-header .mobile-nav-container.active {
pointer-events: all;
opacity: 1;
}
@media (min-width: 64em) {
.panel-header .mobile-nav-container.active,
.panel-header .mobile-nav-container { display: none; }
}
.panel-header .mobile-nav-container .mobile-nav {
width: 100%;
background-color: var(--surface-mobile-nav);
}
.panel-header .mobile-nav .widgets {
display: grid;
gap: var(--space-4);
padding: var(--space-4) 30px;
color: var(--text-alt);
}
.panel-header .mobile-nav .widgets .cams-tb {
width: 100%;
display: flex;
justify-content: flex-end;
padding-right: 6px;
}
.panel-header .mobile-nav .search-cont { grid-column: 1 / -1; }
.panel-header .mobile-nav-container .mobile-nav .mobile-main-nav { margin-bottom: 25px; }
.panel-header .mobile-nav-container .mobile-nav .mobile-secondary-nav { margin-bottom: 35px; }
.panel-header .mobile-nav-container .mobile-nav .mobile-footer-nav { margin-bottom: var(--space-8); }
.panel-header .social-media {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 0 30px;
margin-bottom: var(--space-10);
}
.panel-header .social-media .social-links { gap: var(--space-3); }
.panel-header .social-media .social-links .social-network {
display: flex;
justify-content: center;
align-items: center;
background: var(--blue);
height: var(--space-12);
width: var(--space-12);
padding: 0;
border-radius: var(--rounded-full);
}
.panel-header .social-media .social-links a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
border-radius: var(--rounded-full);
}
@media (hover:hover) {
.panel-header .social-media .social-links a:hover { color: var(--white); }
}
.panel-header .social-media .social-links a i { font-size: var(--text-xl-1); }
/***************************************
*************** Fixed Nav **************
****************************************/
.panel-header.fixed,
.root-panel.no-hero:not(.details) .panel-header.fixed {
position: fixed;
top: 0;
left: 0;
transform: translateY(-100%);
background: var(--dark-blue);
transition: transform 400ms ease;
}
.panel-header.fixed.hidden,
.root-panel.no-hero:not(.details) .panel-header.fixed.hidden { opacity: 0; }
.panel-header.fixed.show,
.root-panel.no-hero:not(.details) .panel-header.fixed.show {
transform: translateY(0);
opacity: 1;
transition: transform 400ms ease;
}
@media (min-width: 64em) {
.panel-header.fixed,
.root-panel.no-hero:not(.details) .panel-header.fixed {
padding: var(--space-5) var(--space-10) var(--space-5) 54px;
}
.panel-header.fixed .secondary-nav-container { display: none; }
.panel-header.fixed .primary-content-container {
justify-content: space-between;
align-items: center;
}
.panel-header.fixed .primary-content-container .nav-search { display: flex; }
.panel-header.fixed .primary-content-container .nav-container {
position: relative;
opacity: 1;
pointer-events: all;
transition: opacity 400ms ease;
}
.panel-header.fixed.search-open .primary-content-container .nav-container {
opacity: 0;
pointer-events: none;
}
.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo,
.root-panel.no-hero:not(.details) .panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo {
position: relative;
top: 0;
left: 0;
max-width: 151px
}
.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo .logo,
.root-panel.no-hero:not(.details) .panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo .interior-logo { display: none; }
.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo .fixed-logo { display: block; }
.panel-header.fixed.microsites .primary-content-container .contentRender_name_plugins_common_logo .fixed-logo { max-width: 90px; }
.panel-header.fixed .primary-content-container .search-cont { display: block; }
}
@media (min-width: 64em) and (max-width: 1200px){
.panel-header.fixed.microsites {
padding-right: var(--space-5);
padding-left: 14px;
}
}
pFad - Phonifier reborn
Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.
Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies:
Alternative Proxy
pFad Proxy
pFad v3 Proxy
pFad v4 Proxy