From 3332a384f14adf5ca2c19dabe845f4a9e3492552 Mon Sep 17 00:00:00 2001 From: Philip Boden Date: Wed, 8 Mar 2023 01:22:10 -0800 Subject: [PATCH] #916 -- Fix to shifting elements on mobile version of global header, after logo scroll --- docs/css/components/global-header.min.css | 2 +- .../Mainnavigation/GlobalHeader/global-header.scss | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/css/components/global-header.min.css b/docs/css/components/global-header.min.css index 780beea9a..e4530498a 100644 --- a/docs/css/components/global-header.min.css +++ b/docs/css/components/global-header.min.css @@ -1 +1 @@ -.global-header .header .top-right .icon-globe,.global-header .header .top-right .icon-search{background-color:#006eb5;border:0;cursor:pointer;display:inline-flex;font-size:0;height:26px;margin-right:.5rem;min-width:25px;padding:0;width:25px}@media(max-width:47.9375em){.global-header .header .top-right .icon-globe,.global-header .header .top-right .icon-search{margin-right:0;-webkit-mask:inherit;mask:inherit}}.global-header .header .top-right .icon-globe:hover,.global-header .header .top-right .icon-search:hover{background-color:#4f95dd}.overlay-grey:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.global-header .header .mid-nav .logo{background-image:none}[data-viewport=true]{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transition:translateX(-100px);-webkit-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);visibility:hidden}[data-viewport=true].inviewport,[dir=rtl] [data-viewport=true].inviewport{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition:translateX(0);visibility:visible}.scale-up{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transition:scale(.9);-webkit-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);transition:transform 1.2s cubic-bezier(.34,.41,.03,1)}.opacity-only{opacity:0;-webkit-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);transition:opacity 1.2s cubic-bezier(.34,.41,.03,1)}.opacity-only.inviewport{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition:translateX(0)}.global-header .header{background-color:#fafafa;box-shadow:0 3px 6px rgba(0,0,0,.1);left:0;position:fixed;top:0;width:100%;z-index:9}.global-header .header .mid-nav .logo img{min-width:60px;-webkit-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-moz-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-ms-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-o-transition:all .4s cubic-bezier(.64,.05,.35,1.05);transition:all .4s cubic-bezier(.64,.05,.35,1.05)}@media(min-width:64em){.global-header .header .mid-nav .logo img{height:122px}.global-header .header .mid-nav .logo img.scrolled{height:115px}}@media(max-width:63.9375em){.global-header .header .mid-nav .logo img{height:82px;min-width:40px}.global-header .header .mid-nav .logo img.scrolled{height:75px}}.color-white{color:#fff}.color-black{color:#000}.show-large{display:none}@media(min-width:48em){.show-large{display:block}}.show-small{display:block}@media(min-width:48em){.show-small{display:none}}.height-full{height:100%}.overlay-grey:before{background:rgba(0,0,0,.2)}.custom-scrollbar{overflow-x:auto;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:#000 transparent;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{border-radius:0;height:5px;width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#000;background-clip:padding-box;border:2px solid #fff}.custom-scrollbar::-webkit-scrollbar-corner{display:none}.custom-scrollbar::-webkit-scrollbar-thumb{background:#000}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.scale-up.inviewport{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:scale(1)}.expand-to-size{max-width:calc(100% - 1rem)}@media(min-width:48em){.expand-to-size{max-width:calc(100% - 3rem)}}[dir=rtl] [data-viewport=true]{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transition:translateX(100px)}.overflow-hidden{overflow:hidden}.background-yellow{background-color:#ffe17e}.background-red{background-color:#ffbcb7}.background-green{background-color:#b8ecb6}.background-blue{background-color:#b5d5f5}.background-gray{background-color:#fafafa}.background-white{background-color:#fff}.yellow .card-thumbnail__image:hover:before{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%)}.yellow .bio-card:hover .card-thumbnail__image:before{background:linear-gradient(67.76deg,rgba(255,235,0,.8),transparent 61.11%);opacity:.75}.yellow .author__img:hover:before{background:linear-gradient(45deg,rgba(255,235,0,.8),transparent 53%)}.yellow .publication-thumbnail__image:hover:after{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%)}.yellow .download-card:hover .card-thumbnail__image:before,.yellow .download-card:hover .publication-thumbnail__image:after,.yellow .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%);opacity:.75}.yellow .stats-panel:hover:after{background:linear-gradient(0deg,rgba(255,235,0,.8),transparent 140%)}.yellow .stats-panel:hover .stats-card{background-color:transparent}.yellow .wide-card__image a:hover:before{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%);opacity:.75}.yellow .feature__card-slide:before{background:linear-gradient(45deg,rgba(255,235,0,.8),transparent 67%)}.yellow .content-card .image:before{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%)}.yellow .image-reveal-card:hover .image:before{background:linear-gradient(67.76deg,rgba(255,235,0,.8),transparent 61.11%);opacity:.75}.red .card-thumbnail__image:hover:before{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%)}.red .bio-card:hover .card-thumbnail__image:before{background:linear-gradient(67.76deg,rgba(230,45,45,.78),transparent 61.11%);opacity:.75}.red .author__img:hover:before{background:linear-gradient(45deg,rgba(230,45,45,.78),transparent 53%)}.red .publication-thumbnail__image:hover:after{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%)}.red .download-card:hover .card-thumbnail__image:before,.red .download-card:hover .publication-thumbnail__image:after,.red .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%);opacity:.75}.red .stats-panel:hover:after{background:linear-gradient(0deg,rgba(230,45,45,.78),transparent 140%)}.red .stats-panel:hover .stats-card{background-color:transparent}.red .wide-card__image a:hover:before{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%);opacity:.75}.red .feature__card-slide:before{background:linear-gradient(45deg,rgba(230,45,45,.78),transparent 67%)}.red .content-card .image:before{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%)}.red .image-reveal-card:hover .image:before{background:linear-gradient(67.76deg,rgba(230,45,45,.78),transparent 61.11%);opacity:.75}.green .card-thumbnail__image:hover:before{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%)}.green .bio-card:hover .card-thumbnail__image:before{background:linear-gradient(67.76deg,rgba(92,222,83,.82),transparent 61.11%);opacity:.75}.green .author__img:hover:before{background:linear-gradient(45deg,rgba(92,222,83,.82),transparent 53%)}.green .publication-thumbnail__image:hover:after{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%)}.green .download-card:hover .card-thumbnail__image:before,.green .download-card:hover .publication-thumbnail__image:after,.green .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%);opacity:.75}.green .stats-panel:hover:after{background:linear-gradient(0deg,rgba(92,222,83,.82),transparent 140%)}.green .stats-panel:hover .stats-card{background-color:transparent}.green .wide-card__image a:hover:before{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%);opacity:.75}.green .feature__card-slide:before{background:linear-gradient(45deg,rgba(92,222,83,.82),transparent 67%)}.green .content-card .image:before{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%)}.green .image-reveal-card:hover .image:before{background:linear-gradient(67.76deg,rgba(92,222,83,.82),transparent 61.11%);opacity:.75}.blue .card-thumbnail__image:hover:before{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%)}.blue .bio-card:hover .card-thumbnail__image:before{background:linear-gradient(67.76deg,rgba(94,232,246,.82),transparent 61.11%);opacity:.75}.blue .author__img:hover:before{background:linear-gradient(45deg,rgba(94,232,246,.82),transparent 53%)}.blue .publication-thumbnail__image:hover:after{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%)}.blue .download-card:hover .card-thumbnail__image:before,.blue .download-card:hover .publication-thumbnail__image:after,.blue .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%);opacity:.75}.blue .stats-panel:hover:after{background:linear-gradient(0deg,rgba(94,232,246,.82),transparent 140%)}.blue .stats-panel:hover .stats-card{background-color:transparent}.blue .wide-card__image a:hover:before{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%);opacity:.75}.blue .feature__card-slide:before{background:linear-gradient(45deg,rgba(94,232,246,.82),transparent 67%)}.blue .content-card .image:before{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%)}.blue .image-reveal-card:hover .image:before{background:linear-gradient(67.76deg,rgba(94,232,246,.82),transparent 61.11%);opacity:.75}[dir=rtl] .yellow .card-thumbnail__image:hover:before{background:linear-gradient(297deg,rgba(255,235,0,.8),transparent 61.11%)}[dir=rtl] .yellow .bio-card:hover .card-thumbnail__image:before,[dir=rtl] .yellow .download-card:hover .card-thumbnail__image:before{background:linear-gradient(297deg,rgba(255,235,0,.8),transparent 61.11%);opacity:.75}[dir=rtl] .yellow .download-card:hover .publication-thumbnail__image:after,[dir=rtl] .yellow .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(318deg,rgba(255,235,0,.8),transparent 70.49%);opacity:.75}[dir=rtl] .yellow .wide-card__image a:hover:before{background:linear-gradient(318deg,rgba(255,235,0,.8),transparent 80%);opacity:.75}[dir=rtl] .yellow .feature__card-slide:before{background:linear-gradient(318deg,rgba(255,235,0,.8),transparent 67.25%)}[dir=rtl] .red .card-thumbnail__image:hover:before{background:linear-gradient(297deg,rgba(230,45,45,.78),transparent 61.11%)}[dir=rtl] .red .bio-card:hover .card-thumbnail__image:before,[dir=rtl] .red .download-card:hover .card-thumbnail__image:before{background:linear-gradient(297deg,rgba(230,45,45,.78),transparent 61.11%);opacity:.75}[dir=rtl] .red .download-card:hover .publication-thumbnail__image:after,[dir=rtl] .red .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(318deg,rgba(230,45,45,.78),transparent 70.49%);opacity:.75}[dir=rtl] .red .wide-card__image a:hover:before{background:linear-gradient(318deg,rgba(230,45,45,.78),transparent 80%);opacity:.75}[dir=rtl] .red .feature__card-slide:before{background:linear-gradient(318deg,rgba(230,45,45,.78),transparent 67.25%)}[dir=rtl] .green .card-thumbnail__image:hover:before{background:linear-gradient(297deg,rgba(92,222,83,.82),transparent 61.11%)}[dir=rtl] .green .bio-card:hover .card-thumbnail__image:before,[dir=rtl] .green .download-card:hover .card-thumbnail__image:before{background:linear-gradient(297deg,rgba(92,222,83,.82),transparent 61.11%);opacity:.75}[dir=rtl] .green .download-card:hover .publication-thumbnail__image:after,[dir=rtl] .green .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(318deg,rgba(92,222,83,.82),transparent 70.49%);opacity:.75}[dir=rtl] .green .wide-card__image a:hover:before{background:linear-gradient(318deg,rgba(92,222,83,.82),transparent 80%);opacity:.75}[dir=rtl] .green .feature__card-slide:before{background:linear-gradient(318deg,rgba(92,222,83,.82),transparent 67.25%)}[dir=rtl] .blue .card-thumbnail__image:hover:before{background:linear-gradient(297deg,rgba(94,232,246,.82),transparent 61.11%)}[dir=rtl] .blue .bio-card:hover .card-thumbnail__image:before,[dir=rtl] .blue .download-card:hover .card-thumbnail__image:before{background:linear-gradient(297deg,rgba(94,232,246,.82),transparent 61.11%);opacity:.75}[dir=rtl] .blue .download-card:hover .publication-thumbnail__image:after,[dir=rtl] .blue .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(318deg,rgba(94,232,246,.82),transparent 70.49%);opacity:.75}[dir=rtl] .blue .wide-card__image a:hover:before{background:linear-gradient(318deg,rgba(94,232,246,.82),transparent 80%);opacity:.75}[dir=rtl] .blue .feature__card-slide:before{background:linear-gradient(318deg,rgba(94,232,246,.82),transparent 67.25%)}.yellow .stats-card:hover{background-color:#ffeb00}.yellow .progress-bar{background:#ffeb00}.yellow .blockquote,.yellow .content-card.card:hover{background-color:#ffeb00}.yellow .content-card.card:hover .cta--space:after{filter:invert(0) brightness(0)}.yellow .content-card.card-color:hover,.yellow .content-card.card-emphasize:hover{background-color:#ffeb00}.yellow .feature__card-slide{background:#ffeb00}.red .stats-card:hover{background-color:#ee402d}.red .progress-bar{background:#ee402d}.red .blockquote,.red .content-card.card:hover{background-color:#ee402d}.red .content-card.card:hover .cta--space:after{filter:invert(0) brightness(0)}.red .content-card.card-color:hover,.red .content-card.card-emphasize:hover{background-color:#ee402d}.red .feature__card-slide{background:#ee402d}.green .stats-card:hover{background-color:#6de354}.green .progress-bar{background:#6de354}.green .blockquote,.green .content-card.card:hover{background-color:#6de354}.green .content-card.card:hover .cta--space:after{filter:invert(0) brightness(0)}.green .content-card.card-color:hover,.green .content-card.card-emphasize:hover{background-color:#6de354}.green .feature__card-slide{background:#6de354}.blue .stats-card:hover{background-color:#60d4f2}.blue .progress-bar{background:#60d4f2}.blue .blockquote,.blue .content-card.card:hover{background-color:#60d4f2}.blue .content-card.card:hover .cta--space:after{filter:invert(0) brightness(0)}.blue .content-card.card-color:hover,.blue .content-card.card-emphasize:hover{background-color:#60d4f2}.blue .feature__card-slide{background:#60d4f2}.yellow .content-card.card-emphasize{background-color:#ffe17e}.red .content-card.card-emphasize{background-color:#ffbcb7}.green .content-card.card-emphasize{background-color:#b8ecb6}.blue .content-card.card-emphasize{background-color:#a2daf3}.global-header .header{height:7.1875rem}@media(max-width:63.9375em){.global-header .header{height:4.6875rem}}.global-header .header .fluid{height:7.1875rem}@media(min-width:90em){.global-header .header .fluid{margin:0 4.375rem}}@media(max-width:63.9375em){.global-header .header .fluid{height:4.6875rem}}@media(min-width:90em){.global-header .header .top-left{margin-bottom:0}}@media(max-width:63.9375em){.global-header .header .top-left{display:flex;margin-bottom:0}.global-header .header .top-left .dropdown-language{display:none}}.global-header .header .top-left .dropdown-language{margin-left:.75rem}.global-header .header .mid-nav{display:flex;height:7.1875rem;justify-content:center;position:relative}@media(max-width:63.9375em){.global-header .header .mid-nav nav{height:4.6875rem}}.global-header .header .mid-nav ul{align-items:stretch;display:flex;height:100%;left:50%;max-height:7.1875rem;padding-left:3.375rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:translateY(-50%);width:50%;z-index:9}@media(min-width:90em){.global-header .header .mid-nav ul{padding-left:4.375rem}}@media(max-width:63.9375em){.global-header .header .mid-nav ul{display:none}}.global-header .header .mid-nav ul:first-of-type{justify-content:right;left:inherit;padding-left:0;padding-right:3.375rem;right:50%}@media(min-width:90em){.global-header .header .mid-nav ul:first-of-type{padding-right:4.375rem}}.global-header .header .mid-nav ul li{align-items:stretch;display:flex;margin:0 1.5rem}@media(min-width:90em){.global-header .header .mid-nav ul li{margin:0 2.1875rem}}.global-header .header .mid-nav ul li a{align-items:center;display:flex}@media(min-width:90em){.global-header .header .mid-nav ul li a{margin-top:0}}.global-header .header .mid-nav .logo{position:relative;z-index:10}@media(min-width:90em){.global-header .header .mid-nav .logo{left:50%;position:fixed;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:translateX(-50%);z-index:10}}@media(max-width:63.9375em){.global-header .header .mid-nav .logo{height:4.6875rem;margin:0}}.global-header .header .align-content-middle{align-items:center;position:relative}.global-header .header .top-right{display:flex;justify-content:flex-end}@media(min-width:90em){.global-header .header .top-right{margin-bottom:0}}@media(max-width:63.9375em){.global-header .header .top-right{margin-bottom:0}.global-header .header .top-right .icon-globe{display:none}}.global-header .header .top-right .icon-globe{margin-left:1.75rem;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDIzLjI1YzYuMjEzIDAgMTEuMjUtNS4wMzcgMTEuMjUtMTEuMjVTMTguMjEzLjc1IDEyIC43NS43NSA1Ljc4Ny43NSAxMiA1Ljc4NyAyMy4yNSAxMiAyMy4yNVpNMTEuNjUyLjc4NFYyMi45MU0uMjc3IDEyLjE2aDIyLjcwNSIgc3Ryb2tlPSIjMDA2RUI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xMS41IDIzLjI1YzMuMTc2IDAgNS43NS01LjAzNyA1Ljc1LTExLjI1UzE0LjY3Ni43NSAxMS41Ljc1IDUuNzUgNS43ODcgNS43NSAxMnMyLjU3NCAxMS4yNSA1Ljc1IDExLjI1WiIgc3Ryb2tlPSIjMDA2RUI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0yLjcxNyA1LjcxczIuNjE3IDIuODQ4IDkuMDcyIDIuODM0YzYuNDU1LS4wMTQgOS44MzYtMi4zNTQgOS44MzYtMi4zNTRNMjEuNjI3IDE4LjU0NXMtMy4yMDktMi43LTkuNjY0LTIuNjg4Yy02LjQ1NS4wMTItOS4yNDQgMi4yMDgtOS4yNDQgMi4yMDgiIHN0cm9rZT0iIzAwNkVCNSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=) no-repeat left center;mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDIzLjI1YzYuMjEzIDAgMTEuMjUtNS4wMzcgMTEuMjUtMTEuMjVTMTguMjEzLjc1IDEyIC43NS43NSA1Ljc4Ny43NSAxMiA1Ljc4NyAyMy4yNSAxMiAyMy4yNVpNMTEuNjUyLjc4NFYyMi45MU0uMjc3IDEyLjE2aDIyLjcwNSIgc3Ryb2tlPSIjMDA2RUI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xMS41IDIzLjI1YzMuMTc2IDAgNS43NS01LjAzNyA1Ljc1LTExLjI1UzE0LjY3Ni43NSAxMS41Ljc1IDUuNzUgNS43ODcgNS43NSAxMnMyLjU3NCAxMS4yNSA1Ljc1IDExLjI1WiIgc3Ryb2tlPSIjMDA2RUI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0yLjcxNyA1LjcxczIuNjE3IDIuODQ4IDkuMDcyIDIuODM0YzYuNDU1LS4wMTQgOS44MzYtMi4zNTQgOS44MzYtMi4zNTRNMjEuNjI3IDE4LjU0NXMtMy4yMDktMi43LTkuNjY0LTIuNjg4Yy02LjQ1NS4wMTItOS4yNDQgMi4yMDgtOS4yNDQgMi4yMDgiIHN0cm9rZT0iIzAwNkVCNSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=) no-repeat left center}@media(max-width:63.9375em){.global-header .header .top-right .icon-globe{display:none}}.global-header .header .top-right .icon-search{margin-left:1rem;margin-right:.75rem;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDE4LjI1YTguMjUgOC4yNSAwIDEgMCAwLTE2LjUgOC4yNSA4LjI1IDAgMCAwIDAgMTYuNVpNMjMuMTQ0IDIyLjExOGwtNy4zLTUuOTY3IiBzdHJva2U9IiMwMDZFQjUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat left center;mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDE4LjI1YTguMjUgOC4yNSAwIDEgMCAwLTE2LjUgOC4yNSA4LjI1IDAgMCAwIDAgMTYuNVpNMjMuMTQ0IDIyLjExOGwtNy4zLTUuOTY3IiBzdHJva2U9IiMwMDZFQjUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat left center}@media(max-width:47.9375em){.global-header .header .top-right .icon-search{background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDE4LjI1YTguMjUgOC4yNSAwIDEgMCAwLTE2LjUgOC4yNSA4LjI1IDAgMCAwIDAgMTYuNVpNMjMuMTQ0IDIyLjExOGwtNy4zLTUuOTY3IiBzdHJva2U9IiMwMDZFQjUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat 0;margin-left:0;margin-right:0;-webkit-mask:inherit;mask:inherit}.global-header .header .top-right .icon-search:hover{background-color:transparent}}.global-header .header .mid-nav ul,.global-header .header .top-left,.global-header .header .top-right{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.global-header.global-load-animation .header .mid-nav .logo{left:.75rem;position:fixed;top:0;transform:translateX(0);-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.global-header.global-load-animation .mid-nav ul,.global-header.global-load-animation .top-left,.global-header.global-load-animation .top-right{opacity:0}.global-header.run-animation .header .mid-nav .logo{left:50%;position:fixed;transform:translateX(-50%)}.global-header.show-content .mid-nav ul,.global-header.show-content .top-left,.global-header.show-content .top-right{opacity:1}[dir=rtl] .global-header .mid-nav ul{left:inherit;padding-left:0;padding-right:4.375rem;right:50%}[dir=rtl] .global-header .mid-nav ul li{padding-right:0}[dir=rtl] .global-header .mid-nav ul:first-of-type{justify-content:left;left:50%;padding-left:4.375rem;padding-right:0;right:inherit}[dir=rtl] .global-header .top-right .icon-globe{margin-left:0;margin-right:1.75rem}[dir=rtl] .global-header .top-right .icon-search{margin-left:0}[dir=rtl] .global-header .top-left .dropdown-language{margin-left:0;margin-right:.75rem}[dir=rtl] .global-header .top-left .icon-bar{margin-right:.75rem}[dir=rtl] .global-header.global-load-animation .header .mid-nav .logo{left:inherit;right:.75rem}[dir=rtl] .global-header.run-animation .header .mid-nav .logo{left:inherit;right:50%;transform:translateX(50%)} \ No newline at end of file +.global-header .header .top-right .icon-globe,.global-header .header .top-right .icon-search{background-color:#006eb5;border:0;cursor:pointer;display:inline-flex;font-size:0;height:26px;margin-right:.5rem;min-width:25px;padding:0;width:25px}@media(max-width:47.9375em){.global-header .header .top-right .icon-globe,.global-header .header .top-right .icon-search{margin-right:0;-webkit-mask:inherit;mask:inherit}}.global-header .header .top-right .icon-globe:hover,.global-header .header .top-right .icon-search:hover{background-color:#4f95dd}.overlay-grey:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.global-header .header .mid-nav .logo{background-image:none}[data-viewport=true]{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transition:translateX(-100px);-webkit-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);visibility:hidden}[data-viewport=true].inviewport,[dir=rtl] [data-viewport=true].inviewport{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition:translateX(0);visibility:visible}.scale-up{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transition:scale(.9);-webkit-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);transition:transform 1.2s cubic-bezier(.34,.41,.03,1)}.opacity-only{opacity:0;-webkit-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);transition:opacity 1.2s cubic-bezier(.34,.41,.03,1)}.opacity-only.inviewport{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition:translateX(0)}.global-header .header{background-color:#fafafa;box-shadow:0 3px 6px rgba(0,0,0,.1);left:0;position:fixed;top:0;width:100%;z-index:9}.global-header .header .mid-nav .logo img{min-width:60px;-webkit-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-moz-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-ms-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-o-transition:all .4s cubic-bezier(.64,.05,.35,1.05);transition:all .4s cubic-bezier(.64,.05,.35,1.05)}@media(min-width:64em){.global-header .header .mid-nav .logo img{height:122px}.global-header .header .mid-nav .logo img.scrolled{height:115px}}@media(max-width:63.9375em){.global-header .header .mid-nav .logo img{height:82px;min-width:40px}.global-header .header .mid-nav .logo img.scrolled{height:75px}}.color-white{color:#fff}.color-black{color:#000}.show-large{display:none}@media(min-width:48em){.show-large{display:block}}.show-small{display:block}@media(min-width:48em){.show-small{display:none}}.height-full{height:100%}.overlay-grey:before{background:rgba(0,0,0,.2)}.custom-scrollbar{overflow-x:auto;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:#000 transparent;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{border-radius:0;height:5px;width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#000;background-clip:padding-box;border:2px solid #fff}.custom-scrollbar::-webkit-scrollbar-corner{display:none}.custom-scrollbar::-webkit-scrollbar-thumb{background:#000}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.scale-up.inviewport{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:scale(1)}.expand-to-size{max-width:calc(100% - 1rem)}@media(min-width:48em){.expand-to-size{max-width:calc(100% - 3rem)}}[dir=rtl] [data-viewport=true]{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transition:translateX(100px)}.overflow-hidden{overflow:hidden}.background-yellow{background-color:#ffe17e}.background-red{background-color:#ffbcb7}.background-green{background-color:#b8ecb6}.background-blue{background-color:#b5d5f5}.background-gray{background-color:#fafafa}.background-white{background-color:#fff}.yellow .card-thumbnail__image:hover:before{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%)}.yellow .bio-card:hover .card-thumbnail__image:before{background:linear-gradient(67.76deg,rgba(255,235,0,.8),transparent 61.11%);opacity:.75}.yellow .author__img:hover:before{background:linear-gradient(45deg,rgba(255,235,0,.8),transparent 53%)}.yellow .publication-thumbnail__image:hover:after{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%)}.yellow .download-card:hover .card-thumbnail__image:before,.yellow .download-card:hover .publication-thumbnail__image:after,.yellow .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%);opacity:.75}.yellow .stats-panel:hover:after{background:linear-gradient(0deg,rgba(255,235,0,.8),transparent 140%)}.yellow .stats-panel:hover .stats-card{background-color:transparent}.yellow .wide-card__image a:hover:before{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%);opacity:.75}.yellow .feature__card-slide:before{background:linear-gradient(45deg,rgba(255,235,0,.8),transparent 67%)}.yellow .content-card .image:before{background:linear-gradient(42deg,rgba(255,235,0,.8),transparent 80%)}.yellow .image-reveal-card:hover .image:before{background:linear-gradient(67.76deg,rgba(255,235,0,.8),transparent 61.11%);opacity:.75}.red .card-thumbnail__image:hover:before{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%)}.red .bio-card:hover .card-thumbnail__image:before{background:linear-gradient(67.76deg,rgba(230,45,45,.78),transparent 61.11%);opacity:.75}.red .author__img:hover:before{background:linear-gradient(45deg,rgba(230,45,45,.78),transparent 53%)}.red .publication-thumbnail__image:hover:after{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%)}.red .download-card:hover .card-thumbnail__image:before,.red .download-card:hover .publication-thumbnail__image:after,.red .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%);opacity:.75}.red .stats-panel:hover:after{background:linear-gradient(0deg,rgba(230,45,45,.78),transparent 140%)}.red .stats-panel:hover .stats-card{background-color:transparent}.red .wide-card__image a:hover:before{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%);opacity:.75}.red .feature__card-slide:before{background:linear-gradient(45deg,rgba(230,45,45,.78),transparent 67%)}.red .content-card .image:before{background:linear-gradient(42deg,rgba(230,45,45,.78),transparent 80%)}.red .image-reveal-card:hover .image:before{background:linear-gradient(67.76deg,rgba(230,45,45,.78),transparent 61.11%);opacity:.75}.green .card-thumbnail__image:hover:before{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%)}.green .bio-card:hover .card-thumbnail__image:before{background:linear-gradient(67.76deg,rgba(92,222,83,.82),transparent 61.11%);opacity:.75}.green .author__img:hover:before{background:linear-gradient(45deg,rgba(92,222,83,.82),transparent 53%)}.green .publication-thumbnail__image:hover:after{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%)}.green .download-card:hover .card-thumbnail__image:before,.green .download-card:hover .publication-thumbnail__image:after,.green .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%);opacity:.75}.green .stats-panel:hover:after{background:linear-gradient(0deg,rgba(92,222,83,.82),transparent 140%)}.green .stats-panel:hover .stats-card{background-color:transparent}.green .wide-card__image a:hover:before{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%);opacity:.75}.green .feature__card-slide:before{background:linear-gradient(45deg,rgba(92,222,83,.82),transparent 67%)}.green .content-card .image:before{background:linear-gradient(42deg,rgba(92,222,83,.82),transparent 80%)}.green .image-reveal-card:hover .image:before{background:linear-gradient(67.76deg,rgba(92,222,83,.82),transparent 61.11%);opacity:.75}.blue .card-thumbnail__image:hover:before{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%)}.blue .bio-card:hover .card-thumbnail__image:before{background:linear-gradient(67.76deg,rgba(94,232,246,.82),transparent 61.11%);opacity:.75}.blue .author__img:hover:before{background:linear-gradient(45deg,rgba(94,232,246,.82),transparent 53%)}.blue .publication-thumbnail__image:hover:after{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%)}.blue .download-card:hover .card-thumbnail__image:before,.blue .download-card:hover .publication-thumbnail__image:after,.blue .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%);opacity:.75}.blue .stats-panel:hover:after{background:linear-gradient(0deg,rgba(94,232,246,.82),transparent 140%)}.blue .stats-panel:hover .stats-card{background-color:transparent}.blue .wide-card__image a:hover:before{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%);opacity:.75}.blue .feature__card-slide:before{background:linear-gradient(45deg,rgba(94,232,246,.82),transparent 67%)}.blue .content-card .image:before{background:linear-gradient(42deg,rgba(94,232,246,.82),transparent 80%)}.blue .image-reveal-card:hover .image:before{background:linear-gradient(67.76deg,rgba(94,232,246,.82),transparent 61.11%);opacity:.75}[dir=rtl] .yellow .card-thumbnail__image:hover:before{background:linear-gradient(297deg,rgba(255,235,0,.8),transparent 61.11%)}[dir=rtl] .yellow .bio-card:hover .card-thumbnail__image:before,[dir=rtl] .yellow .download-card:hover .card-thumbnail__image:before{background:linear-gradient(297deg,rgba(255,235,0,.8),transparent 61.11%);opacity:.75}[dir=rtl] .yellow .download-card:hover .publication-thumbnail__image:after,[dir=rtl] .yellow .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(318deg,rgba(255,235,0,.8),transparent 70.49%);opacity:.75}[dir=rtl] .yellow .wide-card__image a:hover:before{background:linear-gradient(318deg,rgba(255,235,0,.8),transparent 80%);opacity:.75}[dir=rtl] .yellow .feature__card-slide:before{background:linear-gradient(318deg,rgba(255,235,0,.8),transparent 67.25%)}[dir=rtl] .red .card-thumbnail__image:hover:before{background:linear-gradient(297deg,rgba(230,45,45,.78),transparent 61.11%)}[dir=rtl] .red .bio-card:hover .card-thumbnail__image:before,[dir=rtl] .red .download-card:hover .card-thumbnail__image:before{background:linear-gradient(297deg,rgba(230,45,45,.78),transparent 61.11%);opacity:.75}[dir=rtl] .red .download-card:hover .publication-thumbnail__image:after,[dir=rtl] .red .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(318deg,rgba(230,45,45,.78),transparent 70.49%);opacity:.75}[dir=rtl] .red .wide-card__image a:hover:before{background:linear-gradient(318deg,rgba(230,45,45,.78),transparent 80%);opacity:.75}[dir=rtl] .red .feature__card-slide:before{background:linear-gradient(318deg,rgba(230,45,45,.78),transparent 67.25%)}[dir=rtl] .green .card-thumbnail__image:hover:before{background:linear-gradient(297deg,rgba(92,222,83,.82),transparent 61.11%)}[dir=rtl] .green .bio-card:hover .card-thumbnail__image:before,[dir=rtl] .green .download-card:hover .card-thumbnail__image:before{background:linear-gradient(297deg,rgba(92,222,83,.82),transparent 61.11%);opacity:.75}[dir=rtl] .green .download-card:hover .publication-thumbnail__image:after,[dir=rtl] .green .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(318deg,rgba(92,222,83,.82),transparent 70.49%);opacity:.75}[dir=rtl] .green .wide-card__image a:hover:before{background:linear-gradient(318deg,rgba(92,222,83,.82),transparent 80%);opacity:.75}[dir=rtl] .green .feature__card-slide:before{background:linear-gradient(318deg,rgba(92,222,83,.82),transparent 67.25%)}[dir=rtl] .blue .card-thumbnail__image:hover:before{background:linear-gradient(297deg,rgba(94,232,246,.82),transparent 61.11%)}[dir=rtl] .blue .bio-card:hover .card-thumbnail__image:before,[dir=rtl] .blue .download-card:hover .card-thumbnail__image:before{background:linear-gradient(297deg,rgba(94,232,246,.82),transparent 61.11%);opacity:.75}[dir=rtl] .blue .download-card:hover .publication-thumbnail__image:after,[dir=rtl] .blue .publication-card:hover .publication-thumbnail__image:after{background:linear-gradient(318deg,rgba(94,232,246,.82),transparent 70.49%);opacity:.75}[dir=rtl] .blue .wide-card__image a:hover:before{background:linear-gradient(318deg,rgba(94,232,246,.82),transparent 80%);opacity:.75}[dir=rtl] .blue .feature__card-slide:before{background:linear-gradient(318deg,rgba(94,232,246,.82),transparent 67.25%)}.yellow .stats-card:hover{background-color:#ffeb00}.yellow .progress-bar{background:#ffeb00}.yellow .blockquote,.yellow .content-card.card:hover{background-color:#ffeb00}.yellow .content-card.card:hover .cta--space:after{filter:invert(0) brightness(0)}.yellow .content-card.card-color:hover,.yellow .content-card.card-emphasize:hover{background-color:#ffeb00}.yellow .feature__card-slide{background:#ffeb00}.red .stats-card:hover{background-color:#ee402d}.red .progress-bar{background:#ee402d}.red .blockquote,.red .content-card.card:hover{background-color:#ee402d}.red .content-card.card:hover .cta--space:after{filter:invert(0) brightness(0)}.red .content-card.card-color:hover,.red .content-card.card-emphasize:hover{background-color:#ee402d}.red .feature__card-slide{background:#ee402d}.green .stats-card:hover{background-color:#6de354}.green .progress-bar{background:#6de354}.green .blockquote,.green .content-card.card:hover{background-color:#6de354}.green .content-card.card:hover .cta--space:after{filter:invert(0) brightness(0)}.green .content-card.card-color:hover,.green .content-card.card-emphasize:hover{background-color:#6de354}.green .feature__card-slide{background:#6de354}.blue .stats-card:hover{background-color:#60d4f2}.blue .progress-bar{background:#60d4f2}.blue .blockquote,.blue .content-card.card:hover{background-color:#60d4f2}.blue .content-card.card:hover .cta--space:after{filter:invert(0) brightness(0)}.blue .content-card.card-color:hover,.blue .content-card.card-emphasize:hover{background-color:#60d4f2}.blue .feature__card-slide{background:#60d4f2}.yellow .content-card.card-emphasize{background-color:#ffe17e}.red .content-card.card-emphasize{background-color:#ffbcb7}.green .content-card.card-emphasize{background-color:#b8ecb6}.blue .content-card.card-emphasize{background-color:#a2daf3}.global-header .header{height:7.1875rem}@media(max-width:63.9375em){.global-header .header{height:4.6875rem}}.global-header .header .fluid{height:7.1875rem}@media(min-width:90em){.global-header .header .fluid{margin:0 4.375rem}}@media(max-width:63.9375em){.global-header .header .fluid{height:4.6875rem}}@media(min-width:90em){.global-header .header .top-left{margin-bottom:0}}@media(max-width:63.9375em){.global-header .header .top-left{display:flex;margin-bottom:0}.global-header .header .top-left .dropdown-language{display:none}}.global-header .header .top-left .dropdown-language{margin-left:.75rem}.global-header .header .mid-nav{display:flex;height:7.1875rem;justify-content:center;position:relative}@media(max-width:63.9375em){.global-header .header .mid-nav,.global-header .header .mid-nav nav{height:4.6875rem}}.global-header .header .mid-nav ul{align-items:stretch;display:flex;height:100%;left:50%;max-height:7.1875rem;padding-left:3.375rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:translateY(-50%);width:50%;z-index:9}@media(min-width:90em){.global-header .header .mid-nav ul{padding-left:4.375rem}}@media(max-width:63.9375em){.global-header .header .mid-nav ul{display:none}}.global-header .header .mid-nav ul:first-of-type{justify-content:right;left:inherit;padding-left:0;padding-right:3.375rem;right:50%}@media(min-width:90em){.global-header .header .mid-nav ul:first-of-type{padding-right:4.375rem}}.global-header .header .mid-nav ul li{align-items:stretch;display:flex;margin:0 1.5rem}@media(min-width:90em){.global-header .header .mid-nav ul li{margin:0 2.1875rem}}.global-header .header .mid-nav ul li a{align-items:center;display:flex}@media(min-width:90em){.global-header .header .mid-nav ul li a{margin-top:0}}.global-header .header .mid-nav .logo{position:relative;z-index:10}@media(min-width:90em){.global-header .header .mid-nav .logo{left:50%;position:fixed;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:translateX(-50%);z-index:10}}@media(max-width:63.9375em){.global-header .header .mid-nav .logo{height:4.6875rem;margin:0}}.global-header .header .align-content-middle{align-items:center;position:relative}.global-header .header .top-right{display:flex;justify-content:flex-end}@media(min-width:90em){.global-header .header .top-right{margin-bottom:0}}@media(max-width:63.9375em){.global-header .header .top-right{margin-bottom:0}.global-header .header .top-right .icon-globe{display:none}}.global-header .header .top-right .icon-globe{margin-left:1.75rem;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDIzLjI1YzYuMjEzIDAgMTEuMjUtNS4wMzcgMTEuMjUtMTEuMjVTMTguMjEzLjc1IDEyIC43NS43NSA1Ljc4Ny43NSAxMiA1Ljc4NyAyMy4yNSAxMiAyMy4yNVpNMTEuNjUyLjc4NFYyMi45MU0uMjc3IDEyLjE2aDIyLjcwNSIgc3Ryb2tlPSIjMDA2RUI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xMS41IDIzLjI1YzMuMTc2IDAgNS43NS01LjAzNyA1Ljc1LTExLjI1UzE0LjY3Ni43NSAxMS41Ljc1IDUuNzUgNS43ODcgNS43NSAxMnMyLjU3NCAxMS4yNSA1Ljc1IDExLjI1WiIgc3Ryb2tlPSIjMDA2RUI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0yLjcxNyA1LjcxczIuNjE3IDIuODQ4IDkuMDcyIDIuODM0YzYuNDU1LS4wMTQgOS44MzYtMi4zNTQgOS44MzYtMi4zNTRNMjEuNjI3IDE4LjU0NXMtMy4yMDktMi43LTkuNjY0LTIuNjg4Yy02LjQ1NS4wMTItOS4yNDQgMi4yMDgtOS4yNDQgMi4yMDgiIHN0cm9rZT0iIzAwNkVCNSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=) no-repeat left center;mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDIzLjI1YzYuMjEzIDAgMTEuMjUtNS4wMzcgMTEuMjUtMTEuMjVTMTguMjEzLjc1IDEyIC43NS43NSA1Ljc4Ny43NSAxMiA1Ljc4NyAyMy4yNSAxMiAyMy4yNVpNMTEuNjUyLjc4NFYyMi45MU0uMjc3IDEyLjE2aDIyLjcwNSIgc3Ryb2tlPSIjMDA2RUI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xMS41IDIzLjI1YzMuMTc2IDAgNS43NS01LjAzNyA1Ljc1LTExLjI1UzE0LjY3Ni43NSAxMS41Ljc1IDUuNzUgNS43ODcgNS43NSAxMnMyLjU3NCAxMS4yNSA1Ljc1IDExLjI1WiIgc3Ryb2tlPSIjMDA2RUI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0yLjcxNyA1LjcxczIuNjE3IDIuODQ4IDkuMDcyIDIuODM0YzYuNDU1LS4wMTQgOS44MzYtMi4zNTQgOS44MzYtMi4zNTRNMjEuNjI3IDE4LjU0NXMtMy4yMDktMi43LTkuNjY0LTIuNjg4Yy02LjQ1NS4wMTItOS4yNDQgMi4yMDgtOS4yNDQgMi4yMDgiIHN0cm9rZT0iIzAwNkVCNSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=) no-repeat left center}@media(max-width:63.9375em){.global-header .header .top-right .icon-globe{display:none}}.global-header .header .top-right .icon-search{margin-left:1rem;margin-right:.75rem;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDE4LjI1YTguMjUgOC4yNSAwIDEgMCAwLTE2LjUgOC4yNSA4LjI1IDAgMCAwIDAgMTYuNVpNMjMuMTQ0IDIyLjExOGwtNy4zLTUuOTY3IiBzdHJva2U9IiMwMDZFQjUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat left center;mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDE4LjI1YTguMjUgOC4yNSAwIDEgMCAwLTE2LjUgOC4yNSA4LjI1IDAgMCAwIDAgMTYuNVpNMjMuMTQ0IDIyLjExOGwtNy4zLTUuOTY3IiBzdHJva2U9IiMwMDZFQjUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat left center}@media(max-width:47.9375em){.global-header .header .top-right .icon-search{background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDE4LjI1YTguMjUgOC4yNSAwIDEgMCAwLTE2LjUgOC4yNSA4LjI1IDAgMCAwIDAgMTYuNVpNMjMuMTQ0IDIyLjExOGwtNy4zLTUuOTY3IiBzdHJva2U9IiMwMDZFQjUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat 0;margin-left:0;margin-right:0;-webkit-mask:inherit;mask:inherit}.global-header .header .top-right .icon-search:hover{background-color:transparent}}.global-header .header .mid-nav ul,.global-header .header .top-left,.global-header .header .top-right{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.global-header.global-load-animation .header .mid-nav .logo{left:.75rem;position:fixed;top:0;transform:translateX(0);-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.global-header.global-load-animation .mid-nav ul,.global-header.global-load-animation .top-left,.global-header.global-load-animation .top-right{opacity:0}.global-header.run-animation .header .mid-nav .logo{left:50%;position:fixed;transform:translateX(-50%)}.global-header.show-content .mid-nav ul,.global-header.show-content .top-left,.global-header.show-content .top-right{opacity:1}[dir=rtl] .global-header .mid-nav ul{left:inherit;padding-left:0;padding-right:4.375rem;right:50%}[dir=rtl] .global-header .mid-nav ul li{padding-right:0}[dir=rtl] .global-header .mid-nav ul:first-of-type{justify-content:left;left:50%;padding-left:4.375rem;padding-right:0;right:inherit}[dir=rtl] .global-header .top-right .icon-globe{margin-left:0;margin-right:1.75rem}[dir=rtl] .global-header .top-right .icon-search{margin-left:0}[dir=rtl] .global-header .top-left .dropdown-language{margin-left:0;margin-right:.75rem}[dir=rtl] .global-header .top-left .icon-bar{margin-right:.75rem}[dir=rtl] .global-header.global-load-animation .header .mid-nav .logo{left:inherit;right:.75rem}[dir=rtl] .global-header.run-animation .header .mid-nav .logo{left:inherit;right:50%;transform:translateX(50%)} \ No newline at end of file diff --git a/stories/Components/Navigationcomponents/Mainnavigation/GlobalHeader/global-header.scss b/stories/Components/Navigationcomponents/Mainnavigation/GlobalHeader/global-header.scss index 0a9898652..55e61b6f7 100644 --- a/stories/Components/Navigationcomponents/Mainnavigation/GlobalHeader/global-header.scss +++ b/stories/Components/Navigationcomponents/Mainnavigation/GlobalHeader/global-header.scss @@ -50,6 +50,10 @@ position: relative; height: 7.1875rem; + @include devicebreak(mediumonlytab) { + height: 4.6875rem; + } + nav { @include devicebreak(mediumonlytab) { height: 4.6875rem;