.visuallyhidden, .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .focusable.sr-only:active, .visuallyhidden.focusable:focus, .focusable.sr-only:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ''; display: table; line-height: 0; } .clearfix:after { clear: both; } /* -------------------- Utilities -------------------- */ .hidden { display: none !important; visibility: hidden; } .invisible { visibility: hidden; } .pull-left { float: left; } img.pull-left { margin-right: 1em; } .pull-right { float: right; } img.pull-right { margin-left: 1em; } .gbl-search-trigger { background: transparent url(mysource_files/icon-search.svg) no-repeat 0 0; background-position: center; border: 0; font-size: 0; width: 3.125rem; height: 3.125rem; padding: 0.625rem; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1024px) { .gbl-search-trigger:hover, .gbl-search-trigger:focus { cursor: pointer; opacity: .7; } } .gbl-search-trigger.is-active { background: transparent url(mysource_files/icon-cross.svg) no-repeat 0 0; background-position: center; } .hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 10px; cursor: pointer; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; text-transform: none; color: inherit; border: 0; background-color: transparent; width: auto; } .hamburger.is-active:hover, .hamburger:hover { opacity: .7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color: #fff; } .hamburger-box { position: relative; display: inline-block; width: 30px; height: 24px; } .hamburger-inner { top: 50%; display: block; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 30px; height: 4px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; background-color: #fff; } .hamburger-inner:after, .hamburger-inner:before { display: block; content: ""; } .hamburger-inner:before { top: -10px; } .hamburger-inner:after { bottom: -10px; } .hamburger--squeeze .hamburger-inner { -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition-duration: 75ms; transition-duration: 75ms; } .hamburger--squeeze .hamburger-inner:before { -webkit-transition: top 75ms ease .12s, opacity 75ms ease; transition: top 75ms ease .12s, opacity 75ms ease; } .hamburger--squeeze .hamburger-inner:after { -webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger--squeeze.is-active .hamburger-inner:before { top: 0; -webkit-transition: top 75ms ease, opacity 75ms ease .12s; transition: top 75ms ease, opacity 75ms ease .12s; opacity: 0; } .hamburger--squeeze.is-active .hamburger-inner:after { bottom: 0; -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @font-face { font-family: 'HelveticaNowText'; font-style: normal; font-weight: normal; src: url(./mysource_files/HelveticaNowText-Regular.eot) format("embedded-opentype"), url(./mysource_files/HelveticaNowText-Regular.ttf) format("truetype"); } @font-face { font-family: 'HelveticaNowTextMedium'; font-style: normal; font-weight: 500; src: url(./mysource_files/HelveticaNowText-Medium.eot) format("embedded-opentype"), url(./mysource_files/HelveticaNowText-Medium.ttf) format("truetype"); } @font-face { font-family: 'HelveticaNowTextBold'; font-style: normal; font-weight: bold; src: url(./mysource_files/HelveticaNowText-Bold.eot) format("embedded-opentype"), url(./mysource_files/HelveticaNowText-Bold.ttf) format("truetype"); } body { overflow-y: scroll; font-size: 1em; line-height: 1.4; padding: 3.5rem 0 0 0; margin: 0; font-family: "HelveticaNowText"; } @media (min-width: 767px) { body { padding: 4.0625rem 0 0 0; } } @media (min-width: 1024px) { body { padding: 5.625rem 0 0 0; } } @media (min-width: 1230px) { body { padding: 5.875rem 0 0 0; } } html { -webkit-box-sizing: border-box; box-sizing: border-box; } .header { position: fixed; top: 0; z-index: 1000; width: 100%; background: #203232; margin: 0 auto; } .header > .container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1024px) { .header > .container { max-width: 1024px; } } @media (min-width: 1230px) { .header > .container { max-width: 1730px; } } .header__left-container { width: 50%; margin-right: auto; padding-left: 0.625rem; } .header__left-container .logo { width: 7.8125rem; padding: 0.9375rem 0; -webkit-transition: all 0.15s; transition: all 0.15s; } @media (min-width: 767px) { .header__left-container .logo { width: 10.9375rem; } } @media (min-width: 1024px) { .header__left-container .logo { width: 12.5rem; padding: 1.5625rem 0; } } @media (min-width: 1230px) { .header__left-container .logo { width: 14.0625rem; } } @media (min-width: 1024px) { .header__left-container { width: 18.125rem; } } .header__right-container { width: 50%; margin-left: auto; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } @media (min-width: 1024px) { .header__right-container { width: 20%; } } .header__right-container button:focus { outline: 0; } .nav-wrapper { position: fixed; top: 3.5rem; left: 0; bottom: 0; visibility: hidden; z-index: -1; width: 100%; background: #203232; margin: 0; padding: 0 0 6.25rem 0; overflow-x: hidden; } @media (max-width: 1023px) { .nav-wrapper { overflow-x: hidden; padding: 0; overflow-y: scroll; } } @media (min-width: 1024px) { .nav-wrapper { height: 100%; top: 5.5rem; } } .nav-wrapper > .container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .nav-wrapper > .container:first-of-type { margin-bottom: 3em; } @media (max-width: 1023px) { .nav-wrapper > .container:first-of-type { margin-bottom: 0; } } @media (min-width: 1024px) { .nav-wrapper > .container { max-width: 1024px; } } @media (min-width: 1230px) { .nav-wrapper > .container { max-width: 1230px; } } @media (max-width: 1023px) { .nav-wrapper > .container { padding: 0; } } .nav-wrapper .global-nav { overflow: hidden; } @media (min-width: 1024px) { .nav-wrapper .global-nav { margin-bottom: 2rem; position: relative; } } @media (min-width: 1230px) { .nav-wrapper .global-nav { min-height: 39.375rem; } } .nav-wrapper .global-nav-primary, .nav-wrapper .global-nav-secondary, .nav-wrapper .global-nav .sub-nav { list-style: none; margin: 0; padding: 0; } .nav-wrapper .global-nav-primary--item_link, .nav-wrapper .global-nav-secondary--item_link, .nav-wrapper .global-nav .sub-nav--item_link { text-decoration: none; color: #ffffff; } .nav-wrapper .global-nav-primary { width: 100%; padding: 1.25rem; } @media (max-width: 1023px) { .nav-wrapper .global-nav-primary { position: relative; } } @media (min-width: 1024px) { .nav-wrapper .global-nav-primary { margin-bottom: 2rem; width: 30%; padding: 0; margin-top: 4.5em; } } .nav-wrapper .global-nav-primary--item { padding-right: 1rem; margin-bottom: 1rem; list-style: none; } @media (min-width: 1024px) { .nav-wrapper .global-nav-primary--item { margin-bottom: 1.5rem; } } .nav-wrapper .global-nav-primary--item > ul { list-style: none; } .nav-wrapper .global-nav-primary--item_link { font-family: "HelveticaNowTextBold"; font-size: 1.25rem; display: block; } @media (min-width: 1024px) { .nav-wrapper .global-nav-primary--item_link { font-size: 1.75rem; } } .nav-wrapper .global-nav-primary--item_link span { padding: 0; display: inline-block; } @media (min-width: 1024px) { .nav-wrapper .global-nav-primary--item_link span { padding: 0 0.375rem; position: relative; } .nav-wrapper .global-nav-primary--item_link span:before { content: ""; display: table; clear: both; } .nav-wrapper .global-nav-primary--item_link span:after { content: ""; display: table; clear: both; } .nav-wrapper .global-nav-primary--item_link span:before { position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 0; background: #ffffff; display: block; } } @media (min-width: 1024px) { .nav-wrapper .global-nav-primary--item_link:hover span { color: #203232; -webkit-transition: all 0.2s; transition: all 0.2s; } .nav-wrapper .global-nav-primary--item_link:hover span:before { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } } @media (min-width: 1024px) { .nav-wrapper .global-nav-primary--item.is-active .global-nav-primary--item_link span { color: #203232; } .nav-wrapper .global-nav-primary--item.is-active .global-nav-primary--item_link span:before { width: 100%; } } @media (max-width: 1023px) { .nav-wrapper .global-nav-primary--item.is-active .global-nav-secondary-container { left: 0%; } } @media (min-width: 1024px) { .nav-wrapper .global-nav-primary--item.is-active .global-nav-secondary-container { display: block; } } .nav-wrapper .global-nav-primary--item.selected .global-nav-primary--item_link span { color: #203232; background: #ffffff; } .nav-wrapper .global-nav-primary--item:last-of-type { margin-bottom: 0; } .nav-wrapper .global-nav .global-nav-secondary-container { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; padding: 1.25rem; background: #203232; display: none; } @media (max-width: 1023px) { .nav-wrapper .global-nav .global-nav-secondary-container { z-index: 11; } } @media (min-width: 1024px) { .nav-wrapper .global-nav .global-nav-secondary-container { display: none; left: 0; margin-left: 30%; width: 70%; background: transparent; padding: 0; height: 100%; } } .nav-wrapper .global-nav .global-nav-secondary-container.is-active { display: block; } .nav-wrapper .global-nav .global-nav-secondary-container.is-active .global-nav-secondary { display: block; } @media (min-width: 1024px) { .nav-wrapper .global-nav .global-nav-secondary-container.is-active .global-nav-secondary { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .nav-wrapper .global-nav .global-nav-secondary-container.is-active .global-nav-secondary { left: 100%; } } .nav-wrapper .global-nav .global-nav-secondary-container .mbl-back { display: block; } @media (min-width: 1024px) { .nav-wrapper .global-nav .global-nav-secondary-container .mbl-back { margin-top: 4.4375rem; } } .nav-wrapper .global-nav-secondary { width: 100%; padding: 1.25rem; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; list-style: none; margin: 0; padding: 0; } @media (min-width: 1024px) { .nav-wrapper .global-nav-secondary { height: 30em; } } .nav-wrapper .global-nav-secondary--item { padding: 0.5625rem 0; border-bottom: 1px solid #3F4D4D; } @media (min-width: 1024px) { .nav-wrapper .global-nav-secondary--item { margin-right: 3.125rem; display: inline-block; width: 45%; } } @media (min-width: 1024px) { .nav-wrapper .global-nav-secondary--item:nth-child(10) { border-top: 1px solid #3F4D4D; } } @media (min-width: 1024px) { .nav-wrapper .global-nav-secondary--item:nth-child(11) { border-top: 1px solid #3F4D4D; } } .nav-wrapper .global-nav-secondary--item.has-children > a { position: relative; } .nav-wrapper .global-nav-secondary--item.has-children > a:after { content: url(mysource_files/icon-arrow-right.png); position: absolute; top: 0; right: 5px; } .nav-wrapper .global-nav-secondary--item_link { font-family: "HelveticaNowText"; font-size: 1rem; display: block; } @media (min-width: 1024px) { .nav-wrapper .global-nav-secondary--item_link { font-size: 1.125rem; } } .nav-wrapper .global-nav-secondary--item_link span { display: inline-block; } .nav-wrapper .global-nav-secondary--item_link span:before { content: ""; display: table; clear: both; } .nav-wrapper .global-nav-secondary--item_link span:after { content: ""; display: table; clear: both; } @media (min-width: 1024px) { .nav-wrapper .global-nav-secondary--item_link span { position: relative; } .nav-wrapper .global-nav-secondary--item_link span:after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #ffffff; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; display: block; } } .nav-wrapper .global-nav-secondary--item_link:hover span:after { width: 100%; } .nav-wrapper .global-nav-secondary--item .mbl-back { display: block; } @media (min-width: 1024px) { .nav-wrapper .global-nav-secondary--item .mbl-back { display: none; } } .nav-wrapper .global-nav .mbl-back { position: relative; color: #ffffff; text-decoration: none; margin: 0.625rem 0; background: transparent; border: 0; } .nav-wrapper .global-nav .mbl-back:before { position: absolute; top: -7px; content: url(mysource_files/icon-back.svg); left: -10px; } .nav-wrapper .global-nav .mbl-back span { font-family: "HelveticaNowText"; display: block; padding-left: 2.5rem; font-size: 1.125rem; } .nav-wrapper .global-nav .mbl-back:hover { cursor: pointer; } .nav-wrapper .global-nav .nav-heading { position: relative; color: #ffffff; padding: 0.5625rem 0; border-bottom: 1px solid #3F4D4D; text-decoration: none; display: block; font-family: "HelveticaNowTextBold"; font-size: 1.125rem; } @media (min-width: 1024px) { .nav-wrapper .global-nav .nav-heading { display: inline-block; width: 45%; } } .nav-wrapper .global-nav .nav-heading span { display: inline-block; } .nav-wrapper .global-nav .nav-heading span:before { content: ""; display: table; clear: both; } .nav-wrapper .global-nav .nav-heading span:after { content: ""; display: table; clear: both; } @media (min-width: 1024px) { .nav-wrapper .global-nav .nav-heading span { position: relative; } .nav-wrapper .global-nav .nav-heading span:after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #ffffff; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; display: block; } } .nav-wrapper .global-nav .nav-heading:hover span:after { width: 100%; } .nav-wrapper .global-nav .sub-nav-container { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; padding: 1.25rem; background: #203232; display: none; } @media (max-width: 1023px) { .nav-wrapper .global-nav .sub-nav-container { z-index: 11; } } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav-container { display: none; left: 0; margin-left: 60%; width: 100%; background: transparent; padding: 0; top: 1rem; } } .nav-wrapper .global-nav .sub-nav-container .nav-heading { margin-top: -0.125rem; } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav-container .sub-nav-container { top: 0em; } } .nav-wrapper .global-nav .sub-nav-container.is-active { display: block; left: 100%; } .nav-wrapper .global-nav .sub-nav-container.is-active .mbl-back { display: block; } .nav-wrapper .global-nav .sub-nav-container.is-active .sub-nav { display: block; } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav-container.is-active .sub-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } .nav-wrapper .global-nav .sub-nav { width: 100%; padding: 1.25rem; background: #203232; display: block; list-style: none; margin: 0; padding: 0; } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav { height: 30em; background: transparent; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav.adjust-height { height: 41em; } } @media (min-width: 1230px) { .nav-wrapper .global-nav .sub-nav.adjust-height { height: 37em; } } .nav-wrapper .global-nav .sub-nav--item { padding: 0.5625rem 0; border-bottom: 1px solid #3F4D4D; } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav--item { margin-right: 3.125rem; display: inline-block; width: 45%; } } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav--item:nth-child(10) { border-top: 1px solid #3F4D4D; } } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav--item:nth-child(11) { border-top: 1px solid #3F4D4D; } } .nav-wrapper .global-nav .sub-nav--item.has-children > a { position: relative; } .nav-wrapper .global-nav .sub-nav--item.has-children > a:after { content: url(mysource_files/icon-arrow-right.png); position: absolute; top: 0; right: 5px; } .nav-wrapper .global-nav .sub-nav--item_link { font-family: "HelveticaNowText"; font-size: 1rem; display: block; padding-right: 2rem; } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav--item_link { font-size: 1.125rem; } } .nav-wrapper .global-nav .sub-nav--item_link span { display: inline-block; } .nav-wrapper .global-nav .sub-nav--item_link span:before { content: ""; display: table; clear: both; } .nav-wrapper .global-nav .sub-nav--item_link span:after { content: ""; display: table; clear: both; } @media (min-width: 1024px) { .nav-wrapper .global-nav .sub-nav--item_link span { position: relative; } .nav-wrapper .global-nav .sub-nav--item_link span:after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #ffffff; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; display: block; } } .nav-wrapper .global-nav .sub-nav--item_link:hover span:after { width: 100%; } .nav-wrapper .utility-nav-wrapper { padding: 0.625rem 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 1024px) { .nav-wrapper .utility-nav-wrapper { padding: 0; } } .nav-wrapper .utility-nav-wrapper .utility-nav { margin: 0; padding: 0; list-style: none; } .nav-wrapper .utility-nav-wrapper .utility-nav--item { margin-bottom: 0.5rem; display: inline-block; margin-right: 0.5rem; } @media (min-width: 1024px) { .nav-wrapper .utility-nav-wrapper .utility-nav--item { margin-right: 1rem; margin-bottom: 0; } } .nav-wrapper .utility-nav-wrapper .utility-nav--item_link { color: #ffffff; font-family: "HelveticaNowText"; font-size: 0.9375rem; display: block; } @media (min-width: 1024px) { .nav-wrapper .utility-nav-wrapper .utility-nav--item_link { text-align: right; font-size: 1.125rem; } } .nav-wrapper .utility-nav-wrapper .utility-nav--item_link span { display: inline-block; position: relative; } .nav-wrapper .utility-nav-wrapper .utility-nav--item_link span:before { content: ""; display: table; clear: both; } .nav-wrapper .utility-nav-wrapper .utility-nav--item_link span:after { content: ""; display: table; clear: both; } .nav-wrapper .utility-nav-wrapper .utility-nav--item_link span:after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #ffffff; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; display: block; } .nav-wrapper .utility-nav-wrapper .utility-nav--item_link:hover span:after { width: 100%; } .nav-wrapper .nav-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .nav-wrapper .nav-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .nav-wrapper .social-media-links { height: auto; } @media (max-width: 1023px) { .nav-wrapper .social-media-links { padding: 0 1.25rem; } .nav-wrapper .social-media-links .tef-logo { max-width: 6.25rem; margin-bottom: 0; } .nav-wrapper .social-media-links ul { margin-left: -0.9375rem; } } @media (min-width: 1024px) { .nav-wrapper .social-media-links { text-align: right; } } .gbl-search-wrapper { position: fixed; top: 3.5rem; left: 0; bottom: 0; visibility: hidden; z-index: -1; width: 100%; background: #203232; margin: 0; padding: 1.25rem 0; } @media (min-width: 767px) { .gbl-search-wrapper { top: 4.0625rem; } } @media (min-width: 1024px) { .gbl-search-wrapper { height: 100%; top: 5.5rem; padding: 2.8125rem 0; } } .gbl-search-wrapper .gbl-search fieldset { border: 0; margin: 0; padding: 0; position: relative; } .gbl-search-wrapper .gbl-search fieldset legend { position: absolute; left: -999999em; } .gbl-search-wrapper .gbl-search fieldset .form-row { max-width: 75rem; margin: 0 auto; position: relative; padding-bottom: 0.3125rem; border-bottom: solid 0.0625rem #ffffff; } .gbl-search-wrapper .gbl-search fieldset .form-row .twitter-typeahead { width: 100%; } .gbl-search-wrapper .gbl-search fieldset .form-row input[type="search"] { height: 3.125rem; background: transparent; width: 100%; border: 0; padding: 0.625rem 3.75rem 0.625rem 0.625rem; font-size: 1rem; color: #ffffff; outline: none; } @media (min-width: 1024px) { .gbl-search-wrapper .gbl-search fieldset .form-row input[type="search"] { font-size: 1.625rem; } } @media (min-width: 1230px) { .gbl-search-wrapper .gbl-search fieldset .form-row input[type="search"] { font-size: 2rem; } } .gbl-search-wrapper .gbl-search fieldset .form-row .search-btn { position: absolute; top: 0; right: 0; margin: 0; padding: 0; border: 0; width: 3.125rem; height: 3.125rem; background: transparent url(mysource_files/icon-search.svg) no-repeat 0 0; background-position: center; font-size: 0; text-indent: -99999em; } .nav-active { overflow: hidden; height: 100%; } .nav-active .nav-wrapper { z-index: 10; visibility: visible; background: rgba(32, 50, 50, 0.96); overflow: auto; } @media (max-width: 1023px) { .nav-active .nav-wrapper { background: #203232; } } @media (max-width: 1023px) { .nav-active .nav-wrapper.is-active { background: #203232; } } @media (min-width: 1024px) { .nav-active .nav-wrapper .global-nav-primary--item:nth-child(1) { -webkit-transition-delay: 0.116s; transition-delay: 0.116s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(2) { -webkit-transition-delay: 0.132s; transition-delay: 0.132s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(3) { -webkit-transition-delay: 0.148s; transition-delay: 0.148s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(4) { -webkit-transition-delay: 0.164s; transition-delay: 0.164s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(5) { -webkit-transition-delay: 0.18s; transition-delay: 0.18s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(6) { -webkit-transition-delay: 0.196s; transition-delay: 0.196s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(7) { -webkit-transition-delay: 0.212s; transition-delay: 0.212s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(8) { -webkit-transition-delay: 0.228s; transition-delay: 0.228s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(9) { -webkit-transition-delay: 0.244s; transition-delay: 0.244s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(10) { -webkit-transition-delay: 0.26s; transition-delay: 0.26s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(11) { -webkit-transition-delay: 0.276s; transition-delay: 0.276s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(12) { -webkit-transition-delay: 0.292s; transition-delay: 0.292s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(13) { -webkit-transition-delay: 0.308s; transition-delay: 0.308s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(14) { -webkit-transition-delay: 0.324s; transition-delay: 0.324s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(15) { -webkit-transition-delay: 0.34s; transition-delay: 0.34s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(16) { -webkit-transition-delay: 0.356s; transition-delay: 0.356s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(17) { -webkit-transition-delay: 0.372s; transition-delay: 0.372s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(18) { -webkit-transition-delay: 0.388s; transition-delay: 0.388s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(19) { -webkit-transition-delay: 0.404s; transition-delay: 0.404s; } .nav-active .nav-wrapper .global-nav-primary--item:nth-child(20) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; } .nav-active .nav-wrapper .global-nav-primary--item_link span { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .nav-active .nav-wrapper .global-nav-primary--item_link span:before { -webkit-transition: all 0.4s; transition: all 0.4s; } .nav-active .social-media-links ul li { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .nav-active .social-media-links ul li:before { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } } .gbl-search-active .gbl-search-wrapper { z-index: 10; visibility: visible; background: #203232; background: rgba(32, 50, 50, 0.96); } .gbl-search input[type="text"] { font-size: 1rem; height: 3.75rem; background: #ffffff !important; border: none; outline: none; color: #203232; padding: 0.9375rem 3.4375rem 0.9375rem 0.9375rem; cursor: pointer; -webkit-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; width: 100%; border-radius: 2px; } @media (min-width: 1024px) { .gbl-search input[type="text"] { height: 4.6875rem; font-size: 1.375rem; padding: 0.9375rem 3.4375rem 0.9375rem 2.5rem; } } .gbl-search input[type="text"]:focus { cursor: text; } .gbl-search input[type="search"] { font-size: 1rem; height: 3.75rem; background: #ffffff; border: none; outline: none; color: #203232; padding: 0.9375rem 3.4375rem 0.9375rem 0.9375rem; cursor: pointer; -webkit-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; width: 100%; border-radius: 2px; } @media (min-width: 1024px) { .gbl-search input[type="search"] { font-size: 1.375rem; padding: 0.9375rem 5rem 0.9375rem 2.5rem; } } .gbl-search input[type="search"]:focus { cursor: text; } .gbl-search .search-btn { position: relative; height: 3.125rem; width: 3.125rem; background: url(mysource_files/icon-search-black.svg) center no-repeat; background-size: contain; cursor: pointer; padding: 0; margin: 0; border: 0; font-size: 0; text-indent: -999999em; border: none; margin-left: -5rem; } .gbl-search .twitter-typeahead { width: 100%; position: relative; } @media (min-width: 1024px) { .gbl-search .twitter-typeahead { width: 65%; -webkit-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; } } .gbl-search .twitter-typeahead.expand { width: 100%; } .gbl-search .tt-highlight { color: #9C5FB5; } .gbl-search .tt-hint { color: #a2acac !important; } .gbl-search .tt-menu { background: #ffffff; padding: 1.25rem 1.875rem; width: 100% !important; } .gbl-search .tt-dataset { margin-bottom: 1.25rem; width: 100%; } .gbl-search .tt-dataset .tt-suggestion { margin-bottom: 0.625rem; cursor: pointer; } .gbl-search .tt-dataset__header { margin-bottom: 0.625rem; font-size: 1.25rem; font-family: "HelveticaNowTextBold"; color: #203232; } .gbl-search .tt-dataset__result { text-decoration: none; font-family: "HelveticaNowText"; font-size: 0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; color: #000000; } .gbl-search .tt-dataset__result .image { margin-right: 0.625rem; display: inline; } .gbl-search .tt-dataset__result .content { width: 100%; } .gbl-search .tt-dataset__result .image + .content { width: 70%; } .gbl-search .tt-dataset__result span { display: block; font-family: "HelveticaNowTextBold"; font-size: 1rem; } .gbl-search .tt-dataset img { width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; } .gbl-search .tt-dataset.tt-dataset-events img { width: 90px; height: 90px; } .gbl-search .global-concierge .tt-dataset:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media (min-width: 1024px) { .gbl-search .global-concierge .tt-dataset:first-of-type { margin-bottom: 1.875rem; } } @media (min-width: 1024px) { .gbl-search .global-concierge .tt-dataset:nth-child(3) { margin-left: 1.25rem; margin-right: 1.25rem; } } .gbl-search .global-concierge .tt-dataset { float: left; width: 100%; } @media (min-width: 1024px) { .gbl-search .global-concierge .tt-dataset { width: calc((100% - 40px) / 3); } } @media (min-width: 1024px) { .gbl-search.hero-search .tt-dataset:first-child { margin-bottom: 1.875rem; } .gbl-search.hero-search .tt-dataset:not(:first-child) { width: calc((100% - 40px) / 3); float: left; } } .footer-container { background: #203232; color: #ffffff; font-family: "HelveticaNowText"; font-weight: 600; } .footer-container > .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1024px) { .footer-container > .container { max-width: 1024px; } } @media (min-width: 1230px) { .footer-container > .container { max-width: 1230px; } } .footer-container .footer-block { padding: 2.5rem 0; } .footer-container .footer-block a { text-decoration: none; color: #ffffff; } @media (min-width: 1024px) { .footer-container .footer-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1024px) { .footer-container .footer-block div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .footer-container .footer-block .footer-links.active .content { display: block; } .footer-container .footer-block .footer-links .footer-heading > a { display: block; } .footer-container .footer-block .footer-links .footer-heading h2 { font-size: 1.125rem; margin: 0 0 1.25rem 0; display: inline-block; } @media (max-width: 1023px) { .footer-container .footer-block .footer-links .footer-heading h2 { cursor: pointer; } } @media (min-width: 1024px) { .footer-container .footer-block .footer-links .footer-heading h2 { font-size: 1.5rem; } } @media (min-width: 1230px) { .footer-container .footer-block .footer-links .footer-heading h2 { font-size: 1.875rem; } } .footer-container .footer-block .footer-links .footer-heading h2:after { position: relative; right: -5px; top: 5px; content: url(mysource_files/icon-arrow-down.svg); } @media (min-width: 1024px) { .footer-container .footer-block .footer-links .footer-heading h2:after { content: none; } } .footer-container .footer-block .footer-links .footer-heading h4 { margin: 0 0 2.8125rem 0; font-size: 1.375rem; position: relative; } .footer-container .footer-block .footer-links:last-child .footer-heading h2:after { content: none; } .footer-container .footer-block .footer-links .content { display: none; font-size: 1rem; } @media (min-width: 1024px) { .footer-container .footer-block .footer-links .content { display: block; } } .footer-container .footer-block .footer-links .content ul { margin: 0; padding: 0; list-style: none; margin: 0 0 1.25rem 0.9375rem; } @media (min-width: 1024px) { .footer-container .footer-block .footer-links .content ul { margin: 0 0 1.25rem 0; } } .footer-container .footer-block .footer-links .content ul li { font-size: 1rem; margin-bottom: 1.25rem; } .footer-container .footer-block .footer-links .content ul li:last-of-type { margin-bottom: 0; } .footer-container .footer-block .footer-links .content.location { display: block; } .footer-container .footer-block .small-print-container { text-align: right; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; } @media (min-width: 1024px) { .footer-container .footer-block .small-print-container { text-align: right; } } .footer-container .footer-block .small-print-container .small-print { position: relative; } @media (min-width: 1024px) { .footer-container .footer-block .small-print-container .small-print { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } } .footer-container .footer-block .small-print-container .small-print .small-print-link { display: inline-block; margin: 0 0 1.25rem 0; } .footer-container .footer-block .small-print-container .small-print .small-print-link:after { position: relative; right: -5px; top: 3px; content: url(mysource_files/icon-arrow-down.svg); display: inline-block; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .footer-container .footer-block .small-print-container .small-print .small-print-link.open:after { top: 6px; display: inline-block; -webkit-transform: rotate(0); transform: rotate(0); } .footer-container .footer-block .small-print-container .small-print .content { display: none; } @media (min-width: 1024px) { .footer-container .footer-block .small-print-container .small-print .content { position: absolute; right: 0; bottom: 3.125rem; background: rgba(32, 50, 50, 0.8); } } .footer-container .footer-block .small-print-container .small-print .content .ftr-links { list-style: none; } .footer-container .social-media-links ul li { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .footer-container .social-media-links ul li:before { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .social-media-links .tef-logo { margin-bottom: 2.25rem; } .social-media-links ul { margin: 0; padding: 0; list-style: none; } .social-media-links li { list-style: none; display: inline-block; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 40px; position: relative; z-index: 1; } .social-media-links li:before { content: url(""); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); z-index: -1; } .social-media-links li:hover:before { -webkit-transform: scale(0.9); transform: scale(0.9); } .social-media-links .icon { display: inline-block; width: 30px; height: 30px; text-align: center; } .social-media-links .icon-twitter:before { content: url(mysource_files/icon-twitter.svg); } .social-media-links .icon-facebook:before { content: url(mysource_files/icon-facebook.svg); } .social-media-links .icon-linkedin:before { content: url(mysource_files/icon-linkedin.svg); } .social-media-links .icon-youtube:before { content: url(mysource_files/icon-youtube.svg); } .social-media-links .icon-instagram:before { content: url(mysource_files/icon-insta.svg); } .ftr-links > li { padding-right: 0.9375rem; } .small-print-container .ftr-links > li { padding-right: 0; margin-bottom: 0.625rem; } .ftr-links-item { display: inline-block; padding-bottom: 0.25rem; position: relative; } .ftr-links-item:before { content: ""; display: table; clear: both; } .ftr-links-item:after { content: ""; display: table; clear: both; } .ftr-links-item:after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #ffffff; -webkit-transition: width 325ms ease; transition: width 325ms ease; display: block; } .ftr-links-item:hover:after { width: 100%; }