:host .tef-header, .tef-header ::content { position: relative; height: 138px; background: {{g.headerBg}} left bottom no-repeat; } :host .tef-header h1, .tef-header ::content h1 { display: none; position: absolute; bottom: 22px; right: 32px; color: #fff; height: 34px; margin: 0; font-size: 32px; font-weight: 300; } @media only screen and (min-width: {{g.widthXS}}) { :host .tef-header h1, .tef-header ::content h1 { display: block; } } :host .tef-header h1 a, .tef-header ::content h1 a { color: white; text-decoration: none; } :host .tef-header h2, .tef-header ::content h2 { position: absolute; bottom: 26px; left: 24px; background: {{g.headerLogo}} no-repeat; height: 34px; width: 200px; margin: 0; font-size: 0; } :host .tef-header nav, .tef-header ::content nav { position: fixed; top: 0; right: 0; left: 0; height: 32px; padding: 0 32px; background: {{g.headerNav}}; color: {{g.headerText}}; z-index: 98; } @media only screen and (min-width: {{g.widthSM}}) { :host .tef-header nav, .tef-header ::content nav { position: relative; } } :host .tef-header ul, .tef-header ::content ul { display: none; position: absolute; top: 32px; right: 0; background: white; box-shadow: {{g.shadow}}; list-style: none; padding: 0; margin: 0; } @media only screen and (min-width: {{g.widthSM}}) { :host .tef-header ul, .tef-header ::content ul { display: block; background: transparent; top: 0; right: 22px; box-shadow: none; } } :host .tef-header ul.show, .tef-header ::content ul.show { display: block; } :host .tef-header li, .tef-header ::content li { color: {{g.headerReverse}}; font-size: 12px; line-height: 14px; padding: 9px 40px; border-bottom: 1px solid {{g.grey1}}; text-align: right; } @media only screen and (min-width: {{g.widthSM}}) { :host .tef-header li, .tef-header ::content li { display: inline-block; color: white; border: none; line-height: 32px; padding: 0 10px; } } :host .tef-header li span, .tef-header ::content li span { position: relative; top: -2px; } :host .tef-header li a, .tef-header ::content li a { color: {{g.headerReverse}}; text-decoration: none; } @media only screen and (min-width: {{g.widthSM}}) { :host .tef-header li a, .tef-header ::content li a { color: white; } } :host .tef-header li a:hover span, .tef-header ::content li a:hover span, :host .tef-header li a:focus span, .tef-header ::content li a:focus span, :host .tef-header li a:active span, .tef-header ::content li a:active span { text-decoration: underline; } :host .tef-header li [icon], .tef-header ::content li [icon] { color: {{g.headerIcon}}; padding-left: 4px; font-size: 16px; } :host .tef-header .tef-close, .tef-header ::content .tef-close, :host .tef-header .tef-menu, .tef-header ::content .tef-menu { position: absolute; top: 0; right: 32px; height: 32px; width: 40px; border: none; background: white; color: {{g.headerReverse}}; font-size: 25px; z-index: 99; cursor: pointer; } :host .tef-header .tef-close.show, .tef-header ::content .tef-close.show, :host .tef-header .tef-menu.show, .tef-header ::content .tef-menu.show { display: block; } @media only screen and (min-width: {{g.widthSM}}) { :host .tef-header .tef-close.show, .tef-header ::content .tef-close.show, :host .tef-header .tef-menu.show, .tef-header ::content .tef-menu.show { display: none; } } :host .tef-header .tef-close:hover, .tef-header ::content .tef-close:hover, :host .tef-header .tef-menu:hover, .tef-header ::content .tef-menu:hover, :host .tef-header .tef-close:focus, .tef-header ::content .tef-close:focus, :host .tef-header .tef-menu:focus, .tef-header ::content .tef-menu:focus, :host .tef-header .tef-close:active, .tef-header ::content .tef-close:active, :host .tef-header .tef-menu:active, .tef-header ::content .tef-menu:active { background: white; color: {{g.headerReverse}}; } :host .tef-header .tef-close, .tef-header ::content .tef-close { display: none; } :host .tef-header .tef-menu, .tef-header ::content .tef-menu { background: {{g.headerNav}}; color: white; } @media only screen and (min-width: {{g.widthSM}}) { :host .tef-header .tef-menu, .tef-header ::content .tef-menu { display: none; } } /* Generated by grunt-webfont */ @font-face { font-family:"icons"; src:url("icons.eot?6ad6fa8c0002640cad80de673e6cd57a"); font-weight:normal; font-style:normal; } @font-face { font-family:"icons"; src:url("icons.eot?6ad6fa8c0002640cad80de673e6cd57a"); src:url("icons.eot?#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"); font-weight:normal; font-style:normal; } [icon] { text-align: center; } [icon]:before { font-family:"icons"; font-weight:normal; font-style:normal; speak:none; letter-spacing: 0; text-decoration:inherit; text-transform:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } /* Icons */ [icon="angle_down"]:before { content:"\f101"; } [icon="angle_left"]:before { content:"\f102"; } [icon="angle_right"]:before { content:"\f103"; } [icon="angle_up"]:before { content:"\f104"; } [icon="check"]:before { content:"\f105"; } [icon="close"]:before { content:"\f106"; } [icon="close_circle"]:before { content:"\f107"; } [icon="dropdown"]:before { content:"\f108"; } [icon="help_circle"]:before { content:"\f109"; } [icon="menu"]:before { content:"\f10a"; } [icon="minus"]:before { content:"\f10b"; } [icon="plus"]:before { content:"\f10c"; } [icon="search"]:before { content:"\f10d"; } [icon="sort"]:before { content:"\f10e"; } [icon="sort_asc"]:before { content:"\f10f"; } [icon="sort_desc"]:before { content:"\f110"; } [icon="user"]:before { content:"\f111"; }