/*** The new CSS reset - version 1.8.5 (last updated 14.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" attribute is exclud, because otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } @font-face { font-family: "Samsung"; src: url('/us/wp-content/themes/samsung-newsroom-2023/assets/fonts/SamsungOneLatinWeb-400.woff2') format('woff2'); font-weight: normal; } @font-face { font-family: "Samsung700"; src: url('/us/wp-content/themes/samsung-newsroom-2023/assets/fonts/SamsungOneLatinWeb-700.woff2') format('woff2'); } @font-face { font-family: "Samsung"; src: url('/us/wp-content/themes/samsung-newsroom-2023/assets/fonts/SamsungSharpSansBd.woff2') format('woff2'); font-weight: bold; } @font-face { font-family: "Inter"; src: url('/us/wp-content/themes/samsung-newsroom-2023/assets/fonts/Inter-UI-Regular.otf') format('otf'); font-weight: normal; } @font-face { font-family: "Inter"; src: url('/us/wp-content/themes/samsung-newsroom-2023/assets/fonts/Inter-UI-SemiBold.otf') format('otf'); font-weight: bold; } :root { --fontColor: #000; --fontSecondaryColor: #656565; --grey: #F4F4F4; --white: #fff; --black: #000; --blue: #0C369A; --lightBlue: #2189FF; --roundedCorner: 16px; --mobileRoundedCorner: 8px; --siteGutter: 48px; --negSiteGutter: -72px; --mobileSiteGutter: 16px; --innerGutter: 24px; --maxArticleWidth: 668px; } body { font-family: "Samsung", sans-serif; font-size: 100%; font-smooth: always; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: var(--white); width: 100%; cursor: initial; } h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 14px; } em, i { font-style: italic; } del { text-decoration: line-through; } a, button, .pill { cursor: pointer; } sup { vertical-align: super; font-size: .8rem; } sup:hover { text-decoration: underline; } .pill { padding: 11.5px 24px; border-radius: 25px; border: solid #000 1px; font-size: 12px; font-weight: bold; display: inline-block; font-family: 'Samsung700'; cursor: pointer; } .pill.black { background: #000; color: #fff; border: 1px solid #000; } .pill.white { background: #FFF; color: #000; border: 1px solid #000; } .article-content { width: 100%; max-width: var(--maxArticleWidth); margin: 0 auto; } .inner { padding: 0 var(--mobileSiteGutter); } .post-category { font-weight: bold; font-size: .9rem; /* margin: 1em 0; */ letter-spacing: .02em; font-weight: normal; text-transform: uppercase; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; gap: 10px; } .page-header { background-color: #F4F4F4; padding: 60px 0; /* margin-bottom: var(--siteGutter); */ margin-bottom: 40px; } .page-header h1 { font-size: 36px; margin-bottom: 24px; } .page-header .content { font-size: 13px; line-height: 1.5; } .featured-news { margin-bottom: var(--mobileSiteGutter); text-align: left; } #featured-articles { padding-bottom: var(--siteGutter); } #featured-articles .primary { width: 100%; padding-top: 0; padding-bottom: 0; margin-bottom: 44px; } #featured-articles .primary .image-container { width: 100%; margin-bottom: 24px; } #featured-articles .secondary .featured-article { margin-bottom: 44px; display: flex; gap: 3%; } .featured-article .image-container img, .latest-news-wrap .image-container img { width: 100px; height: 100px; object-fit: cover; } .featured-article .post-category, .featured-article .headline { margin-top: 0; margin-bottom: 12px; } .featured-article .headline { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } .post-category { font-size: 12px; margin-top: 0; } .primary .headline { font-size: 20px; } .headline { font-size: 14px; width: 100%; } .post-date { font-size: 12px; color: #656565; width: 100%; } .category-filter .filters .faux-input { border: 0px; border-bottom: 2px solid black; border-radius: 0; } #no-results { padding: var(--siteGutter) 0; text-align: center; width: 100%; } #mask, #newsletter-mask { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; display: flex; justify-content: center; align-items: center; align-content: center; background-color: rgba(0,0,0,.65); } .latest-news-wrap { /* padding-top:var(--siteGutter); */ } /* Default WP image alignment in posts/styles */ img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image { display: block; margin-left: auto; margin-right: auto; } img.alignright, div.alignright, figure.alignright { float: right; margin: 0 0 1.75rem 1.75rem; } img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb { float: left; margin: 0 1.75rem 1.75rem 0; } figure { max-width: 100%; height: auto; margin: 1em 0; } p img.alignright, p img.alignleft { margin-top: 0; } .gallery:after { content: ""; display: table; clear: both; } .gallery figure img { max-width: 100%; height: auto; margin: 0 auto; display: block; } .gallery figure { float: left; margin: 0 2% 1em 0; } .gallery.gallery-columns-1 figure { width: 100%; margin: 0 0 1em 0; float: none; } .gallery.gallery-columns-3 figure { width: 32%; } .gallery.gallery-columns-3 figure:nth-of-type(3n+3) { margin-right: 0; } .gallery.gallery-columns-3 figure:nth-of-type(3n+4) { clear: left; } .gallery.gallery-columns-2 figure { width: 49%; } .gallery.gallery-columns-2 figure:nth-of-type(even) { margin-right: 0; } .gallery.gallery-columns-2 figure:nth-of-type(odd) { clear: left; } .gallery.gallery-columns-4 figure { width: 23.25%; } .gallery.gallery-columns-4 figure:nth-of-type(4n+4) { margin-right: 0; } .gallery.gallery-columns-4 figure:nth-of-type(4n+5) { clear: left; } .gallery.gallery-columns-5 figure { width: 18%; } .gallery.gallery-columns-5 figure:nth-of-type(5n+5) { margin-right: 0; } .gallery.gallery-columns-5 figure:nth-of-type(5n+6) { clear: left; } .gallery.gallery-columns-6 figure { width: 14.2%; } .gallery.gallery-columns-6 figure:nth-of-type(6n+6) { margin-right: 0; } .gallery.gallery-columns-6 figure:nth-of-type(6n+7) { clear: left; } .gallery.gallery-columns-7 figure { width: 12%; } .gallery.gallery-columns-7 figure:nth-of-type(7n+7) { margin-right: 0; } .gallery.gallery-columns-7 figure:nth-of-type(7n+8) { clear: left; } .gallery.gallery-columns-8 figure { width: 10.2%; } .gallery.gallery-columns-8 figure:nth-of-type(8n+8) { margin-right: 0; } .gallery.gallery-columns-8 figure:nth-of-type(8n+9) { clear: left; } .gallery.gallery-columns-9 figure { width: 8.85%; } .gallery.gallery-columns-9 figure:nth-of-type(9n+9) { margin-right: 0; } .gallery.gallery-columns-9 figure:nth-of-type(9n+10) { clear: left; } /* 404 */ main#error { } main#error article, #newsletter-confirmation { padding: var(--siteGutter) 0; text-align: center; } main#error h1, #newsletter-confirmation h1 { font-size: 3rem; } main#error h2 { font-size: 2rem; } main#error p, #newsletter-confirmation p { font-size: 1.5rem; } main#error h1, main#error h2, main#error p { margin: var(--innerGutter) 0; } main#error a, #newsletter-confirmation a { text-decoration: underline; color: var(--lightBlue); } pre.cpr { width: 80%; padding: 2rem; overflow-wrap: break-word; font-size: .9rem; } pre.cpr > * { display: inline; } /* Desktop Styles */ #latest-news h2 { text-align: left; margin: 3.5rem 3.5rem 1.75rem 0rem; } .search-results .latest-news-wrap { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; gap: var(--mobileSiteGutter); } .article-card { margin-bottom: 24px; border-bottom: .5px solid #D0D0D0; padding-bottom: 20px; display: flex; flex-direction: row; gap: 2%; } .latest-news-wrap .image-container { width: auto; position: relative; min-width: 100px; } .card-badge { /* position: absolute; left:0; top: 20px; */ background: #2189FF; padding: 3px 10px; border-radius: 4px; text-transform: uppercase; color: #fff; display: inline-block; } /* .card-badge::after { position: absolute; content: ''; left: 0; top: 0; background-color: #2189FF; height: 100%; width: 8px; } */ .card-badge p { font-size: 10px; font-weight: bold; letter-spacing: .5px; } .article-card .image-container, .media-card .media-img { position: relative; } .article-card .image-container .video-icon, .media-card .media-img .video-icon { position: absolute; z-index: 2; width: 50px; height: 50px; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; } .image-container img { border-radius: var(--mobileRoundedCorner); display: block; width: 100%; } .article-card .post-details { width: 80%; display: flex; flex-direction: column; /* flex-wrap: wrap; */ align-items: flex-start; gap: 2%; justify-content: space-between; /* padding-top:var(--mobileSiteGutter); */ } .article-card .post-details .headline { margin-bottom: 12px; } .article-card .post-details .post-date { font-size: 12px; } .article-card .card-subscribe { background: #000000; border-radius: var(--mobileRoundedCorner); padding: 31.5px 26px; display: flex; align-items: center; justify-content: space-between; } .article-card .card-subscribe h3 { color: #fff; width: 100%; font-size: 14px; } .article-card .card-subscribe button { background: #fff; width: 25%; font-size: 12px; max-width: 95px; } .latest-news-load-more { padding: 48px 0; text-align: center; } .flex-group { display: flex; flex-wrap: wrap; } .flex-card { display: flex; flex-direction: column; background-color: #F4F4F4; border-radius: 10px; margin-bottom: 40px; } .flex-card.callout_black { background: #000; color: #fff; padding: 32px 29px; } .flex-card.callout_black p { font-size: 12px; margin-bottom: 12px; } .flex-card.callout_black .eyebrow { text-transform: uppercase; font-size: 12px; margin-bottom: 4px; } .flex-card.callout_black h5 { font-size: 24px; margin-bottom: 6px; } .item-image img { width: 100%; border-radius: 10px 10px 0 0; } .item-info { padding: 24px; } .item-info h4 { font-size: 24px; margin-bottom: 8px; } .item-info .copy { font-size: 13px; line-height: 1.5; } .flex-card.callout_black .callout-inner.cta { display: flex; justify-content: flex-start; } .desktoponly { display: none; } .mobileonly { display: initial; } .public-affairs-video { /* width: 91%; */ margin: 0 auto; } .public-affairs-video .video-container { position: relative; margin-bottom: 62px; } .public-affairs-video h2 { display: block; position: relative; margin-bottom: 24px; } .public-affairs-video .video { position: relative; padding-bottom: 56%; border-radius: 16px; overflow: hidden; } .public-affairs-video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-nav { width: 100%; min-width: 630px; /* margin: 10px auto; */ /* padding: 10px 25px; */ margin: 0px auto; padding: 0px 25px; display: flex; justify-content: space-between; position: sticky; z-index: 20; background-color: #fff; top: 0; } #post-container { overflow: hidden; } .mobile-scroll { position: relative; overflow: scroll; } .article-nav::-webkit-scrollbar { display: none; } .mobile-scroll::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .article-nav { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .blur-container { position: sticky; top: 0; z-index: 99; } .blur-container .blur { position: absolute; right: 0; height: 100%; width: 17px; background: white; z-index: 25; box-shadow: 3px -6px 13px 17px white; } .exec-cta { border: 1px solid #000; border-radius: 20px; /* padding: 10px 20px; */ /* font-size: .75rem; */ padding: 11px; font-size: 14px; font-weight: 700; line-height: 1rem; background-color: #fff; } .exec-cta:hover { background: #f4f4f4; } [data-slug="executive-bios"] .article-content { padding: var(--mobileSiteGutter); } [data-slug="executive-bios"] .article-content h3 { margin: 20px 0; } [data-slug="executive-bios"] .article-content h5 { font-size: 13px; } .exec-bio { margin-bottom: 0; padding-top: 90px; } div.exec-bio:first-child { padding-top: 40px; } div.exec-bio:last-child { padding-bottom: 40px; } .exec-bio_image { position: relative; } .exec-bio_image img { border-radius: var(--roundedCorner); } .exec-bio_image a { position: absolute; bottom: 5%; right: 7%; } .exec-bio_bio { font-size: 13px; line-height: 1.5; } [data-slug="search"] h1 { margin-top: 60px; margin-bottom: 24px; } .filters { padding: var(--mobileSiteGutter) 0; padding-top: 0; } .filters { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: center; } [data-slug="search"] .filters { align-items: flex-start; } .filters .left-facets { display: flex; align-items: flex-start; width: 100%; gap: 5%; flex-direction: column; margin-bottom: 40px; } .filters .left-facets .inputs { display: flex; gap: 6%; width: 100%; } .left-facets #resetDate { margin: 15px 0; display: block; } .filters .faux-input { border: 1px solid #efefef; border-radius: 8px; width: 50%; display: block; position: relative; } .filters .faux-input:after { content: ''; position: absolute; right: 10px; top: 10px; width: 7px; height: 13px; transform: rotate(90deg); pointer-events: none; background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/dropdown.svg'); } .filters .faux-input .facetTitle { padding: .5rem 0; padding-left: 12px; font-size: 13px; cursor: pointer; } .filters .faux-input .facetTitle.disabled { opacity: .25; cursor: initial; } .filters .subFacet { display: none; padding: 1rem; } .filters .open .subFacet { display: block; position: absolute; background: #fff; box-shadow: 0px 3px 3px 0px rgba(204, 204, 204, 1); border-radius: 0 0 12px 12px; height: 300px; overflow-y: scroll; z-index: 1; } .filters .faux-input:first-child .subFacet { height: auto; } .filters .faux-input.open { border-color: #2189ff; } .filters .fake-option { cursor: pointer; padding: 0; padding: .3em 0; } .filters .fake-option:hover { color: var(--lightBlue); } .filters .fake-option.selected { font-weight: bold; color: var(--lightBlue); } .filters .right-facets { display: flex; align-items: center; align-content: center; flex-wrap: wrap; margin-bottom: 40px; } .filters .right-facets label { width: 100%; margin-bottom: 10px; } .filters .right-facets span { margin-right: 1rem; display: table; } .filters .right-facets span:first-child { margin-left: 0; } .filters .right-facets span > * { display: table-cell; vertical-align: middle; padding-left: .5rem; } .filters .right-facets span input { height: 20px; min-width: 20px; border-radius: 50%; border: 1px solid #000; margin-right: 1rem; cursor: pointer; } .filters .right-facets span input[checked] { background-color: #2189FF; border-color: #2189FF; } .filters input[name="searchTerm"] { width: 100%; border-bottom: 1px solid #C4C4C4; background-repeat: no-repeat; background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/search.svg'); background-position: 98% 50%; height: 60px; font-size: 1.2rem; } .filters input[name="searchTerm"].active { border-color: #2189ff; } .filters input[name="searchTerm"]::placeholder { color: #C4C4C4; opacity: 1; } .filters .exactRange .inputs, .filters .dateRange .inputs { flex-direction: column; } .filters .exactRange input[type="date"] { background: #f4f4f4; text-align: center; border-radius: 5px; padding: 7px 0; text-transform: uppercase; margin: 17px 0; font-size: 14px; } .filters .dateRange input[type="radio"] { all: revert; display: inline-block; } .filters .dateRange .inputs .radio-input { margin: 5px 0; } .filters .dateRange { padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; margin-bottom: 10px; } .filters .dateRange .subTitle, .filters .exactRange .subTitle { padding-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; } .filters .exactRange .buttons { text-align: center; padding: 10px 0; font-weight: 600; letter-spacing: .5px; } .filters .exactRange .buttons button { text-decoration: underline; } #search-history { /* margin: 30px 0px 45px; */ margin: 24px 0px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--mobileSiteGutter); width: 100%; } .historyItem { background: #f4f4f4; color: #656565; padding: .5rem 1rem; border-radius: 10px; font-family: "Samsung700"; } .historyItem a { font-size: .9rem; } .historyItem img { width: 12px; margin-left: 6px; cursor: pointer; } #clearHistory { text-transform: uppercase; color: #2189FF; cursor: pointer; font-weight: 700; font-size: 14px; } .result-count { font-size: 1rem; color: #656565; /* margin-bottom:var(--mobileSiteGutter); */ margin-bottom: 24px; } /* Desktop Styles */ #highlights { text-align: center; padding: var(--mobileSiteGutter) 0; } .highlights-wrap { padding-top: var(--mobileSiteGutter); display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: var(--mobileSiteGutter); flex-direction: column; } .highlight-card { display: flex; align-items: center; flex-direction: row; gap: var(--mobileSiteGutter); } .highlight-card .image-container { max-width: 100px; overflow: hidden; } .highlight-card-inner { text-align: left; padding: var(--mobileSiteGutter) 0; } .highlight-card-inner h5 { font-size: 14px; margin: 0; } .highlight-card-inner p { font-size: 1.4rem; margin: 0rem 0 1rem; font-family: 'Samsung700'; } .highlight-card-inner p a { text-decoration: underline; font-weight: bold; font-size: 12px; } .highlight-card-inner p a img { width: 11.5px; border-radius: 0; margin-left: 6px; } .highlight-card img { width: 100%; border-radius: var(--roundedCorner); } /* Desktop Styles */ #latest-news h2 { text-align: left; margin: 60px auto 24px; } .search-results .latest-news-wrap { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; gap: var(--mobileSiteGutter); } .article-card { margin-bottom: 24px; border-bottom: .5px solid #D0D0D0; padding-bottom: 20px; display: flex; flex-direction: row; gap: var(--mobileSiteGutter); } .image-container { /* width: 30.5%; */ position: relative; min-width: 100px; } .card-badge { /* position: absolute; left:0; top: 20px; */ background: #2189FF; padding: 3px 10px; border-radius: 4px; text-transform: uppercase; color: #fff; display: inline-block; } /* .card-badge::after { position: absolute; content: ''; left: 0; top: 0; background-color: #2189FF; height: 100%; width: 8px; } */ .card-badge p { font-size: 10px; font-weight: bold; letter-spacing: .5px; } .article-card .image-container, .media-card .media-img { position: relative; } .article-card .image-container .video-icon, .media-card .media-img .video-icon { position: absolute; z-index: 2; width: 50px; height: 50px; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; } .image-container img { border-radius: var(--mobileRoundedCorner); display: block; width: 100%; } .article-card .post-details { width: 80%; /* padding-top:var(--mobileSiteGutter); */ } .article-card .post-details .headline { margin: 12px 0; } .article-card .post-details .headline a { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } .article-card .post-details .post-date { font-size: 12px; } .article-card .card-subscribe { background: #000000; border-radius: var(--mobileRoundedCorner); padding: 31.5px 26px; display: flex; align-items: center; justify-content: space-between; } .article-card .card-subscribe h3 { color: #fff; width: 100%; font-size: 14px; } .article-card .card-subscribe button { background: #fff; width: 25%; font-size: 12px; max-width: 95px; } .latest-news-load-more { padding: 48px 0; text-align: center; } .flex-group { justify-content: center; align-items: center; margin-bottom: 80px; } .flex-group h2, .more-stories h2 { margin-bottom: 24px; text-align: left; width: 100%; } .flex-card-container { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2%; } .flex-card { width: 100%; margin-bottom: 30px; overflow: hidden; } .flex-card a { display: flex; flex-direction: column; } .item-image img { width: 100%; height: 100%; object-fit: cover; } .twocol { display: flex; flex-direction: column; } .media-library { display: flex; flex-direction: column; width: 100%; background-color: var(--grey); align-items: center; justify-content: center; border-radius: 16px; margin-bottom: 32px; margin-top: 60px; padding-top: 29px; padding-bottom: 19px; } .media-library h3 { margin-bottom: 23.5px; } #front-page-slideshow { background-color: var(--grey); padding-bottom: 16px; } #slideshow-wrap { max-width: 1440px; margin: 0 auto; } #slideshow-wrap .slide { width: 100%; display: flex; flex-direction: column; } #slideshow-wrap .slide > * { width: 100%; } #slideshow-wrap .slide .image-container { order: 1; border-radius: 0px; } #slideshow-wrap .slide .image-container img { border-radius: 0px; } #slideshow-wrap .slide .post-details { order: 2; } #slideshow-wrap .slide .post-details .post-details-inner { padding: var(--mobileSiteGutter); } #slideshow-wrap .post-category { margin-bottom: 1rem; } #slideshow-wrap .slide .post-details h3 { font-size: 2.25rem; line-height: 1.25em; } #slideshow-wrap .slide .post-details h4 { font-weight: normal; font-size: 1.25rem; line-height: 1.25em; margin: .75em 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } #slideshow-wrap .slide .post-details .pill { margin: 1rem 0; } #slideshow-wrap .slick-arrow { display: none; text-indent: -999999px; } #slide-controls { display: flex; justify-content: center; width: 40%; background: #fff; align-items: center; padding: 13px; /* padding:var(--siteGutter) 0; */ border-radius: 24px; margin: 0 auto; } #slide-controls .playPause { display: none; margin-left: 1rem; margin-top: 3px; position: relative; width: 12px; height: 19px; } #slide-controls .playPause span { position: absolute; top: 0; left: 0; width: 100%; } #slide-controls .playPause .play img { transform: scale(1.5); } #slide-controls .dot-wrap .slick-dots { display: flex; justify-content: center; } #slide-controls .dot-wrap .slick-dots li { overflow: hidden; text-indent: -1000px; width: 10px; height: 10px; border-radius: 50%; background-color: #c4c4c4; margin: 0 .6rem; } #slide-controls .dot-wrap .slick-dots li.slick-active { background-color: #2189FF; } /* Desktop Styles */ body.noScroll { overflow: hidden; } header { border-bottom: 1px solid #E0E0E0; height: 78px; /* padding:var(--mobileSiteGutter); */ padding-right: 16px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: center; z-index: 50; position: relative; } header > * { align-self: center; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: flex-start; gap: 0rem; } header .header-right { justify-content: flex-end; } header #menu { display: none; order: 1; width: auto; } #mobile-menu { display: block; order: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: #fff; overflow: scroll; transition: transform .3s; z-index: 100; font-family: "Samsung700"; } #mobile-menu.close-menu { transform: translateX(-100%); } #mobile-menu-menu li a { display: block; padding: 1.5rem 1.25rem; line-height: 0; } #mobile-menu-menu > li > a { padding: 2rem 1.25rem; background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/open-mobile-menu.png'); background-repeat: no-repeat; background-position: 95% center; border-bottom: 1px solid #C4C4C4; font-size: 1.2rem; } #mobile-menu-menu > li.open > a { border-bottom: 0; color: #2189FF; background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/close-mobile-menu.png'); } #mobile-menu-menu > li > ul { display: none; border-bottom: 1px solid #C4C4C4; } #mobile-menu-menu > li.open > ul { display: block; } header #lockup { order: 2; } header .snr-header-nav_mobile-button { position: relative; width: 3.25rem; height: 3.25rem; padding: 1rem; font-size: 0; color: transparent; } header .snr-header-nav_mobile-button #close-mobile-menu { display: none; } header .snr-header-nav_mobile-button.openedMenu #close-mobile-menu { display: block; } header .snr-header-nav_mobile-button.openedMenu .snr-header-nav_mobile-button-line { display: none; } header .snr-header-nav_mobile-button--open .snr-header-nav_mobile-button-line { position: absolute; top: 1rem; left: 1rem; right: 1rem; display: block; height: 0.0625rem; background-color: #000; } header .snr-header-nav_mobile-button--open .snr-header-nav_mobile-button-line:first-child { -webkit-transform: translateY(0.0625rem); -o-transform: translateY(.0625rem); transform: translateY(0.0625rem); } header .snr-header-nav_mobile-button--open .snr-header-nav_mobile-button-line:nth-child(2) { -webkit-transform: translateY(0.625rem); -o-transform: translateY(.625rem); transform: translateY(0.625rem); } header .snr-header-nav_mobile-button--open .snr-header-nav_mobile-button-line:nth-child(3) { -webkit-transform: translateY(1.1875rem); -o-transform: translateY(1.1875rem); transform: translateY(1.1875rem); } header #global { order: 4; } footer { font-family: 'Samsung700'; background-color: var(--black); text-align: center; display: flex; flex-wrap: wrap; justify-content: center; padding: var(--siteGutter); margin-top: var(--siteGutter); } footer .separator { display: inline-block; width: 2px; height: 14px; } footer .links p { margin-bottom: 1rem; line-height: 1.6rem; } footer .links .main a { color: #fff; text-transform: uppercase; font-weight: bold; } footer .links .legal { font-size: .7em; color: #ABABAB; padding: 0 0.5rem; } footer .links .legal a { color: #ABABAB; } footer .links .main > *, footer .links .legal > * { display: inline-block; vertical-align: middle; } footer .links .main .separator { background-color: #fff; margin: 0 0.5em; } footer .links .legal .separator { background-color: #ABABAB; margin: 0 0.5em; } footer .social { display: flex; justify-content: space-evenly; align-items: center; gap: 1.5rem; } footer .social a { height: 36px; width: 36px; } footer a:hover { color: var(--lightBlue)!important; } /* Desktop Styles */ .image-hover-swap .on-hover { display: none; } .pill { transition: color .25s, background-color .25s, border .25s; } .image-container { overflow: hidden; border-radius: var(--roundedCorner); } .media-img, .item-image { overflow: hidden; } .image-container img, .media-img img, .item-image img { transition: transform .25s; } #media-gallery { } #media-gallery .search-field { display: flex; } .media-gallery-wrap { padding: var(--siteGutter) 0; display: flex; padding-top: 0; flex-wrap: wrap; } .media-card { border-radius: var(--roundedCorner); overflow: hidden; background-color: #F4F4F4; margin-bottom: var(--mobileSiteGutter); } .media-img img { display: block; width: 100%; } .media-details { padding: var(--mobileSiteGutter); display: flex; justify-content: space-between; align-items: center; } .media-details h4 { max-width: 75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-break: anywhere; } #media-gallery .download { cursor: pointer; display: block; width: 46px; height: 46px; } #media-gallery .download img { width: 46px; height: 46px; } #expandedMediaContainer { border-radius: var(--roundedCorner); overflow: hidden; width: 90vw; max-width: 888px; max-height: 80vh; background-color: #F4F4F4; position: relative; } #expandedMediaContainer #closeMask { position: absolute; top: 12px; right: 12px; cursor: pointer; width: 24px; height: 24px; background-color: rgba(255,255,255,.5); display: flex; justify-content: center; align-items: center; z-index: 5; border-radius: 100%; } #expandedMediaContainer #closeMask img { width: 50%; } #expandedMediaContainer .media img, #expandedMediaContainer .media video { display: block; margin: 0 auto; max-width: 100%; max-height: 55vh; } #expandedMediaContainer .media-info { padding: var(--mobileSiteGutter); position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; } #expandedMediaContainer .media-info .file-actions { padding-bottom: var(--mobileSiteGutter); width: 80%; } #expandedMediaContainer .media-info .img-sizes { color: #9A9A9A; font-size: .95rem; font-family: 'Samsung'; font-weight: bold; text-align: right; /* position:absolute; */ right: 1rem; } #expandedMediaContainer .media-info h4 { font-size: 16px; margin-bottom: var(--siteGutter); word-break: break-all; } #expandedMediaContainer .media-info .file-actions a { font-family: 'Samsung700'; text-transform: capitalize; text-decoration: underline; } #expandedMediaContainer .media-info .file-actions a.pill { text-decoration: none; } #expandedMediaContainer .media-info .file-actions .actions { display: flex; justify-content: flex-start; align-items: center; gap: var(--mobileSiteGutter); } .left-facets { position: relative; } #mediaSearch { width: 100%; } #mediaSearch:focus { background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/x-out.svg'); } #closeAndClearMediaSearch { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; width: 50px; cursor: pointer; } .newsletter-signup { background-color: var(--grey); text-align: center; padding: 25px 27px 37px; border-radius: 16px; } .newsletter-signup img, .newsletter-signup button { display: block; margin: 0 auto; } .newsletter-signup img, .newsletter-signup h3 { margin-bottom: 0px; } .newsletter-signup h3 { text-align: center; } #newsletter-mask { display: none; } #newsletterSignup { width: 100%; max-width: 480px; background-color: #fff; border-radius: var(--roundedCorner); } #newsletterSignup .cancel, #newsletterSignup a { cursor: pointer; text-decoration: underline; } #newsletterSignup .notice { text-align: right; padding-right: 16px; padding-top: 16px; font-size: 16px; } #newsletterSignup h4 { margin-top: 24px; margin-bottom: 44px; text-align: center; font-size: 26px; } #newsletterSignup p { text-align: center; color: #656565; line-height: 1.5; } #newsletterSignup .signup-form { padding: 0 38px; padding-bottom: 40px; } #newsletterSignup .field-input { position: relative; margin-bottom: 60px; } #newsletterSignup .field-row.flex { display: flex; gap: 12%; } #newsletterSignup .field-row label { position: absolute; color: #656565; font-size: 16px; top: -8px; transition: transform .7s; } #newsletterSignup .field-row .newsletter-label.active { transform: scale(.8) translate(-15%,-100%); } #newsletterSignup .field-row .newsletter-input, #newsletterSignup #profession { border-bottom: 1px solid #656565; width: 100%; } #newsletterSignup .field-row.error .newsletter-input { border-color: red; } #newsletterSignup .field-row.error .newsletter-input::placeholder { color: red; opacity: 1; /* Firefox */ } #newsletterSignup .field-row.error .newsletter-input::-ms-input-placeholder, #newsletterSignup .field-row.error label { color: red; } #newsletterSignup .error .field-error { display: block!important; color: red; position: absolute; right: 0; bottom: 100%; font-size: .75rem; } #newsletterSignup .select-field { position: relative; margin-bottom: 40px; } #newsletterSignup .select-field:after { content: ''; position: absolute; right: 3px; top: 3px; width: 7px; height: 13px; transform: rotate(90deg); pointer-events: none; background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/dropdown.svg'); } #newsletterSignup .field-disclaimer { margin-bottom: 24px; } #newsletterSignup #profession { padding-bottom: 5px; color: #656565; } #newsletterSignup .field-row button { display: block; margin: 0 auto; font-size: 16px; margin-bottom: 16px; } #newsletterSignup .field-row .cancel { font-size: 20px; display: block; text-align: center; } #newsletterSignup #thank-you-message { font-size: 1rem; padding: var(--siteGutter); padding-bottom: 48px; } #newsletter-dialog { max-width: var(--maxArticleWidth); margin: 0 auto; } #newsletter-dialog h1 { margin-bottom: var(--siteGutter); } #newsletter-dialog p { font-size: 1.5rem; } #newsletter-dialog a { text-decoration: underline; } #newsletter-dialog a:hover { text-decoration: none; } .newsletter-card { color: #fff; background-color: #000; padding-bottom: 0; gap: 0; border-radius: var(--roundedCorner); border-bottom: 0px none; width: 100%; margin-bottom: 24px; display: flex; align-items: center; align-content: center; } .newsletter-card + .article-card { border-top: .5px solid #D0D0D0; padding-top: 20px; } .newsletter-card .newsletter-card-inner-inner { display: flex; justify-content: space-between; align-items: center; align-content: center; gap: var(--mobileSiteGutter); padding: 30px 20px; width: 100%; } .newsletter-card h4 { font-size: 1rem; } .newsletter-card button { min-width: 25%; text-align: center; } section.back-bar { padding: var(--mobileSiteGutter); border-bottom: 1px solid #e0e0e0; font-family: 'Samsung700'; } section.back-bar a, section.back-bar a img { vertical-align: middle; } #post-container .article-content { padding: var(--mobileSiteGutter); } #post-container .article-content > * > * { margin: 1.75rem 0; max-width: 100%; } .article-head h1 { font-size: 2rem; line-height: 1.25em; } .article-head h2 { font-weight: normal; font-size: 1.5rem; color: #999999; } .featured-image img { width: 100%; height: auto!important; } .article-content .share { display: flex; justify-content: flex-start; align-items: center; gap: 3rem; } .article-content .share a { cursor: pointer; } /* Content of Article/Page */ .article-content a { color: var(--blue); } .article-body h1 { font-size: 3rem; } .article-body h3 { font-size: 2.5rem; } .article-body h4 { font-size: 2rem; } .article-body h5 { font-size: 1.5rem; } .article-body h6 { font-size: .9rem; line-height: 1em; font-weight: normal; color: #656565; margin: .25rem 0!important; } .article-body p, .article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6, .article-body ol, .article-body ul { /* padding:var(--mobileSiteGutter); */ } .article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 { line-height: 1.25em; } .article-body p, .article-body ul, .article-body ol { font-size: 1.1rem; line-height: 1.75em; } .article-body ul, .article-body ol { padding-left: 2rem; } .article-body li { list-style-type: initial; } .article-body ol li { list-style-type: decimal; } .article-body img { max-width: 100%; height: auto; } .article-body video, .article-body iframe { display: block; max-width: 100%; margin: 0 auto; } .article-body hr { display: block; background-color: #cacaca; height: 1px; margin: 1.73rem auto!important; width: 100%; } .article-content .tags a { font-family: 'Samsung700'; } .article-content .tags h5, .article-content .share-bottom h5 { font-family: 'Samsung700'; text-transform: uppercase; margin-bottom: 1.25rem!important; } #post-container blockquote { background-color: #F8F8F8; padding: var(--siteGutter); color: #000; } #post-container blockquote .inner { width: 100%; padding: 0; max-width: var(--maxArticleWidth); } #post-container blockquote p { font-size: 1.8rem; font-family: 'Samsung'; font-weight: bold; } #post-container blockquote .quote-footer { margin-top: var(--mobileSiteGutter); font-family: 'Samsung700'; } #post-container blockquote .quote-footer span { display: block; margin: .5rem 0; } #post-container blockquote .quote-author { font-size: 1.2rem; text-transform: uppercase; } #post-container blockquote .quote-role { font-size: .9rem; } /* Embedded content */ .embedded { position: relative; } .embedded.product-module { text-align: center; } .embedded.product-module a { display: block; } .embedded.product-module img { width: 100%; height: auto; border-radius: var(--roundedCorner); } #post-container blockquote.tiktok-embed { background-color: unset; padding: 0px; } #post-container .article-body iframe.instagram-media, #post-container .article-body div.twitter-tweet { margin: 1.75rem auto!important; } /* Recommended News */ .recommended { background: #F8F8F8; padding: 44px 17px; } .recommended .embedded-inner .card-badge { padding: 0; position: relative; background: none; border-radius: 0; opacity: 1; margin-bottom: 11px; } .recommended .embedded-inner .card-badge p { font-size: 14px; text-transform: uppercase; } .recommended .embedded-inner .card-badge::after { display: none; } .recommended .card-badge, .recommended .recommended-card { display: block; all: revert; } .recommended .recommended-card a { display: flex; } .recommended .recommended-card a img { width: 30%; border-radius: 10px; margin-right: 16px; } .recommended .recommended-card a .details { width: 63%; display: flex; align-items: center; } /* Media Contacts Styles */ [data-slug="media-contacts"] h2 { margin-top: 20px !important; } [data-slug="media-contacts"] .contact-group .contact { margin: 3.5rem 0; } [data-slug="media-contacts"] .contact-group .contact:first-child { margin-top: 40px; } [data-slug="media-contacts"] .contact-group .contact:last-child { margin-bottom: 60px; } [data-slug="media-contacts"] .contact-group .contact h5 { margin-bottom: .5rem; } [data-slug="media-contacts"] .contact-group .contact p { margin-bottom: .75rem; } [data-slug="media-contacts"] .contact a { color: #000; font-size: 12px; font-weight: bold; text-decoration: underline; font-family: "Samsung700"; } /* Attachment Styles */ #attachment-container .article-head h1 { word-break: break-all; } .contact-group { margin: 2rem 0; } .contact-group h2 { margin: 2rem 0; } .contact-group .contact-list { } .contact-group .contact { margin: 1rem 0; } /* Media Gallery */ .media-gallery-wrap { width: 100%; } .media-gallery-wrap .item-viewed { width: 100%; } .media-gallery-wrap .item-viewed .slick-arrow { display: none; text-indent: -999999px; } .media-gallery-wrap .item-viewed .itemSlide { width: 100%; } .media-gallery-wrap .itemSlide p.caption, .article-content p.wp-caption-text { color: #656565; font-size: .9rem; line-height: 1.25em; padding: .5rem 0; } .media-gallery-wrap .slick-arrow { position: absolute; top: 45%; display: block; overflow: hidden; text-indent: -1000px; background-position: center center; background-repeat: no-repeat; width: 48px; height: 48px; z-index: 2; cursor: pointer; } .media-gallery-wrap .slick-prev { left: var(--negSiteGutter); background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/icon-slide-prev.svg'); } .media-gallery-wrap .slick-next { right: var(--negSiteGutter); background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/icon-slide-next.svg'); } .media-gallery-wrap .slick-prev:hover { background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/icon-slide-prev-opaque.svg'); } .media-gallery-wrap .slick-next:hover { background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/icon-slide-next-opaque.svg'); } .media-gallery-wrap .post-slide-controls { margin: 16px auto; } .media-gallery-wrap .dot-wrap .slick-dots { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 10px; background-color: #F4F4F4; border-radius: var(--roundedCorner); } .media-gallery-wrap .dot-wrap .slick-dots li { overflow: hidden; text-indent: -1000px; width: 10px; height: 10px; border-radius: 50%; background-color: #c4c4c4; cursor: pointer; } .media-gallery-wrap .dot-wrap .slick-dots li.slick-active { background-color: #2189FF; } .tags { margin-top: var(--siteGutter); } /* Desktop Styles */ .press-info { padding-bottom: var(--siteGutter); } .press-kit { background: #F8F8F8; padding: 44px 21px 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .press-kit-container { width: 100%; } .press-kit h3 { margin-bottom: 23px; } .press-kit h3, .item-size span, .download-items .download-item { font-family: 'Samsung700'; } .download-container { padding-bottom: 40px; } .download-items .items { display: flex; justify-content: space-between; margin-bottom: 24px; } .download-items .download-item a { width: 36px; } .download-items .download-item img:hover { opacity: .7; } .download-items .download-item { display: none; } .download-items .items .item-size { display: flex; align-items: center; } .download-items .items .item-size img { margin-right: 16px; } .media-contact { padding: 40px 0 68px; border-top: 1px solid #e0e0e0; } .press-kit .media-contact p { line-height: 2; width: 302px; } [data-slug="search"] .page-header { background-color: unset; padding: 0; margin: 0; } .searchTerm { color: var(--lightBlue); } [data-slug="search"] .filters .faux-input .facetTitle { font-size: 1rem; } [data-slug="search"] .filters { padding: 0; } header #top-search { order: 3; margin-left: auto; margin-right: 20px; } #searchFormContainer .suggestions, #searchFormContainer #autocomplete { display: none; border: 1px solid #f0f0f0; border-top: 0px none; } #searchFormContainer .suggestions p { font-size: .75rem; padding: var(--mobileSiteGutter); color: #75787b; text-transform: uppercase; } #searchFormContainer .suggestions ul li a, #searchFormContainer #autocomplete ul li a { display: block; font-size: .9rem; line-height: .9em; padding: 10px var(--mobileSiteGutter); } #searchFormContainer .suggestions ul li a:hover, #searchFormContainer #autocomplete ul li a:hover { background-color: #f0f0f0; } #searchFormContainer a strong { font-weight: normal; text-decoration: underline; } #searchForm { display: none; position: absolute; top: 64px; left: 0; right: 0; background-color: #fff; padding-bottom: var(--mobileSiteGutter); } #searchInput { position: relative; padding-top: var(--mobileSiteGutter); } #siteSearch { position: relative; z-index: 1; background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: var(--mobileRoundedCorner); padding: var(--mobileSiteGutter); width: 100%; background-repeat: no-repeat; background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/search.svg'); background-position: 97% 50%; } #siteSearch.active { border-color: #2189ff; } #siteSearch:focus { background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/x-out.svg'); } #closeAndClearSearch { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; width: 50px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @media (hover: hover) { .image-hover-swap:hover .on-hover { display: initial; } .image-hover-swap:hover .off-hover { display: none; } .pill.black:hover { background-color: rgba(0,0,0,.7); } .pill.white:hover { text-decoration: underline; } .latest-news-load-more .pill.white:hover, .newsletter-card .pill.white:hover { text-decoration: none; background-color: #F4F4F4; } .newsletter-card .pill.white:hover { background-color: #fff; opacity: .7; } .download:hover img { opacity: .7; } .actions a:hover { text-decoration: none!important; } .article-card:hover .image-container img, .highlight-card:hover .image-container img, .primary:hover .image-container img, .featured-article:hover .image-container img, .media-card:hover .media-img img, .flex-card:hover .item-image img { transform: scale(1.1); } .filters .right-facets span:hover input { border-color: #2189ff; } } @media (min-width: 721px) { .page-header { padding: var(--mobileSiteGutter) 0; } .desktoponly { display: initial; } .desktoponly.withtwocol { display: none; } .twocol .desktoponly.withtwocol { display: initial; } .mobileonly { display: none; } .featured-news { text-align: center; } .inner { padding: 0 var(--siteGutter); max-width: 1440px; width: 100%; margin: 0 auto; } .latest-news-wrap { padding-top: var(--siteGutter); } #latest-news h2 { text-align: center; margin: 3.5rem 3.5rem 1.75rem 3.75rem; margin-bottom: 60px; margin-top: 120px; } .search-results .latest-news-wrap { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; gap: 2%; } .page-header h1 { font-size: 3rem; margin-bottom: 0px; } h2 { font-size: 36px; } .article-card { width: 32%; flex-direction: column; border-bottom: none; } h3 { font-size: 22px; } h4 { font-size: 20px; } button { font-size: 14px; } button.d-large { padding: 12px 40px; } .page-header .inner { padding: var(--siteGutter); display: flex; padding-right: 148px; } .page-header h1, .page-header .content { width: 50%; } #featured-articles { display: flex; } #featured-articles .primary { padding-right: var(--mobileSiteGutter); } #featured-articles .secondary .featured-article { flex-direction: row-reverse; } #featured-articles .secondary .featured-article .image-container { max-width: 211px; } .more-stories h2 { text-align: center; margin: 2rem 0; } .featured-article .image-container img, .latest-news-wrap .image-container img { width: 100%; height: auto; } .post-category { font-size: 15px; } .post-date { font-size: 15px; } .item-info { width: 65%; display: flex; flex-direction: column; justify-content: center; } .item-image { width: 34%; } .primary .headline { font-size: 40px; } .headline { font-size: 20px; } .latest-news-wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2%; align-items: flex-start; } .post-details { padding-top: 22px; } .article-card .card-subscribe { background: #000000; padding: 56.5px 22px; flex-direction: column; gap: 27px; } .article-card .card-subscribe h3 { color: #fff; width: 100%; font-size: 26px; text-align: center; } .article-card .card-subscribe button { background: #fff; width: auto; font-size: 16px; max-width: 100%; } .article-card .post-details { /* flex-direction: row; */ /* align-items: center; */ } .article-card .post-details .headline { margin: 16px 0; } .latest-news-load-more { padding: 48px 0; text-align: center; } #featured-articles .secondary { padding: var(--mobileSiteGutter); } .post-date { font-size: 14px; } .image-container { width: 100%; } .image-container img { border-radius: var(--roundedCorner); } .card-badge { padding: 4px 16px; } .card-badge p { font-size: 12px; } .card-badge::after { width: 24px; } .flex-group { padding: var(--mobileSiteGutter); } .flex-card.callout_black { padding: 57px; display: flex; flex-direction: row; } .flex-card.callout_black p { font-size: 16px; } .flex-card.callout_black .eyebrow { font-size: 15px; margin-bottom: 8px; } .flex-card.callout_black h5 { font-size: 26px; margin-bottom: 0px; flex-direction: row; } .flex-card.callout_black .callout-inner.cta { align-items: center; justify-content: flex-end; width: 50%; } .flex-card.callout_black .callout-inner.copy { width: 100%; } .public-affairs-video { width: 62%; margin: 0 auto; } .public-affairs-video .video-container { position: relative; margin-bottom: 62px; } .public-affairs-video h2 { /* width: 430px; */ margin: 0 auto; text-align: center; margin-bottom: 62px; } .public-affairs-video .video { padding-bottom: 56%; border-radius: 16px; overflow: hidden; } #post-container, .mobile-scroll { overflow: inherit; } [data-slug="executive-bios"] .article-content { padding: 0; } .article-nav { max-width: var(--maxArticleWidth); margin: 50px auto; margin-top: 0; } .blur-container .blur { display: none; } .exec-cta { margin: 0 9px; padding: 10px 15px; font-size: .75rem; } .exec-cta:first-child { margin-left: 0; } .exec-bio_imagetitle { display: flex; gap: 40px; } .exec-bio_image { width: 50%; } .exec-bio_title { width: 35%; } [data-slug="executive-bios"] .article-content h5 { line-height: 1.5; } .exec-bio_image button { width: 33px; height: 33px; bottom: 10%; right: 6%; } .exec-bio_image button img { width: 100%; } /* .filters{ padding:var(--siteGutter) 0; } */ [data-slug="search"] h1 { margin-top: 32px; margin-bottom: inherit; } [data-slug="search"] .inner { padding-bottom: 40px; } #search-history { margin-top: 0; margin-bottom: 80px; } .filters { flex-wrap: nowrap; align-content: center; flex-direction: row; } .filters .faux-input { width: 207px; } .filters .left-facets { display: flex; gap: 1rem; flex-direction: column; width: 50%; margin-bottom: 0; } .filters .right-facets { /* width: 50%; */ flex-wrap: nowrap; } .filters .right-facets label { margin-bottom: 0; margin-right: 15px; } .filters .left-facets .inputs { gap: 2%; } .filters .open .subFacet { width: 100%; } .result-count { margin-bottom: var(--mobileSiteGutter); } .filters .right-facets span input { height: 28px; min-width: 28px; } .filters input[name="searchTerm"] { width: 540px; } #highlights { padding: var(--siteGutter) 0; } .highlights-wrap { padding-top: var(--siteGutter); flex-direction: row; align-items: flex-start; } .highlight-card { display: block; } .highlight-card .image-container { width: 100%; max-width: 432px; max-height: 286px; } .highlight-card-inner p { margin: 0; } .highlight-card-inner p a { font-size: 20px; } .highlight-card-inner h5 { margin: 0; font-size: 20px; margin-bottom: 16px; } .highlight-card-inner p a img { width: 13px; vertical-align: super; margin-left: 10px; } #latest-news h2 { text-align: center; margin: 3rem auto; } .search-results .latest-news-wrap { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; gap: 2%; } .article-card { width: 32%; flex-direction: column; border-bottom: none; } .article-card .card-subscribe { background: #000000; padding: 56.5px 22px; flex-direction: column; gap: 27px; } .article-card .card-subscribe h3 { color: #fff; width: 100%; font-size: 26px; text-align: center; } .article-card .card-subscribe button { background: #fff; width: auto; font-size: 16px; max-width: 100%; } .article-card .post-details .headline { margin: 16px 0; } .latest-news-load-more { padding: 48px 0; text-align: center; } .article-card .image-container { max-width: 432px; max-height: 286px; } .post-date { font-size: 14px; } .image-container { width: 100%; } .image-container img { border-radius: var(--roundedCorner); } .card-badge { padding: 4px 16px; } /* .card-badge p { font-size: 15px; } */ .card-badge::after { width: 24px; } .flex-group h2 { margin-bottom: inherit; } .flex-group h2, .more-stories h2, { margin-bottom: 60px; text-align: center; width: auto; } .flex-card { width: 49%; } .flex-card a { flex-direction: row; } .item-image img { width: 228px; } #front-page-slideshow { padding-bottom: 0; } #slideshow-wrap .slide { flex-direction: row; } #slideshow-wrap .slide > * { width: 50%; } #slideshow-wrap .slide .image-container { order: 2; max-width: 50%; } #slideshow-wrap .slide .post-details { order: 1; padding: 0 var(--siteGutter); max-width: 640px; margin: 0 auto; display: flex; align-items: center; } #slideshow-wrap .slide .post-details .post-details-inner { padding: var(--siteGutter) 0; } #slideshow-wrap .slide .post-details .post-details-inner > * { margin-left: var(--siteGutter); } #slideshow-wrap .slick-arrow { position: absolute; top: 45%; display: block; overflow: hidden; text-indent: -1000px; background-position: center center; background-repeat: no-repeat; width: 48px; height: 48px; z-index: 2; cursor: pointer; } #slideshow-wrap .slick-prev { left: var(--siteGutter); background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/icon-slide-prev.svg'); } #slideshow-wrap .slick-next { right: var(--siteGutter); background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/icon-slide-next.svg'); } #slideshow-wrap .slick-prev:hover { background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/icon-slide-prev-opaque.svg'); } #slideshow-wrap .slick-next:hover { background-image: url('/us/wp-content/themes/samsung-newsroom-2023/assets/theme-images/icon-slide-next-opaque.svg'); } #slide-controls .playPause { display: block; margin-left: 1rem; } #slide-controls .playPause span { width: 17px; } #slide-controls { background-color: transparent; padding: 24px 0; margin: auto; } #slide-controls .dot-wrap .slick-dots li { width: 180px; height: 2px; border-radius: 2px; margin: 0 1rem; } #media-gallery { } #media-gallery .search-field { } .media-gallery-wrap { flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 2%; } .media-card { width: 32%; cursor: pointer; } .media-details { } #expandedMediaContainer #closeMask { width: 34px; height: 34px; padding: 10px; top: 1rem; right: 1rem; } #expandedMediaContainer #closeMask img { width: 100%; } #expandedMediaContainer .media-info h4 { font-size: 1.8rem; } /* .media-card .media-img { height: 286px; } */ .media-img img { object-fit: cover; } .newsletter-card { width: 32%; } .newsletter-card button { font-size: 12px; } .newsletter-card .newsletter-card-inner-inner { display: block; text-align: center; padding: var(--siteGutter) var(--mobileSiteGutter); } .newsletter-card h4 { font-size: 1.5rem; margin-bottom: var(--mobileSiteGutter); } .newsletter-card h4 { font-size: 2vw; } .newsletter-card + .article-card { border-top: 0; padding-top: 0; } .recommended .embedded-inner { max-width: var(--maxArticleWidth); margin: 0 auto; } section.back-bar { padding: var(--mobileSiteGutter) var(--siteGutter); } #post-container { padding: var(--siteGutter) 0; } .article-head h1 { font-size: 3rem; } .article-body h2 { font-size: 2.75rem; } [data-slug="media-contacts"] h2 { margin: 4rem 0 5rem 0!important; } [data-slug="media-contacts"] .contact-group .contact:first-child { margin-top: inherit; } [data-slug="media-contacts"] .contact-group .contact:last-child { margin-top: inherit; } [data-slug="media-contacts"] .contact a { font-size: 1.2rem; } .press-kit { padding: 44px 0 0; } .press-kit-container { width: 100%; max-width: 664px; min-width: 414px; } .press-kit h3 { margin-bottom: 38px; } .download-container { display: flex; justify-content: space-between; padding-bottom: 0; } .download-items { width: 65%; } .download-items .items { padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; margin-bottom: 0; } .download-items .download-item { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #e0e0e0; } .download-items .download-item span { max-width: 80%; } .download-items .download-item a { text-align: center; } .download-items .download-item:last-child { border-bottom: none; } .download-items .download-item img { margin-right: 24px; } .media-contact { padding: 40px 0 45px; } .press-kit .media-contact h3 { margin-bottom: 25px; } .press-kit .media-contact p { font-size: 16px; width: 100%; } #mobileSearchTrigger { display: none; } #top-search { height: 90px; } #searchForm { position: relative; display: block; width: 324px; top: 0px; padding-bottom: 0; } #siteSearch { background-position: 95% 50%; } } @media (min-width: 722px) and (max-width: 1220px) { .primary .headline { font-size: 3.45vw; } .featured-article .headline { font-size: 1.6vw; } .exec-cta { padding: 10px 13px; } .highlight-card-inner h5 { font-size: 2.1vw; } .highlights-wrap { align-items: flex-start; } /* .flex-card a { flex-direction: column; } */ /* .item-info { width: 93%; } */ /* .item-image { width: 100%; } .item-image img { width: 100%; } */ .article-card { width: 49%; } .article-card > * { width: 100%; } .article-card .image-container { max-width: 100%; } .item-info h4 { font-size: 2vw; } .item-info .copy { font-size: 1.1vw; } .flex-card.callout_black { padding: 4% 3%; } .flex-card.callout_black h5 { font-size: 2.2vw; } .flex-card.callout_black p { font-size: 1.4vw; } .flex-card.callout_black .pill { font-size: 1.1vw; padding: 10% 15%; } #slideshow-wrap .slide .post-details { padding: 9%; } #slideshow-wrap .slide .post-details h3 { font-size: 2.9vw; } #slideshow-wrap .slide .post-details .post-category { font-size: 1.3vw; } #slideshow-wrap .slide .post-details h4 { font-size: 1.7vw; } #slideshow-wrap .slide .post-details .post-details-inner > * { } #slideshow-wrap .slide .post-details .post-details-inner { padding: 0; } #slideshow-wrap .slick-prev { left: 3%; } #slideshow-wrap .slick-next { right: 3%; } .media-details h4 { font-size: 1.7vw; } .newsletter-card { width: 49%; } .newsletter-card .newsletter-card-inner-inner { padding: 18% 0%; } .newsletter-card-inner-inner .pill.white { padding: 5% 10%; } .newsletter-card h4 { margin-bottom: 4.5%; } } @media (min-width:722px) and (max-width: 845px) { footer { flex-direction: column; } } @media (min-width: 845px) { header { height: 90px; padding: var(--mobileSiteGutter) var(--siteGutter); } header > * { gap: 2rem; } header #menu { display: block; order: 2; font-family: "Samsung700"; } header #mobile-menu { display: none; } header #menu #menu-navigation-2023 { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: center; gap: 2rem; } header #menu #menu-navigation-2023 > li { position: relative; cursor: pointer; font-size: .9em; height: 90px; display: table; } header #menu #menu-navigation-2023 > li a { display: table-cell; vertical-align: middle; } header #menu #menu-navigation-2023 > li:hover > a { color: var(--lightBlue); } header #menu #menu-navigation-2023 > li:hover ul.sub-menu { display: block; } header #menu ul.sub-menu { display: none; position: absolute; top: 89px; padding: var(--innerGutter); background-color: #fff; left: -24px; border: 1px solid #c4c4c4; border-top: 0px none; width: 200px; } header #menu ul.sub-menu > li { padding: .75em 0; } header #menu ul.sub-menu > li a:hover { color: var(--lightBlue); } header #lockup { order: 1; } header .snr-header-nav_mobile-button { display: none; } footer { flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; } footer .links { text-align: left; } footer .links .legal { padding: 0; } footer .social { text-align: right; } } @media (min-width:845px) and (max-width:1220px) { header { padding-left: 1%; padding-right: 1%; height: 82px; } header #lockup { width: 20%; } header #menu #menu-navigation-2023 { gap: 1rem; } } @media (min-width: 1220px) { .twocol { flex-direction: row; gap: 2%; } .media-library { margin: 0; flex-direction: row; align-items: center; justify-content: space-between; padding: 25px 27px 37px; } .media-library, .newsletter-container { width: 100%; margin-top: 77px; } .media-library h3 { margin-bottom: 0; } .newsletter-signup { display: flex; align-items: center; justify-content: center; flex-direction: row; padding: 48px; gap: 3%; } .twocol .newsletter-signup { justify-content: space-between; gap: 0; } .newsletter-signup h3 { text-align: left; } .newsletter-signup button { margin: 0; } .newsletter-signup .pill { padding: 12px 40px; } } @media (min-width: 1440px) { .newsletter-card { min-height: 285px; } .newsletter-card h4 { font-size: 1.5rem; } } @media (max-width: 1220px) { #newsletterSignup { height: auto; border-radius: 20px; padding-bottom: 44px; } .newsletter-signup { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 48px; gap: 8%; } .newsletter-signup img, .newsletter-signup h3, .newsletter-signup button { margin: 0; } .newsletter-signup img { margin-right: 20px; } .newsletter-signup h3 { margin-right: 0px; text-align: left; font-size: 20px; } .newsletter-signup button.d-large, .media-library .pill.black { text-align: center; width: auto; padding: 12px 40px !important; } .newsletter-signup h3 { font-size: 26px; margin-bottom: 23.5px; text-align: center; } } @media (max-width: 955px) { [data-slug="search"] .filters { display: block; } [data-slug="search"] .filters .right-facets, [data-slug="search"] .filters .left-facets { width: 100%; } [data-slug="search"] .filters .right-facets { margin: 2rem 0; margin-bottom: 40px; justify-content: flex-start; align-items: center; } [data-slug="search"] .filters .right-facets label { width: auto; margin-bottom: 0; margin-right: 15px; } } @media (max-width:767px) { img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb { display: block; margin: 1em auto; float: none; } .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure { width: 100%; margin: 0 0 1em 0; float: none; } } @media (max-width: 721px) { .newsletter-signup button.d-large, .media-library .pill.black { padding: 12px 40px; width: auto; } .newsletter-signup h3 { font-size: 24px; } } @media (max-width: 425px) { [data-slug="search"] .filters .faux-input .facetTitle { padding-right: 20px; } [data-slug="search"] .filters .right-facets > label { display: block; width: 100%; margin-bottom: 15px; } [data-slug="search"] .filters .right-facets span input { width: 20px; height: 20px; } [data-slug="search"] .filters .right-facets span { } } @media (max-width: 390px) { .newsletter-signup { padding: 11%; } .newsletter-signup h3 { font-size: 6vw; margin-bottom: 6%; } .newsletter-card h4 { font-size: 4vw; } .newsletter-card button { padding: 4% 8%; } .newsletter-card .newsletter-card-inner-inner { padding: 10% 8%; gap: 3%; } .newsletter-card button { font-size: 3.1vw; } } @media (max-width: 385px) { [data-slug="search"] .filters .faux-input .facetTitle { font-size: .8rem; } }