/* global header overrides */ .ui-obj-animation-wrapper { transform: none; } .ui-obj-header .ghf-masthead .ghf-logo, .ui-obj-header .ghf-masthead .ghf-logo-mobile { margin: 0; } .ghf-cta, .icon-down-arrow, .gfh-mega-menus, .ui-obj-header .ghf-masthead .ghf-hamburger-menu, .ui-obj-header .ghf-auxillary-nav-wrapper, .ui-obj-header .ghf-small-search, .ui-page-title { display: none; } .ui-obj-header .ghf-masthead .ghf-primary-nav { display: block !important; position: absolute; right: 0; top: 33%; margin: 0; } /* ¹û¶³´«Ã½Â鶹Éç, Apply and Give buttons */ .ui-obj-header .ghf-nav-text a { background: none; border: .13rem solid #191919; text-transform: unset; } .ui-obj-header .ghf-nav-text a { padding: 0.4em 1.3em; } .ui-obj-header .ghf-nav-text a:hover { background: #191919; color: #fff; } .ui-obj-header .ghf-masthead .ghf-primary-nav .ghf-primary-nav-top-level { font-size: 0.8rem; } .ui-obj-header .ghf-masthead .ghf-primary-nav .ghf-primary-nav-top-level>li { margin-left: 0.1em; } @media (min-width: 480px) { .ui-obj-header .ghf-masthead .ghf-primary-nav .ghf-primary-nav-top-level>li { margin-left: 1em; } } @media (min-width: 768px) { .ui-obj-header .ghf-masthead { height: 90px; width: 95% !important; } .ui-obj-header .ghf-masthead .ghf-primary-nav { top: 35%; } .ui-obj-header .ghf-masthead .ghf-primary-nav .ghf-primary-nav-top-level { font-size: 1.1rem; } } @media (min-width: 1199px) { .ui-obj-header .ghf-masthead { height: 110px; } .ui-obj-header .ghf-masthead .ghf-primary-nav { top: 37%; } } /* headers */ h2, .h2, h3, .h3 { text-transform: none; } h1:after, .h1:after, h2:after, .h2:after, h3:after, .h3:after { display: none; } /* CTA Buttons */ main .cta { border-radius: 3em; font-weight: 700; padding: 0.6em 1.2em; } @media (min-width: 768px) { main .cta { border-radius: unset; border: .12em solid; padding: 2em 4.5em; letter-spacing: unset; text-transform: none; margin-top: 2.3em; } main .cta, main .gold .cta { background: none; color: #191919; border-color: #191919; } main .black .cta { background: none; color: #fff; border-color: #fff; } main .black .cta:hover, main .black .cta:focus { color: #191919; background: #fff; border: .12em solid #fff; } main .cta:hover, main .cta:focus, main .gold .cta:hover, main .gold .cta:focus { color: #fff; background: #191919; border: .12em solid #191919; } }