img.title { display: block; margin: -80px auto 40px; position: relative; text-align: center; z-index: 100; } #press { display: block; margin: auto; padding-bottom: 3em; text-align: left; width: 100%; } #press h2 { color: #E8E1CB; font: normal 1.125em Nevis, 'Segoe UI', Arial, sans-serif; text-align: left; text-transform: uppercase; } @media phone { #press h2 { margin-bottom: 0; } } @media tablet { #press h2::before, h2::after { background-repeat: no-repeat; background-size: 100% 1px; content: ''; flex: 2; } #press h2::before { background-image: linear-gradient(to right, #d0821a, transparent 90%), linear-gradient(to right, #9b6c2d, transparent 70%), linear-gradient(to right, #5a3d18, transparent 80%); background-position: left 25%, left center, left 75%; } #press h2::after { background-image: linear-gradient(to left, #d0821a, transparent 90%), linear-gradient(to left, #9b6c2d, transparent 70%), linear-gradient(to left, #5a3d18, transparent 80%); background-position: right 25%, right center, right 75%; } } #press h3.divider { color: #ba634f; font: normal 0.938em Nevis, 'Segoe UI', Arial, sans-serif; font-weight: normal; overflow: hidden; text-transform: uppercase; } #press h3.divider:after { content: ""; vertical-align: middle; display: inline-block; width: 100%; border-bottom: thin dashed #E8E1CB; margin: 0 -80% 0 1%; } #press .text-div { margin-top: -14px; } #press p { margin-top: 0.25em; } #press p.mail { display: block; font-size: 0.875em; margin: 0 auto; max-width: 1000px; text-align: left; width: 100%; } #press p.mail > a { color: #ba634f; } #press section.title { margin: 0 auto; max-width: 1000px; width: 100%; } #press section.title h2 { display: inline-block; text-align: left; margin: 0; } #press section.title .btn { background-color: #d5851b; border: none; color: #ffffff; font-family: Segoe UI,Arial,Verdana,Helvetica,Sans-Serif; padding: 4px 15px; cursor: pointer; font-size: 14px; display: inline-block; float: right; margin-top: 5px; } /* Darker background on mouse-over */ #press section.title .btn:hover { filter: brightness(1.2); } #press section.title hr { border: 0.5px solid #E8E1CB; margin-bottom: 3em; margin-top: 0.5em; } #press section.latest { margin: -2em auto 3em; max-width: 1000px; width: 100%; } #press section.latest > div { display: block; width: 100%; } #press section.latest > div > div { border-bottom: 1px solid #43f6ff; display: flex; flex-direction: row; } #press section.latest > div > div > div { padding: 0.5em 0.25em; text-align: left; width: 100%; } #press section.latest > div > div > div.date { width: 160px; } #press section.latest > div > div > div.size { width: 140px; } #press section.latest > div > div > div.download { width: 230px; } #press section.latest > div > div > div > a { color: #43f6ff; } #press div.categories { color: #43f6ff; display: block; margin: 0 auto 30px; text-align: center; text-transform: uppercase; } #press div.categories a { color: #43f6ff; font-size: 15px; padding: 0 10px; display: inline; cursor: pointer; } #press > .section-wrapper { display: flex; flex-direction: column; margin: 0 auto; margin-bottom: 3em; max-width: 1000px; text-align: left; width: 100%; } #press > .section-wrapper > ul { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; padding: 1em 0; } #press > .section-wrapper > ul.doc { padding-bottom: 0; } @media phone { #press > .section-wrapper > ul { flex-direction: row; margin-top: 0; } } @media tablet { #press > .section-wrapper > ul { flex-direction: row; justify-content: left; padding: 0; width: 100%; } } @media widescreen { #press > .section-wrapper > ul { flex-wrap: wrap; justify-content: left; /*max-width: $page-section-max-width;*/ max-width: 1000px; } } #press > .section-wrapper > ul > li { color: #E8E1CB; display: flex; flex-direction: column; font-family: Segoe UI,Arial,Verdana,Helvetica,Sans-Serif; font-size: 0.875em; text-align: left; margin: 2px; } #press > .section-wrapper > ul > li > a { border: 1px solid #ba634f; display: flex; flex-direction: row; font-weight: normal; transition: .25s ease-in-out; } #press > .section-wrapper > ul > li > a > span { height: 106px; width: 194px; } #press > .section-wrapper > ul > li > a:hover { filter: brightness(1.2); } #press > .section-wrapper > ul > li > a:hover > span::after { transform: scale(1.1); } #press > .section-wrapper > ul > li > span.label { margin-bottom: 1em; margin-top: .5em; } #press > .section-wrapper > ul > li.video > a > span { height: 184px; position: relative; width: 327px; } } @media (max-width: 400px) { #press > .section-wrapper > ul > li.video > a > span { min-width: 184px; max-width: 327px; background-position: 50%; width: 100%; } } #press > .section-wrapper > ul > li.video > a > span::after { background: url('/images/play_button.svg'); background-size: 77px 77px; content: ''; height: 77px; left: 50%; margin-left: -38px; margin-top: -38px; position: absolute; top: 50%; transition: .25s ease-in-out; width: 77px; } #press > .section-wrapper > ul > li.ss > a > span { height: 106px; position: relative; width: 194px; } #press > .section-wrapper > ul > li.doc { display: block; } #press > .section-wrapper > ul > li.doc > a { border: none; color: #E8E1CB; font-size: 1em; line-height: 1.75em; margin-bottom: 1.25em; text-decoration: none; } #press > .section-wrapper > ul > li.doc > a:hover { text-decoration: underline; } #press > .section-wrapper > ul > div { margin: 0 auto; max-width: 1000px; width: 100%; } #press > .section-wrapper > ul > div > div.classic { margin: 0 auto; max-width: 730px; width: 100%; } #press .box { float: left; padding: 0 1em 1em 0; } .lightspeed-box .lsb-content { height: 80%; }