.epg-body .sj-overlay { font-family: "FoxtelText", arial, sans-serif; } .sj-search-input-holder-outer { padding: 0.9em 0; position: relative; height: 28px; } .sj-search-input-holder-inner { position: absolute; } .sj-search-bar-input-common { width: 500px; font-size: 20px; padding: 0.4em; outline: none; letter-spacing: 0.6px; margin-top: auto; margin-bottom: auto; margin-left: auto; line-height: 24px; text-rendering: optimizeLegibility; border-radius: 0; -webkit-box-sizing: initial; box-sizing: initial; } .sj-search-bar-completion { border: 1px solid #d9d9d9; color: #bebebe; } .sj-search-bar-input { border: 1px solid transparent; position: absolute; background: transparent; color: #666; top: 0; left: 0; } .sj-search-icon { display: none; } .sj-result-summary-autocomplete-override { display: block; padding-top: 16px; font-size: 1.2em; } .sj-result-summary-autocomplete-override > a { color: #1a0dab; } .sj-result-summary { padding-bottom: 1.5em; font-size: 16px; color: #aaa; } .sj-result { clear: both; } .sj-result-list > * { margin-top: 1.5em; } .sj-result-list > :first-child { margin-top: 0; } .sj-result-title { margin-bottom: 0; margin-top: 0; font-size: 16px; line-height: 24px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .sj-result-title a { text-decoration: none; font-weight: 400; font-size: 20px; color: #333; line-height: 21.6px; } .sj-result-title a:hover { text-decoration: underline; } .sj-result-description { color: #545454; font-size: 15px; line-height: 22px; overflow-wrap: break-word; margin-top: 2px; margin-bottom: 4px; } .sj-result-url { font-size: 13px; line-height: 18.2px; margin: 0; color: #a2a2a2; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .sj-result-url a { text-decoration: none; color: #a2a2a2; } .sj-result-image-container { float: left; width: 100px; } .sj-result-image-container img { max-height: 90px; max-width: 90px; } .sj-paginator { margin: 1em 0; text-align: center; } .sj-paginator > div { display: inline; padding: 10px; color: #777; font-weight: 700; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sj-paginator > div.current { color: #333; } .sj-paginator > div.disabled { color: #aaa; } .sj-tabs-container { border-bottom: 1px solid #ebebeb; color: #777; width: 100%; margin-bottom: 1em; } .sj-tabs { overflow: auto; white-space: nowrap; } .sj-tab { display: inline-block; font-size: 16px; cursor: pointer; margin: 0; padding: 0.9em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sj-tab-active { color: #333; border-bottom: 3px solid #333; } @-webkit-keyframes sj-overlay-rolldown { 0% { opacity: 0; height: 20%; } to { opacity: 1; height: 100%; } } @keyframes sj-overlay-rolldown { 0% { opacity: 0; height: 20%; } to { opacity: 1; height: 100%; } } .sj-overlay { background-color: #fff; position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; z-index: 1000000; -webkit-animation-name: sj-overlay-rolldown; animation-name: sj-overlay-rolldown; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-box-sizing: content-box; box-sizing: content-box; } .sj-overlay-search { padding-left: 10px; padding-right: 10px; } .sj-overlay-close { position: absolute; top: 0; right: 20px; z-index: 1; color: #aaa; text-align: center; cursor: pointer; } .sj-overlay-close:hover { color: #000; } .sj-overlay-close .sj-close { font-size: 40px; line-height: 30px; padding-top: 10px; } .sj-overlay-close .sj-esc { font-size: 12px; } @media (max-width: 845px) { .sj-overlay-close { right: 3%; } .sj-overlay .sj-search-bar-input-common { width: 70vw; width: calc(94vw - 0.9em); } } .sj-overlay { color: #32323c; } .sj-overlay * { -webkit-box-sizing: content-box; box-sizing: content-box; } .sj-result-list .sj-result-title, .sj-tab { font-family: FoxtelTextBold; } .sj-overlay-search { padding-left: 0; padding-right: 0; } .sj-search-input-holder-outer { height: 50px; padding: 14px 0 10px 126px; } .sj-overlay-close { color: #323c3c; } .sj-overlay-close:hover { color: #000; } .sj-overlay-close .sj-close { padding-top: 16px; } .sj-logo { background-image: url("https://www.foxtel.com.au/content/dam/foxtel/icons/foxtel-logo-2020.svg"); background-repeat: no-repeat; float: left; position: absolute; z-index: 1; width: 103px; height: 48px; background-size: 103px; margin-top: 14px; margin-left: 126px; } .sj-logo:hover { cursor: pointer; } .sj-search-input-holder-outer { margin-left: 145px; } .sj-tab-active, .sj-tab:hover { color: #ed6e24; border-color: #ed6e24; } .sj-tab { font-size: 15px; } .sj-tabs-container { margin-bottom: 14px; } .sj-result-error, .sj-result-list, .sj-result-summary, .sj-tabs-container { padding-left: 126px; } .sj-result-summary { padding-bottom: 14px; } .sj-pipeline-response, .sj-results-placeholder { border-top: 1px solid #ebebeb; } .sj-foxtel-placeholder { margin-left: 126px; } .sj-placeholder-title { font-size: 24px; line-height: 1.25em; margin-top: 30px; } ul.sj-placeholder-list { list-style: none; padding-left: 10px; } .sj-placeholder-list li { padding-top: 5px; padding-bottom: 3px; padding-left: 15px; } .sj-overlay ul.sj-placeholder-list a.sj-placeholder-link:hover { color: #32323c; cursor: pointer; } .sj-result-list { max-width: 700px; } .sj-result-summary-text { font-size: 14px; } .sj-result-title > a { font-size: 20px; text-decoration: none; color: #333; } .sj-result-summary-autocomplete-override { display: inline; font-size: 14px; } .sj-result-description { color: #545454; padding-top: 2px; padding-bottom: 2px; font-size: 16px; } .sj-result-url { color: #a2a2a2; } .sj-result-title a { color: #ed6e24; } .sj-result-url a:hover { color: #d44513; } .sj-overlay-close:hover { color: #333; } .sj-paginator div.current { color: #ed6e24; } .sj-paginator div.disabled { background-color: inherit !important; } @media (max-width: 845px) { .sj-overlay-close { right: 3%; } .sj-search-input-holder-outer { padding: 69px 0 10px; margin-left: auto; } .sj-logo { margin-left: calc(50vw - 34px); } .sj-search-bar-input-common { width: calc(95vw - 18px); margin-left: 2.5vw; } .sj-result-error, .sj-result-list, .sj-result-summary, .sj-tabs-container { padding-left: 2.5vw; padding-right: 2.5vw; } .sj-foxtel-placeholder { margin-left: 5px; } }