// Silence is gold /* RESET */ @media (min-width: 1920px) {.container {max-width: 1840px !important;}} @media (min-width: 1200px) {h1 {font-size: 5rem !important;}} #page-wrapper { padding: 0; border-top: 20px solid #F0F2F4; .entry-header { display: none !important; } } /* VARI */ .bluish-wrapper { border-radius: 25px; border-bottom: 25px solid #F0F2F4; .bluish { border-radius: 25px; position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00A0C5; opacity: 1; mix-blend-mode: hue; pointer-events: none; } } } /* HEADER */ header { background: #F0F2F4; .header-above-above { display: flex; justify-content: center; .header-above { margin: 10px 0px; .vc_column-inner { padding: 0; .wpb_wrapper { display: flex; justify-content: flex-end; align-items: center; .x-twitter, .linkedin { height: 35px; margin-right: 14px; margin-bottom: 0; &:hover { filter: invert(1); } } .lang-menu { margin-bottom: 0; height: 35px; &:hover { filter: invert(1); } #menu-lang-menu { display: flex; list-style-type: none; border-radius: 50px; background: #fff; margin-left: 14px; width: 120px; height: 35px; margin-left: auto; margin-right: auto; padding-left: unset; line-height: 1; li { margin-top: 10px; a { text-decoration: none; color: var(--bs-body-color); } &.current-lang { font-weight: bold; } } } } } } } } #main-nav { .container { border-radius: 25px; background: #fff; box-shadow: 0px 10px 20px rgba(196, 200, 208, 0.4); #main-menu { justify-content: center !important; li { padding: 0px 10px; a { color: var(--bs-body-color); } } } } } } /* COLOR STRIP */ /* .color-strip-container { width: 100%; max-width: 100%; height: 15px; overflow: hidden; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); transform: rotate(-2deg); .color-strip { width: 200%; height: 100%; background: linear-gradient( to right, magenta, blue, cyan, lime, yellow, orange, red, magenta ); background-size: 200% auto; animation: scroll-colors 6s linear infinite; } @keyframes scroll-colors { from { background-position: 0% 0; } to { background-position: -100% 0; } } } */ .color-strip-container { width: 100%; height: 15px; overflow: hidden; transform: rotate(-2deg); .color-strip { width: 200%; height: 100%; background: linear-gradient( to right, magenta, blue, cyan, lime, yellow, orange, red, magenta ); animation: scroll-colors 6s linear infinite; will-change: transform; } @keyframes scroll-colors { from {transform: translateX(0);} to {transform: translateX(-50%);} } }