.main-header {
position: fixed;
z-index: 9999;
width: 100%;
top: 0;
height: 100px;
display: flex;
align-items: center;
padding-top: 30px;
transition: all .5s;
}
.main-header .content {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.main-header .logo {
margin: 0;
background-image: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/assets/fiepa-redes-white.svg);
transition: margin .5s;
} .admin-bar .main-header {
top: 32px;
}
.admin-bar .main-header .header-expanded {
top: 132px;
}
.admin-bar .main-header.fixed .header-expanded {
top: 102px;
}
#wpadminbar {
background: var(--black);
}
#wpadminbar #wp-admin-bar-customize,
#wpadminbar #wp-admin-bar-new-content,
#wpadminbar #wp-admin-bar-wp-logo,
#wpadminbar #wp-admin-bar-comments,
#wpadminbar #wp-admin-bar-search,
#wpadminbar #wp-admin-bar-wpseo-menu {
display: none !important;
}
#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
background: #222 !important;
box-shadow: none !important;
}
#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
background: #222 !important;
color: var(--white);
} .main-header.fixed {
background: var(--white);
padding-top: 0;
height: 70px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
.main-header.fixed .main-menu .menu li .link-label {
color: var(--black);
}
.main-header.fixed .logo {
margin: 20px 0;
background-image: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/assets/fiepa-redes-black.svg) !important;
z-index: 9991
} .main-header .main-menu {
transition: var(--transition);
}
.main-header .main-menu .menu {
display: flex;
transition: var(--transition);
align-items: center;
}
.main-header .main-menu .menu li {
margin-left: 25px;
}
.main-header .main-menu .menu li .link-label {
color: var(--white);
font-size: 14px;
transition: all .1s;
font-weight: 500;
display: block;
text-align: center;
position: relative;
}
.main-header .main-menu .menu li .link-label:before {
content: "";
display: block;
width: 100%;
height: 2px;
background: var(--blue);
position: absolute;
left: 0;
margin-left: 0;
bottom: -27px;
opacity: 0;
transition: all .5s;
transform-origin: center;
transform: scaleX(0);
}
.main-header .main-menu .menu li .link-label:hover:before,
.main-header.hover .main-menu .menu li.active .link-label:before {
opacity: 1;
transform: scaleX(1);
}
.main-header.hover .main-menu .menu li .link-label {
color: var(--black) !important;
}
.main-header.hover .main-menu .menu li.active .link-label {
color: var(--blue) !important;
}
.main-header .main-menu .menu li .link-label.desktop-only {}
.main-header .main-menu .menu li .link-label.mobile-only {
display: none;
} .white-header .main-header .main-menu li .link-label {
color: var(--white);
}
.white-header .main-header .logo {
background-image: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/assets/fiepa-redes-white.svg);
} .main-header .hamburger {
width: 30px;
height: 30px;
position: absolute;
right: 20px;
transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer;
top: 37px;
display: none;
background: transparent;
border: none;
padding: 0;
margin: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.main-header .hamburger:focus,
.main-header .hamburger:active {
outline: none;
background: transparent;
box-shadow: none;
}
.main-header .hamburger span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: var(--black);
border-radius: 9px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .25s ease-in-out;
}
.main-header .hamburger span:nth-child(1) {
top: 0;
}
.main-header .hamburger span:nth-child(2),
.main-header .hamburger span:nth-child(3) {
top: 10px;
}
.main-header .hamburger span:nth-child(4) {
top: 20px;
}
.main-header.menu-open .hamburger span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
.main-header.menu-open .hamburger span:nth-child(2) {
transform: rotate(45deg);
}
.main-header.menu-open .hamburger span:nth-child(3) {
transform: rotate(-45deg);
}
.main-header.menu-open .hamburger span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.white-header .hamburger span {
background: var(--white);
}
.main-header.menu-open .hamburger,
.main-header.fixed .hamburger {
top: 23px;
}
.main-header.menu-open .hamburger span,
.main-header.fixed .hamburger span {
background: var(--black);
} .event-header-displayed .event-header {
height: 50px;
display: flex;
align-items: center;
color: #C9C9C9;
font-size: 14px;
line-height: 1.4;
z-index: 999;
position: relative;
transition: var(--transition);
}
.event-header-displayed .event-header .content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.event-header-displayed .event-header .left {
display: flex;
font-size: 13px;
}
.event-header-displayed .event-header .left p strong {
font-weight: 600;
color: var(--white);
}
.event-header-displayed .event-header .left p+p {
border-left: 2px solid #323232;
padding-left: 20px;
margin-left: 20px;
}
.event-header-displayed .event-header .button {
background: none;
border: none;
color: #ff351f;
padding: 0;
margin-left: 20px;
font-size: 13px;
white-space: nowrap;
}
.event-header-displayed .event-header .button:hover {
color: var(--white);
background: none;
}
.event-header-displayed .event-header .button i {
font-size: 12px;
}
.event-header-displayed .event-header .event-logo {
display: flex;
align-items: center;
width: 220px;
min-width: 220px;
margin-right: 30px;
}
.event-header-displayed .event-header .event-logo img {
width: 100%;
}
.event-header-displayed .main-header {
top: 50px;
padding-top: 0;
}
.event-header-displayed .main-header.fixed {
top: 0;
}
.event-header-displayed .main-header .header-expanded {
top: 150px;
}
.event-header-displayed .main-header.fixed .header-expanded {
top: 70px;
}
.home .event-header-displayed .hero {
min-height: 860px;
} .main-header #contact-us-button .link-label {
background: var(--blue);
border: 2px solid var(--blue);
display: inline-block;
border-radius: 70px;
padding: 12px 20px;
transition: var(--transition);
color: var(--white);
}
.main-header #contact-us-button .link-label:hover:before {
display: none !important;
}
.main-header.fixed .main-menu .menu #contact-us-button .link-label {
color: var(--white);
}
.main-header .main-menu .menu #contact-us-button .link-label:hover {
background: transparent;
border-color: var(--white);
}
.main-header.fixed .main-menu .menu #contact-us-button .link-label:hover {
background: transparent;
border-color: var(--black);
color: var(--black);
}
.main-header.hover .main-menu .menu #contact-us-button .link-label {
color: var(--white) !important;
} .main-header .suporte-main-menu-button .link-label {
background: #008BD2;
border: 2px solid #008BD2;
display: inline-block;
border-radius: 70px;
padding: 12px 20px;
transition: var(--transition);
color: var(--white);
}
.main-header .suporte-main-menu-button .link-label:hover:before {
display: none !important;
}
.main-header.fixed .main-menu .menu .suporte-main-menu-button .link-label {
color: var(--white);
}
.main-header .main-menu .menu .suporte-main-menu-button .link-label:hover {
background: transparent;
border-color: var(--white);
}
.main-header.fixed .main-menu .menu .suporte-main-menu-button .link-label:hover {
background: transparent;
border-color: var(--black);
color: var(--black);
}
.main-header.hover .main-menu .menu .suporte-main-menu-button .link-label {
color: var(--white) !important;
} .main-header .header-expanded {
width: 100%;
height: auto;
background: var(--white);
position: fixed;
top: 100px;
max-height: 0;
transition: all .5s;
}
.main-header .header-expanded .menu-mobile-go-back-button {
display: none;
padding: 10px 20px 40px;
font-size: 16px;
font-weight: 600;
}
.main-header.hover .header-expanded {
max-height: calc(100% - 100px);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
overflow-y: auto;
}
.main-header.fixed .header-expanded {
top: 70px;
max-height: calc(100% - 70px);
}
.main-header .header-expanded .content .menu-expanded-content {
display: flex;
max-height: 0;
overflow: hidden;
opacity: 0;
width: 0;
transition: opacity .5s, max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.main-header .header-expanded .content .menu-expanded-content.show {
padding: 0;
max-height: 1200px;
overflow: visible;
width: 100%;
opacity: 1;
}
.main-header.hover {
background: var(--white);
border-bottom: 1px solid #EAEAEA;
}
.main-header.hover .logo {
background-image: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/assets/fiepa-redes-black.svg) !important;
} .main-header .header-expanded {
scrollbar-width: none;
-ms-overflow-style: none;
}
.main-header .header-expanded::-webkit-scrollbar {
display: none;
}
.main-header .header-expanded .main-menu-columns {
display: flex;
justify-content: space-between;
}
.main-header .header-expanded .main-menu-columns .column.grey-column {
background: #F6F7F9;
padding: 40px 20px;
}
.main-header .header-expanded .main-menu-columns .column:nth-child(1) {
width: 22%;
padding: 40px 20px 40px 0;
}
.main-header .header-expanded .main-menu-columns .column:nth-child(2) {
width: 40%;
padding: 40px;
}
.main-header .header-expanded .main-menu-columns .column:nth-child(3) {
width: 40%;
}
.main-header .header-expanded .main-menu-columns.two-columns .column:nth-child(1) {
width: 22%;
padding: 40px 20px 40px 0;
}
.main-header .header-expanded .main-menu-columns.two-columns .column:nth-child(2) {
width: 75%;
padding: 40px;
} .main-header .header-expanded .title-label {
font-size: 11px;
color: #6B6B6B;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
padding: 0 10px;
font-family: var(--hanken);
position: relative;
}
.main-header .header-expanded .title-label.line-label {
padding: 0;
}
.main-header .header-expanded .title-label.line-label span {
background: var(--white);
display: inline-block;
z-index: 10;
position: relative;
width: 100px;
padding-left: 10px;
}
.main-header .header-expanded .title-label.line-label:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #C8C8C8;
position: absolute;
top: 5px;
left: 0;
}
.main-header .header-expanded .line-separator {
width: 100%;
background: #C8C8C8;
height: 1px;
margin: 30px 0;
} .main-header .header-expanded .description-box {}
.main-header .header-expanded .description-box .title {
font-size: 20px;
font-weight: 500;
margin-bottom: 15px;
font-family: var(--hanken);
}
.main-header .header-expanded .description-box .description {
color: #6B6B6B;
font-size: 13px;
line-height: 1.4;
margin-bottom: 14px;
}
.main-header .header-expanded .description-box .button {
background: none;
color: var(--blue);
font-weight: 600;
border: none;
font-size: 14px;
} .main-header .header-expanded .iconized-highlights {
padding-top: 5px;
}
.main-header .header-expanded .iconized-highlights .iconized {
display: flex;
flex-direction: column;
}
.main-header .header-expanded .iconized-highlights .iconized li {
margin-bottom: 5px;
}
.main-header .header-expanded .iconized-highlights .iconized li a {
display: flex;
align-items: flex-start;
color: var(--black);
padding: 15px 10px;
border-radius: 10px;
transition: var(--transition);
}
.main-header .header-expanded .iconized-highlights .iconized li a:hover {
background: #f6f6f6;
}
.main-header .header-expanded .iconized-highlights .iconized li a figure {
width: 40px;
height: 40px;
min-width: 40px;
margin-right: 15px;
background: #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.main-header .header-expanded .iconized-highlights .iconized li a figure i {
font-size: 22px;
}
.main-header .header-expanded .iconized-highlights .iconized li a .right {
display: flex;
flex-direction: column;
}
.main-header .header-expanded .iconized-highlights .iconized li a .right .name {
font-weight: 500;
margin-bottom: 5px;
font-family: var(--hanken);
}
.main-header .header-expanded .iconized-highlights .iconized li a .right .description {
font-size: 13px;
color: #6B6B6B;
line-height: 1.4;
}
.main-header .header-expanded .grey-column .iconized-highlights .iconized li a:hover {
background: var(--white);
} .main-header .header-expanded .menu-blog-posts {}
.main-header .header-expanded .menu-blog-posts .post-box {
flex-direction: row;
align-items: stretch;
background: var(--white);
border-radius: 10px;
margin-bottom: 15px;
padding: 15px 10px;
}
.main-header .header-expanded .menu-blog-posts .post-box:last-child {
margin-bottom: 0;
}
.main-header .header-expanded .menu-blog-posts .post-box .featured-image {
width: 80px;
min-width: 80px;
height: 80px;
min-height: 80px;
border-radius: 10px;
margin-right: 15px;
}
.main-header .header-expanded .menu-blog-posts .post-box .post-content {
padding: 0;
height: auto;
}
.main-header .header-expanded .menu-blog-posts .post-box .post-values {
margin-bottom: 0;
padding: 0;
}
.main-header .header-expanded .menu-blog-posts .post-box .post-values .title {
font-size: 15px;
letter-spacing: 0;
margin-bottom: 5px;
font-weight: 600;
color: var(--black);
transition: var(--transition);
font-family: var(--hanken);
}
.main-header .header-expanded .menu-blog-posts .post-box .post-values .description {
font-size: 11px;
color: #6B6B6B;
line-height: 1.4;
}
.main-header .header-expanded .menu-blog-posts .post-box .post-values:hover .title {
color: var(--blue);
} .main-header .header-expanded .iconized-highlights.ai-pillars-list .iconized li figure {
background: var(--blue);
color: var(--white);
} .main-header .header-expanded .studios-list {
display: flex;
width: 100%;
justify-content: space-between;
}
.main-header .header-expanded .studios-list .iconized-highlights {
width: 48%;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li i {
color: var(--white);
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.product-design figure {
background: #AB77FF;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.artificial-intelligence figure {
background: #FFA29B;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.data figure {
background: #96C5FF;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.app-solutions figure {
background: #F4594E;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.sre-cloud-cybersecurity figure {
background: #0D5BFF;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.cybersecurity figure {
background: #1E1E1E;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.platform-engineering figure {
background: #2946CF;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.quality-assurance figure {
background: #00bd5f;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.embedded-engineering figure {
background: #ffb600;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.product-management figure {
background: #3379cc;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li.blockchain figure {
background: #d348ea;
} .main-header .header-expanded .iconized-highlights.industries-list .iconized li figure {
background: var(--blue);
color: var(--white);
} .main-header .header-expanded .iconized-highlights.databricks-list .iconized li figure {
background: #eb1600;
color: var(--white);
} .main-header .header-expanded .simple-menu {
margin-bottom: 30px;
}
.main-header .header-expanded .simple-menu:last-child {
margin-bottom: 0;
}
.main-header .header-expanded .simple-menu .title-label {
padding: 0;
margin-bottom: 20px;
}
.main-header .header-expanded .simple-menu li {
margin-bottom: 5px;
}
.main-header .header-expanded .simple-menu li a {
font-size: 15px;
color: var(--black);
transition: var(--transition);
}
.main-header .header-expanded .simple-menu li a:hover {
color: var(--blue);
} .main-header .header-expanded .insights-posts .menu-blog-posts {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
}
.main-header .header-expanded .insights-posts .post-box {
width: calc(50% - 5px);
margin-bottom: 0;
}
.main-header .header-expanded .insights-posts .promoted-posts {
margin-bottom: 40px;
} .main-header .header-expanded .impact-studios-list {
margin-bottom: 30px;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights {
width: 100%;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized li {
width: 48%;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #C8C8C8;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized li a {
padding: 10px;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized li:nth-child(7),
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized li:nth-child(8) {
border: none;
margin-bottom: 0;
padding-bottom: 0;
} .main-header .header-expanded .special-list {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: stretch;
}
.main-header .header-expanded .special-list li {
background: var(--white);
border-radius: 10px;
overflow: hidden;
width: 33.3333%;
}
.main-header .header-expanded .special-list li figure {
width: 100%;
height: 130px;
}
.main-header .header-expanded .special-list li figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main-header .header-expanded .special-list li .text {
padding: 20px;
}
.main-header .header-expanded .special-list li .title {
color: #3F3F3F;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
font-family: var(--hanken);
}
.main-header .header-expanded .special-list li .description {
color: #6B6B6B;
font-size: 13px;
line-height: 1.6;
margin: 10px 0 15px;
}
.main-header .header-expanded .special-list li .button {
background: none;
border: none;
color: var(--blue);
}
.main-header .header-expanded .special-list li .button:hover {
color: var(--black);
}
@media screen and (max-width: 1280px) { .event-header-displayed .main-header {
top: 60px;
}
}
@media screen and (max-width: 1024px) {
.main-header {
padding-top: 30px;
height: 70px;
}
.main-header .hamburger {
display: block;
} .main-header .header-expanded::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.main-header .header-expanded::-webkit-scrollbar-track {
background: var(--white);
}
.main-header .header-expanded::-webkit-scrollbar-thumb {
border-radius: 20px;
border: 3px solid var(--white);
background: #999;
}
.main-header .header-expanded::-webkit-scrollbar-thumb:hover {
background: #888;
}
.main-header .main-menu {
position: fixed;
width: 100%;
height: calc(100% - 70px);
background: var(--white);
top: 70px;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 9999;
transform: translateY(-110%);
}
.main-header.menu-open {
background: var(--white);
border-bottom: 1px solid #EAEAEA;
padding-top: 0;
}
.main-header.menu-open .logo {
background-image: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/assets/fiepa-redes-black.svg) !important;
}
.main-header.menu-open .main-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.main-header.menu-open .main-menu .menu {
flex-direction: column;
align-items: flex-start;
}
.main-header.menu-open .main-menu .menu li {
margin: 0;
width: 100%;
border-bottom: 1px solid #EAEAEA;
}
.main-header.menu-open .main-menu .menu li.menu-item-contact-us,
.main-header.menu-open .main-menu .menu li.menu-item-suporte {
border-bottom: none;
}
.main-header.menu-open .main-menu .menu li .link-label {
font-size: 17px;
padding: 20px;
color: var(--black);
text-align: left;
}
.main-header .main-menu .menu li .link-label.desktop-only {
display: none;
}
.main-header .main-menu .menu li .link-label.mobile-only {
display: block;
}
.main-header .suporte-main-menu-button {
margin-top: 35px !important;
padding: 0 15px;
width: auto !important;
}
.main-header .suporte-main-menu-button .link-label {
padding: 13px 24px !important;
text-align: center !important;
}
.main-header .contact-us-main-menu-button {
margin-top: 15px !important;
padding: 0 15px;
width: auto !important;
}
.main-header .contact-us-main-menu-button .link-label {
padding: 13px 24px !important;
text-align: center !important;
}
.main-header .main-menu .menu li .link-label {
font-weight: normal !important;
}
.main-header .main-menu .menu li .link-label:before {
display: none !important;
}
.main-header .logo {
width: 150px;
height: 25px;
background-size: 150px 25px;
}
.main-header.fixed .logo {
margin: 23px 0;
} .admin-bar .main-header .main-menu {
top: 102px;
height: calc(100% - 102px);
}
.admin-bar .main-header .header-expanded {
top: 102px;
} .event-header-displayed .main-header.menu-open {
top: 0;
}
.event-header-displayed .main-header .hamburger {
top: 22px;
}
.event-header-displayed .event-header {
font-size: 11px;
}
.event-header-displayed .event-header .content p {
display: inline;
line-height: 1.6;
}
.event-header-displayed .event-header .content .button {
font-size: 11px;
}
.event-header-displayed .main-header .header-expanded {
top: 70px;
}
.event-header-displayed .event-header .left {
flex-direction: column;
}
.event-header-displayed .event-header .left p+p {
padding-left: 0;
margin-left: 0;
border: none;
} .main-header .content {
height: auto;
}
.main-header .header-expanded .menu-mobile-go-back-button {
display: block;
}
.main-header .header-expanded {
top: 70px;
z-index: 99999;
background: var(--white);
}
.main-header.hover .header-expanded {
overflow-y: auto;
height: calc(100% - 70px);
max-height: 5000px !important;
}
.main-header .header-expanded .content .menu-expanded-content.show {
flex-direction: column;
padding: 20px 0 0;
max-height: 5000px;
} .main-header .header-expanded .content {
padding: 0;
}
.main-header .header-expanded .main-menu-columns {
flex-direction: column;
}
.main-header .header-expanded .main-menu-columns .column:nth-child(1) {
width: 100%;
padding: 0 20px;
}
.main-header .header-expanded .main-menu-columns .column:nth-child(2) {
width: 100%;
padding: 0 20px;
}
.main-header .header-expanded .main-menu-columns .column:nth-child(3) {
width: 100%;
padding: 0 20px;
}
.main-header .header-expanded .main-menu-columns.two-columns .column:nth-child(1) {
width: 100%;
padding: 0 20px;
}
.main-header .header-expanded .main-menu-columns.two-columns .column:nth-child(2) {
width: 100%;
padding: 0 20px;
}
.main-header .header-expanded .main-menu-columns .column.grey-column {
padding: 30px 20px !important;
margin-top: 20px !important;
} .main-header .header-expanded .title-label {
padding: 0;
} .main-header .header-expanded .iconized-highlights .iconized li {
margin-bottom: 15px;
}
.main-header .header-expanded .iconized-highlights .iconized li a {
padding: 10px 0;
}
.main-header .header-expanded .iconized-highlights .iconized li a:hover {
background: none;
} .main-header .header-expanded .content .capabilities-content .line-separator {
display: none;
}
.main-header .header-expanded .content .capabilities-content .column:nth-child(1) {
margin-bottom: 20px;
} .main-header .header-expanded .studios-list {
flex-direction: column;
}
.main-header .header-expanded .studios-list .iconized-highlights {
width: 100%;
}
.main-header .header-expanded .studios-list .iconized-highlights .iconized li {
margin-bottom: 20px;
} .main-header .header-expanded .impact-studios-list .iconized-highlights .iconized {
flex-direction: column;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized li {
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized li a {
padding: 0;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized li:nth-child(7) {
border-bottom: 1px solid #C8C8C8;
margin-bottom: 20px;
padding-bottom: 20px;
}
.main-header .header-expanded .impact-studios-list .iconized-highlights .iconized li:nth-child(8) {
border: none;
margin-bottom: 20px;
padding-bottom: 20px;
} .main-header .header-expanded .insights-posts .menu-blog-posts {
flex-direction: column;
}
.main-header .header-expanded .insights-posts .post-box {
width: 100%;
} .main-header .header-expanded .special-list {
flex-direction: column;
}
.main-header .header-expanded .special-list li {
width: 100%;
margin-bottom: 20px;
}
.main-header .header-expanded .special-list li figure {
position: relative;
padding-top: 45%;
}
.main-header .header-expanded .special-list li figure img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
}
@media screen and (max-width: 782px) { .admin-bar .main-header {
top: 46px;
}
.admin-bar .main-header .main-menu {
top: 116px;
height: calc(100% - 116px);
}
.admin-bar .main-header .header-expanded {
top: 116px;
height: calc(100% - 116px);
}
.admin-bar .main-header.fixed .header-expanded {
top: 116px;
height: calc(100% - 116px);
}
}
@media screen and (max-width: 767px) { .event-header-displayed .event-header {
height: 90px;
}
.event-header-displayed .main-header {
top: 90px;
}
.event-header-displayed .event-header .event-logo {
display: none;
}
.event-header-displayed .event-header .left {
font-size: 11px;
}
.event-header-displayed .event-header .content {
justify-content: space-between;
}
}
@media screen and (max-width: 600px) { #wpadminbar {
position: fixed;
}
}
@media screen and (max-width: 480px) { .event-header-displayed .event-header {
height: 110px;
}
.event-header-displayed .main-header {
top: 110px;
}
} .main-header .header-expanded .special-list li.coming-soon {
pointer-events: none;
cursor: default;
}
.main-header .header-expanded .special-list li.coming-soon figure {
position: relative;
}
.main-header .header-expanded .special-list li.coming-soon figure img {
filter: grayscale(100%);
opacity: 0.6;
transition: var(--transition);
}
.main-header .header-expanded .special-list li.coming-soon .text {
opacity: 0.7;
}
.main-header .header-expanded .special-list li.coming-soon .title {
color: #6B6B6B;
}
.main-header .header-expanded .special-list li.coming-soon .description {
color: #999;
} .main-header .header-expanded .badge {
display: inline-block;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 6px 12px;
border-radius: 4px;
font-family: var(--hanken);
}
.main-header .header-expanded .badge--coming-soon {
background: #f0f0f0;
color: #666;
border: 1px solid #ddd;
}