/* archive: / */ :where(html:where([data-page="archive"])) img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }:where(html:where([data-page="archive"])) ul{box-sizing:border-box}:where(html:where([data-page="archive"])) .entry-content{counter-reset:footnotes}:root:where([data-page="archive"]){--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:where(html:where([data-page="archive"])) .screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}:where(html:where([data-page="archive"])) .screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} :root:where([data-page="archive"]){--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Theme Name: Shuttle Text Domain: shuttle Version: 1.5.0 Requires at least: 5.0 Tested up to: 6.7 Requires PHP: 5.6 Description: Shuttle is the awesome free version of Shuttle Pro. It is really good for professionals. If you want to make a business, for big or small this theme is good for you. So if it is a restaurant, sport, medical, startup, corporate, business, ecommerce, portfolio, freelancers or any type of online agency or firm you will want to use this cool design. It had a multi-purpose design with widget areas in footer, so now even easy to make blog / news website which looks really clean and professional. The theme is responsive, WPML, Polylang, Retina ready, SEO friendly, and is a super design. Shuttle is fast and lightweight and can be used for any type of website, fully compatible with eCommerce plugins like WooCommerce an JigoShop. Whether you are building a website for yourself, your business or are a freelancer building websites for your cliente, Shuttle is the perfect choice. Plus if works with all the major page builders such as Elementor, Beaver Builder, Visual Composer, Divi, SiteOrigin and so much more! Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, editor-style, featured-images, featured-image-header, post-formats, sticky-post, translation-ready, flexible-header, custom-background, grid-layout, footer-widgets, blog, e-commerce, portfolio Author: ShuttleThemes Author URI: https://shuttlethemes.com Theme URI: https://shuttlethemes.com/features/ License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html */ html:where([data-page="archive"]), :where(html:where([data-page="archive"])) body, :where(html:where([data-page="archive"])) div, :where(html:where([data-page="archive"])) span, :where(html:where([data-page="archive"])) h1, :where(html:where([data-page="archive"])) h2, :where(html:where([data-page="archive"])) p, :where(html:where([data-page="archive"])) a, :where(html:where([data-page="archive"])) ul, :where(html:where([data-page="archive"])) li { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html:where([data-page="archive"]) { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(html:where([data-page="archive"])) body { background: #fff; } :where(html:where([data-page="archive"])) article, :where(html:where([data-page="archive"])) footer, :where(html:where([data-page="archive"])) header, :where(html:where([data-page="archive"])) nav { display: block; } :where(html:where([data-page="archive"])) ul { list-style: none; } :where(html:where([data-page="archive"])) a:focus { outline: 1px dotted #13aff0; } :where(html:where([data-page="archive"])) a:hover, :where(html:where([data-page="archive"])) a:active { outline: 0; } :where(html:where([data-page="archive"])) a img { border: 0; } :where(html:where([data-page="archive"])) .clearboth { width: 100%; clear: both; display: block; } :where(html:where([data-page="archive"])) .screen-reader-text { position: absolute !important; word-wrap: normal !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } :where(html:where([data-page="archive"])) .screen-reader-text:focus { z-index: 999992; display: block; outline: none; color: #21759b; font-size: 13px; font-weight: 600; line-height: normal; text-decoration: none; top: 5px; right: 5px; width: auto; height: auto; padding: 12px 20px; background-color: #f1f1f1; border: 2px solid #aaa; border-radius: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; clip: auto !important; clip-path: none; } :where(html:where([data-page="archive"])) body, :where(html:where([data-page="archive"])) button { color: #767676; font-family: Source Sans Pro, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; letter-spacing: 0; line-height: 1.8; text-transform: none; word-wrap: break-word; } :where(html:where([data-page="archive"])) body { background: #FFF; } :where(html:where([data-page="archive"])) #body-core { background: #fff; min-width: 320px; } :where(html:where([data-page="archive"])) h1, :where(html:where([data-page="archive"])) h2 { color: #3A3939; margin: 0 0 0.8em; font-family: Source Sans Pro, Helvetica, Arial; font-family: Montserrat, Helvetica, Arial; font-weight: 600; line-height: 1.8; letter-spacing: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } :where(html:where([data-page="archive"])) h1 { font-size: 28px; } :where(html:where([data-page="archive"])) h2 { font-size: 24px; } :where(html:where([data-page="archive"])) p { margin-bottom: 20px; } :where(html:where([data-page="archive"])) ul { margin: 0 0 20px 20px; } :where(html:where([data-page="archive"])) ul { list-style: disc; } :where(html:where([data-page="archive"])) i { font-style: italic; } :where(html:where([data-page="archive"])) button { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; vertical-align: baseline; *vertical-align: middle; } :where(html:where([data-page="archive"])) button { *overflow: visible; } :where(html:where([data-page="archive"])) button { cursor: pointer; -webkit-appearance: button; padding: 15px 24px; } :where(html:where([data-page="archive"])) button::-moz-focus-inner { border: 0; padding: 0; } :where(html:where([data-page="archive"])) a { color: #13aff0; cursor: pointer; text-decoration: none; outline: 0 none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } :where(html:where([data-page="archive"])) a:hover { color: inherit; } :where(html:where([data-page="archive"])) a, :where(html:where([data-page="archive"])) a:visited { text-decoration: none; } :where(html:where([data-page="archive"])) #pre-header-core, :where(html:where([data-page="archive"])) #header-core, :where(html:where([data-page="archive"])) #content-core, :where(html:where([data-page="archive"])) #sub-footer-core { display: block; max-width:1140px; margin: 0 auto; } :where(html:where([data-page="archive"])) #content, :where(html:where([data-page="archive"])) .main-navigation, :where(html:where([data-page="archive"])) .site-title, :where(html:where([data-page="archive"])) .site-description { margin: 0 auto; } :where(html:where([data-page="archive"])) #content { clear: both; margin: 0; padding: 30px 10px; overflow: hidden; } :where(html:where([data-page="archive"])) img { max-width: 100%; height: auto; } :where(html:where([data-page="archive"])) .navigation.pagination { margin: 10px 0 30px; list-style: none; } :where(html:where([data-page="archive"])) .navigation.pagination .screen-reader-text { display: none; } :where(html:where([data-page="archive"])) .navigation.pagination .nav-links a, :where(html:where([data-page="archive"])) .navigation.pagination .nav-links span { font-size: 90%; text-align: center; display: inline-block; color: inherit; background: none; color: #13aff0; width: 40px; height: 40px; line-height: 40px; margin-right: 2px; border: 1px solid #13aff0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } :where(html:where([data-page="archive"])) .navigation.pagination .nav-links a:hover, :where(html:where([data-page="archive"])) .navigation.pagination .nav-links span:hover, :where(html:where([data-page="archive"])) .navigation.pagination .nav-links span.current { color: #fff; background: #13aff0; border-color: #13aff0; } :where(html:where([data-page="archive"])) .navigation.pagination .nav-links a.next { font-size: 0; top: 1px; position: relative; } :where(html:where([data-page="archive"])) .navigation.pagination .nav-links a.next:after { font-size: 15px; font-family: fontawesome; } :where(html:where([data-page="archive"])) .navigation.pagination .nav-links a.next:after { content: "\f105"; } :where(html:where([data-page="archive"])) .site-description { font-size: 13px; font-weight: 300; line-height: 13px; } :where(html:where([data-page="archive"])) #logo { float: left; margin-top: 23px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } :where(html:where([data-page="archive"])) #logo a { display: block; } :where(html:where([data-page="archive"])) #logo h1 { font-size: 22px; line-height: 1.4; font-weight: bold; } :where(html:where([data-page="archive"])) #site-header { font-family: Montserrat, Helvetica, Arial; position: relative; } :where(html:where([data-page="archive"])) #pre-header { position: relative; background: #FFF; border-bottom: 1px solid #E5E5E5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } :where(html:where([data-page="archive"])) #pre-header:hover, :where(html:where([data-page="archive"])) #pre-header:focus-within { z-index: 99991; } :where(html:where([data-page="archive"])) #pre-header-core { display: table; width: 100%; } :where(html:where([data-page="archive"])) #header { z-index: 9999; } :where(html:where([data-page="archive"])) #header { font-family: Montserrat, Helvetica, Arial; position: relative; font-size: 12px; background: #FFF; border-bottom: 1px solid #E5E5E5; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } :where(html:where([data-page="archive"])) #header-core { position: relative; } :where(html:where([data-page="archive"])) #header-links { float: right; } :where(html:where([data-page="archive"])) #header-links-inner { float: right; } :where(html:where([data-page="archive"])) #header .header-links li { float: left; } :where(html:where([data-page="archive"])) #header .header-links > ul > li a { color: #111; font-size: 13px; font-weight: 600; padding: 35px 15px; } :where(html:where([data-page="archive"])) #header .header-links li a { display: block; padding: 8px 14px; margin: 0px; } :where(html:where([data-page="archive"])) #header .menu > li > a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } :where(html:where([data-page="archive"])) #header .menu > li.current_page_item > a, :where(html:where([data-page="archive"])) #header .menu > li > a:hover { color: #13aff0; } :where(html:where([data-page="archive"])) .main-navigation:after { clear: both; content: ""; display: block; } :where(html:where([data-page="archive"])) .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } :where(html:where([data-page="archive"])) #header-links-inner { display: table; } :where(html:where([data-page="archive"])) #header-links-inner > .menu { display: table-cell; vertical-align: middle; } :where(html:where([data-page="archive"])) #header-responsive { display: none; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } :where(html:where([data-page="archive"])) .slider-full #header-core { max-width: 1140px; } :where(html:where([data-page="archive"])) .slider-full #header-links { border-bottom: none; } :where(html:where([data-page="archive"])) .themebutton, :where(html:where([data-page="archive"])) button { color: #FFF; font-weight: 400; text-transform: uppercase; text-align: center; background: #13aff0; border: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: -webkit-box-shadow 0s; -moz-transition: -moz-box-shadow 0s; -ms-transition: -ms-box-shadow 0s; -o-transition: -o-box-shadow 0s; transition: box-shadow 0s; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } :where(html:where([data-page="archive"])) a.themebutton { color: #FFF; font-weight: 400; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } :where(html:where([data-page="archive"])) .themebutton:hover, :where(html:where([data-page="archive"])) button:hover { -webkit-box-shadow: inset 0 0 0 30px rgba( 0, 0, 0, 0.10); -moz-box-shadow: inset 0 0 0 30px rgba( 0, 0, 0, 0.10); -ms-box-shadow: inset 0 0 0 30px rgba( 0, 0, 0, 0.10); -o-box-shadow: inset 0 0 0 30px rgba( 0, 0, 0, 0.10); box-shadow: inset 0 0 0 30px rgba( 0, 0, 0, 0.10); } :where(html:where([data-page="archive"])) .themebutton:focus, :where(html:where([data-page="archive"])) button:focus { } :where(html:where([data-page="archive"])) #main a { text-decoration: underline; } :where(html:where([data-page="archive"])) button, :where(html:where([data-page="archive"])) .themebutton, :where(html:where([data-page="archive"])) a.themebutton, :where(html:where([data-page="archive"])) .entry-meta a, :where(html:where([data-page="archive"])) .blog-title a, :where(html:where([data-page="archive"])) .nav-links a { text-decoration: none !important; } :where(html:where([data-page="archive"])) #header-core:before, :where(html:where([data-page="archive"])) #header-core:after, :where(html:where([data-page="archive"])) #main-core:before, :where(html:where([data-page="archive"])) #main-core:after, :where(html:where([data-page="archive"])) #content-core:before, :where(html:where([data-page="archive"])) #content-core:after, :where(html:where([data-page="archive"])) #sub-footer:before, :where(html:where([data-page="archive"])) #sub-footer:after, :where(html:where([data-page="archive"])) .entry-meta:before, :where(html:where([data-page="archive"])) .entry-meta:after { content:""; display:table; } :where(html:where([data-page="archive"])) #header-core:after, :where(html:where([data-page="archive"])) #main-core:after, :where(html:where([data-page="archive"])) #content-core:after, :where(html:where([data-page="archive"])) #sub-footer:after, :where(html:where([data-page="archive"])) .entry-meta:after { clear:both; } :where(html:where([data-page="archive"])) #sub-footer { position: relative; padding: 20px 10px; background: #FFF; border-top: 1px solid #E5E5E5; } :where(html:where([data-page="archive"])) #sub-footer, :where(html:where([data-page="archive"])) #sub-footer a { font-size: 14px; text-transform: none; } :where(html:where([data-page="archive"])) #sub-footer, :where(html:where([data-page="archive"])) #sub-footer a:hover { color: #999; } :where(html:where([data-page="archive"])) #sub-footer a { color: #13aff0; } /* Post-footer - Align copyright and social media */ :where(html:where([data-page="archive"])) #sub-footer-core { display: table; width: 100%; } :where(html:where([data-page="archive"])) #sub-footer-core .copyright { display: table-cell; vertical-align: middle; } :where(html:where([data-page="archive"])) .entry-meta { font-size: 12px; } :where(html:where([data-page="archive"])) .entry-meta > span { display: inline-block; margin: 0 5px 5px 0; } :where(html:where([data-page="archive"])) .blog-thumb { max-width: 100%; overflow: hidden; position: relative; } :where(html:where([data-page="archive"])) .blog-thumb > a, :where(html:where([data-page="archive"])) .blog-thumb img { display: block; } :where(html:where([data-page="archive"])) .blog-thumb img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } :where(html:where([data-page="archive"])) .blog-thumb img:hover { opacity: 0.8; } :where(html:where([data-page="archive"])) .blog-article .more-link { padding-top: 10px; } :where(html:where([data-page="archive"])) .blog-article .more-link a { padding: 13px 35px; } :where(html:where([data-page="archive"])) .blog-article { padding-bottom: 40px; } :where(html:where([data-page="archive"])) .blog-grid.column-1 { width: 100%; padding: 0%; } :where(html:where([data-page="archive"])) .blog-article .entry-meta { margin-bottom: 10px; } :where(html:where([data-page="archive"])) .blog-article .entry-header { position: relative; } :where(html:where([data-page="archive"])) .blog-article .blog-thumb { max-width: 100%; display:inline-block; vertical-align: top; } :where(html:where([data-page="archive"])) .blog-article .blog-title { font-size: 30px; line-height: 1.2; margin-bottom: 10px; } :where(html:where([data-page="archive"])) .blog-article .blog-title a { color: inherit; } :where(html:where([data-page="archive"])) .blog-article .blog-title a:hover { color: #13aff0; } :where(html:where([data-page="archive"])) .blog-article .entry-content { margin-top: 25px; } :where(html:where([data-page="archive"])) .blog-article .entry-meta > span { text-transform: uppercase; margin-right: 10px } :where(html:where([data-page="archive"])) .blog-article .entry-meta > span:before { color: #999; content: "/"; margin-right: 10px; } :where(html:where([data-page="archive"])) .blog-article .entry-meta > span:first-child:before { content: ""; margin:0 } :where(html:where([data-page="archive"])) .blog-article .entry-meta a, :where(html:where([data-page="archive"])) .blog-article .entry-meta i { color: #999; } :where(html:where([data-page="archive"])) .blog-article .entry-meta a { } :where(html:where([data-page="archive"])) .blog-article .entry-meta a:hover { color: #13aff0; } :where(html:where([data-page="archive"])) .blog-article .entry-meta i { font-size: 110%; padding-right: 10px; } :where(html:where([data-page="archive"])) .blog-style1 #content { padding: 60px 10px; } :where(html:where([data-page="archive"])) .blog-style1 .blog-grid .blog-article:before { content: ""; display: block; height: 1px; width: 100%; margin: 0 auto; background: #EEE; margin-bottom: 70px; } :where(html:where([data-page="archive"])) .blog-style1 .blog-grid:first-child .blog-article:before { display: none; } :where(html:where([data-page="archive"])) .blog-style1.blog-style1-layout1 .blog-article .entry-content { margin-top: 0px; } :where(html:where([data-page="archive"])) .column-1 { width: 100%; padding: 10px; } :where(html:where([data-page="archive"])) .column-1 { float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } :where(html:where([data-page="archive"])) .wrap-safari { display: block; height: 100%; max-width: 1140px; margin: 0 auto; } /*! * Bootstrap v2.3.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ :where(html:where([data-page="archive"])) .nav-collapse.collapse{height:auto;overflow:visible;} :where(html:where([data-page="archive"])) .btn-navbar .icon-bar+.icon-bar{margin-top:3px;} :where(html:where([data-page="archive"])) .pagination{margin:20px 0;} :where(html:where([data-page="archive"])) .open, html:where([data-page="archive"]):is(.open){*z-index:1000;} :where(html:where([data-page="archive"])) .show, html:where([data-page="archive"]):is(.show){display:block;} :where(html:where([data-page="archive"])) .collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}:where(html:where([data-page="archive"])) .collapse.in{height:auto;} @-ms-viewport{width:device-width;}@media (max-width:767px){:where(html:where([data-page="archive"])) body{padding-left:20px;padding-right:20px;}}@media (max-width:480px){:where(html:where([data-page="archive"])) .nav-collapse{-webkit-transform:translate3d(0, 0, 0);}} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url("/archive-assets/c1185931af9fd02a.eot");src:url("/archive-assets/ecd385d3e2ef3183.eot") format('embedded-opentype'),url("/archive-assets/2d95e10fb7bae47a.woff2") format('woff2');font-weight:normal;font-style:normal}:where(html:where([data-page="archive"])) .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(html:where([data-page="archive"])) .fa-list:before{content:"\f03a"} :where(html:where([data-page="archive"])) .two_fifth {width: 38.44%; } :where(html:where([data-page="archive"])) .three_fifth {width: 58.96%; } :where(html:where([data-page="archive"])) .last {clear: right; margin-right: 0px !important; } :where(html:where([data-page="archive"])) .two_fifth, :where(html:where([data-page="archive"])) .three_fifth { margin-right: 2.6%; margin-bottom: 20px; position: relative; float: left; } :where(html:where([data-page="archive"])) #sub-footer #sub-footer-core .copyright { display: none; } @media only screen and (max-width: 1140px) { :where(html:where([data-page="archive"])) #logo { margin-left: 15px; } } @media only screen and (max-width: 768px) { :where(html:where([data-page="archive"])) #header, :where(html:where([data-page="archive"])) #pre-header { position: static !important; } :where(html:where([data-page="archive"])) #header-links { display: none !important; } :where(html:where([data-page="archive"])) #pre-header { padding: 0 20px; } :where(html:where([data-page="archive"])) #logo { float: none; position: static; text-align: left; margin: 10px 0; } :where(html:where([data-page="archive"])) #logo h1 { margin: 0; } :where(html:where([data-page="archive"])) #header-core { display: table; width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } :where(html:where([data-page="archive"])) #logo, :where(html:where([data-page="archive"])) #header-nav { display: table-cell; vertical-align: middle; } :where(html:where([data-page="archive"])) #header-nav { z-index: 1; position: relative; } :where(html:where([data-page="archive"])) #header-responsive { display: block; width: 100%; background: #292929; padding: 0 20px; } :where(html:where([data-page="archive"])) #header-responsive ul { margin: 0; } :where(html:where([data-page="archive"])) #header-responsive li { position: relative; list-style: none; } :where(html:where([data-page="archive"])) #header-responsive li a { color: #AAA; display: block; border-bottom: 1px dotted #505050; padding: 10px 20px; } :where(html:where([data-page="archive"])) #header-responsive li:last-child a { border-bottom: none; } :where(html:where([data-page="archive"])) #header-responsive li a:hover { color: white; } :where(html:where([data-page="archive"])) #header .menu > li.current_page_item > a, :where(html:where([data-page="archive"])) #header .menu > li > a:hover { color: inherit; background: none; } :where(html:where([data-page="archive"])) .nav-collapse { visibility: hidden; overflow: hidden; height: 0; } :where(html:where([data-page="archive"])) .nav-collapse.in { visibility: visible; } :where(html:where([data-page="archive"])) .btn-navbar { display: block; padding: 15px 6px; } :where(html:where([data-page="archive"])) .btn-navbar .icon-bar { display: block; width: 20px; height: 3px; margin: 0 auto; background-color: #292929; } :where(html:where([data-page="archive"])) .nav-collapse.collapse { -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; position: relative; overflow: hidden; height: 0; } } @media only screen and (max-width: 685px) { :where(html:where([data-page="archive"])) #main-core { margin-left: 0px !important; } :where(html:where([data-page="archive"])) #main { width: 100% !important; } :where(html:where([data-page="archive"])) #main-core { margin: 0px !important; } } @media only screen and (max-width: 667px) { :where(html:where([data-page="archive"])) .element.column-1 { width: auto !important; } :where(html:where([data-page="archive"])) #sub-footer-core { text-align: center; } :where(html:where([data-page="archive"])) #sub-footer-core .copyright { display: block; } :where(html:where([data-page="archive"])) .two_fifth, :where(html:where([data-page="archive"])) .three_fifth { width:100%; float:none; margin-right:0px; } } :where(html:where([data-page="archive"])) a:not([href]){cursor:default} :where(html:where([data-page="archive"])) a:not([href]):hover{text-decoration:none} html:where([data-page="archive"]){visibility:visible!important} /* copy: /eucalyptus-stekken-zo-doe-je-dat-zelf/ */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/manrope-400.ttf") format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/fonts/manrope-500.ttf") format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/manrope-600.ttf") format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/manrope-700.ttf") format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url("/static/fonts/manrope-800.ttf") format('truetype'); } :root:where([data-page="copy"]) { --desktop-screen-default: 88rem; --desktop-padding-default: 1.5rem; --mobile-padding-default: 1rem; --body-font-size: 1rem; --body-color: rgb(26, 25, 30); --body-line-height: 1.4; --body-bg: rgb(246, 247, 248); --font-family-sans: Manrope, sans-serif; --font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-size-05: 0.625rem; --font-size-1: 0.75rem; --font-size-2: 0.8125rem; --font-size-3: 0.875rem; --font-size-4: 0.9375rem; --font-size-5: 1rem; --font-size-6: 1.125rem; --font-size-7: 1.25rem; --font-size-8: 1.375rem; --font-size-9: 1.5rem; --font-size-10: 1.625rem; --font-size-11: 1.75rem; --font-size-12: 2rem; --font-size-13: 2.5rem; --line-height-1: 1rem; --line-height-2: 1.25rem; --line-height-3: 1.5rem; --line-height-4: 1.75rem; --line-height-5: 2rem; --line-height-6: 2.25rem; --line-height-7: 2.625rem; --text: rgb(26, 25, 30); --text-subdued: rgb(102, 107, 122); --text-pale: rgb(161, 167, 183); --text-disabled: rgb(210, 219, 227); --paragraph-margin-bottom: 1rem; --navigation-link: #000; --navigation-link-hover: #000; --footer-background: #fff; --footer-border: rgba(51, 51, 51, 0.04); --logo-title: rgb(255, 255, 255); --logo-title-background: rgb(27, 158, 255); --header-background: rgb(255, 255, 255); --header-shadow: 0 2px 16px rgba(20, 34, 180, 0.1); --card-background: rgb(255, 255, 255); --card-border: rgba(51, 51, 51, 0.1); --blockquote-background: #eff4f5; --table-border: #b8b8b8; --table-row-backround: #f5f5f5; --table-tag-background: #f5f5f5; --table-tag-text-color: #000; --social-link-background: #f4f4f5; --social-link-color: rgba(0, 0, 0, 0.5); --input-background: #F6F7F8; --casino-background: #f6f7f8; --casino-providers-background: #ffffff; --rate-star: rgba(123, 136, 168, 0.3); --rate-star-active: rgb(248, 170, 21); --burger-color: rgb(0, 0, 0); --mobile-menu-background: #f6f7f8; --mobile-menu-list-background: rgba(255, 255, 255, 0.05); --article-table-contents: #f3f4f4; --article-table-contents-summary: #000; --article-table-contents-li: #000; --modal-background: #ffffff; --modal-close-button: #ffffff; --action-list-hover: #F6F7F8; --action-list-active: #F6F7F8; --popover-background: #ffffff; --backdrop: rgba(0, 0, 0, 0.5); --overlay: rgba(255, 255, 255, 0.5); --icon: #707F8D; --icon-subdued: #A1A7B7; --interactive: rgb(27, 158, 255); --interactive-disabled: rgb(56, 110, 157); --interactive-hovered: rgb(71, 168, 247); --interactive-pressed: rgb(40, 141, 223); --focused: rgb(56, 110, 157); --icon-on-interactive: rgb(255, 255, 255); --text-on-interactive: rgb(255, 255, 255); --background: rgb(246, 247, 248); --action-primary: rgb(27, 158, 255); --action-primary-hovered: rgb(71, 168, 247); --action-primary-pressed: rgb(40, 141, 223); --action-primary-disabled: rgb(214, 214, 214); --icon-on-primary: rgb(255, 255, 255); --text-on-primary: rgb(255, 255, 255); --text-primary: rgb(27, 158, 255); --text-primary-hovered: rgb(71, 168, 247); --action-secondary: rgb(8, 166, 61); --action-secondary-hovered: rgb(22, 181, 58); --action-secondary-pressed: rgb(21, 151, 51); --action-secondary-disabled: rgb(194, 236, 203); --icon-on-secondary: rgb(255, 255, 255); --text-on-secondary: rgb(255, 255, 255); --text-secondary: rgb(8, 166, 61); --text-secondary-hovered: rgb(22, 181, 58); --action-critical: rgb(240, 76, 68); --border-critical: rgb(240, 76, 68); --icon-critical: rgb(240, 76, 68); --surface-critical: rgb(255, 219, 231); --text-critical: rgb(240, 76, 68); --icon-on-critical: rgb(255, 255, 255); --text-on-critical: rgb(255, 255, 255); --shadow-transparent: 0 0 0 0 transparent; --shadow-base: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); --shadow-deep: 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08); --shadow-button: 0 1px 0 rgba(0, 0, 0, 0.05); --shadow-top-bar: 0 2px 2px -1px rgba(0, 0, 0, 0.15); --shadow-card: 0 0 5px rgba(23, 24, 24, 0.05), 0 1px 2px rgba(0, 0, 0, 0.15); --shadow-popover: 0px 4px 70px rgba(0, 0, 0, 0.07); --shadow-modal: 0 26px 80px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2); --shadows-inset-button: inset 0 -1px 0 rgba(0, 0, 0, 0.2); --shadows-inset-button-pressed: inset 0 1px 0 rgba(0, 0, 0, 0.15); --button-font-weight: 500; --choice-size: 1.25rem; --icon-size: 0.625rem; --icon-size-small: 0.625rem; --icon-size-medium: 1.25rem; --choice-margin: 0.0625rem; --control-border-width: 0.125rem; --text-field-spinner-offset: 0.125rem; --text-field-focus-ring-offset: -0.25rem; --text-field-focus-ring-border-radius: 0.4375rem; --button-group-item-spacing: -0.0625rem; --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); --border: rgb(246, 247, 248); --border-hovered: rgb(51, 51, 51); --border-active: rgb(27, 158, 255); --border-subdued: rgb(241, 243, 245); --border-radius-1: 0.25rem; --border-radius-2: 0.5rem; --border-radius-3: 0.75rem; --border-radius-4: 1rem; --border-radius-5: 1.25rem; --border-radius-6: 1.875rem; --border-radius-base: 0.1875rem; --border-radius-large: 0.375rem; --border-radius-half: 50%; --border-width-1: 0.0625rem; --border-width-2: 0.125rem; --border-width-3: 0.1875rem; --space-0: 0; --space-025: 0.0390625rem; --space-05: 0.125rem; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-28: 7rem; --space-32: 8rem; --z-1: 100; --z-2: 400; --z-3: 510; --z-4: 512; --z-5: 513; --z-6: 514; --z-7: 515; --z-8: 516; --z-9: 517; --z-10: 518; --z-11: 519; --z-12: 520; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html:where([data-page="copy"]) { line-height: 1.15; -webkit-text-size-adjust: 100%; } :where(html:where([data-page="copy"])) body { margin: 0; } :where(html:where([data-page="copy"])) main { display: block; } :where(html:where([data-page="copy"])) h1 { font-size: 2em; margin: 0.67em 0; } :where(html:where([data-page="copy"])) a { background-color: transparent; } :where(html:where([data-page="copy"])) strong { font-weight: bolder; } :where(html:where([data-page="copy"])) img { border-style: none; } :where(html:where([data-page="copy"])) button { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } :where(html:where([data-page="copy"])) button { overflow: visible; } :where(html:where([data-page="copy"])) button { text-transform: none; } :where(html:where([data-page="copy"])) button, :where(html:where([data-page="copy"])) [type=button] { -webkit-appearance: button; } :where(html:where([data-page="copy"])) button::-moz-focus-inner, :where(html:where([data-page="copy"])) [type=button]::-moz-focus-inner { border-style: none; padding: 0; } :where(html:where([data-page="copy"])) button:-moz-focusring, :where(html:where([data-page="copy"])) [type=button]:-moz-focusring { outline: 1px dotted ButtonText; } :where(html:where([data-page="copy"])) ::-webkit-file-upload-button, html:where([data-page="copy"]):is(*)::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } :where(html:where([data-page="copy"])) details { display: block; } :where(html:where([data-page="copy"])) summary { display: list-item; } html:where([data-page="copy"]) { font-family: sans-serif; font-size: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :where(html:where([data-page="copy"])) body { font-family: "Manrope", sans-serif; font-size: var(--body-font-size); font-weight: var(--font-weight-regular); color: var(--body-color); line-height: var(--body-line-height); text-transform: none; letter-spacing: normal; } :where(html:where([data-page="copy"])) body, :where(html:where([data-page="copy"])) button, html:where([data-page="copy"]) { font-family: var(--font-family-sans); } :where(html:where([data-page="copy"])) body { min-height: 100%; margin: 0; padding: 0; background-color: var(--body-bg); } @media print { :where(html:where([data-page="copy"])) body { background-color: initial !important; } } :where(html:where([data-page="copy"])) *, html:where([data-page="copy"]):is(*), :where(html:where([data-page="copy"])) *:before, html:where([data-page="copy"]):is(*):before, :where(html:where([data-page="copy"])) *:after, html:where([data-page="copy"]):is(*):after { -webkit-box-sizing: border-box; box-sizing: border-box; } :where(html:where([data-page="copy"])) button { border: none; border-radius: 0; outline: none; background: none; } :where(html:where([data-page="copy"])) button, html:where([data-page="copy"]) { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :where(html:where([data-page="copy"])) a { color: var(--interactive); text-decoration: none; background: transparent; } :where(html:where([data-page="copy"])) a:hover, :where(html:where([data-page="copy"])) a:focus { color: var(--interactive-hovered); } :where(html:where([data-page="copy"])) a:active { color: var(--interactive-pressed); } :where(html:where([data-page="copy"])) h1, :where(html:where([data-page="copy"])) h2, :where(html:where([data-page="copy"])) h3 { font-weight: 600; font-style: normal; margin: 0; } :where(html:where([data-page="copy"])) ul, :where(html:where([data-page="copy"])) li, :where(html:where([data-page="copy"])) ol, :where(html:where([data-page="copy"])) p { margin: 0; padding: 0; } :where(html:where([data-page="copy"])) strong { font-weight: 700; } :where(html:where([data-page="copy"])) ol, :where(html:where([data-page="copy"])) ul { list-style: none; } :where(html:where([data-page="copy"])) nav ul { list-style-image: none; } :where(html:where([data-page="copy"])) a, :where(html:where([data-page="copy"])) button, :where(html:where([data-page="copy"])) summary { -ms-touch-action: manipulation; touch-action: manipulation; } :where(html:where([data-page="copy"])) img { max-width: 100%; height: auto; border: 0; } :where(html:where([data-page="copy"])) img { display: block; vertical-align: middle; } :where(html:where([data-page="copy"])) button { margin: 0; padding: 0; font: inherit; color: inherit; } :where(html:where([data-page="copy"])) button { overflow: visible; } :where(html:where([data-page="copy"])) button { text-transform: none; } :where(html:where([data-page="copy"])) button { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } :where(html:where([data-page="copy"])) button::-moz-focus-inner { padding: 0; border: 0; } :where(html:where([data-page="copy"])) button { border: none; border-radius: 0; outline: none; background: none; } :where(html:where([data-page="copy"])) [tabindex="-1"]:focus { outline: none !important; } :where(html:where([data-page="copy"])) ::-webkit-input-placeholder, html:where([data-page="copy"]):is(*)::-webkit-input-placeholder { -webkit-box-shadow: none; box-shadow: none; } :where(html:where([data-page="copy"])) ::-moz-placeholder, html:where([data-page="copy"]):is(*)::-moz-placeholder { box-shadow: none; } :where(html:where([data-page="copy"])) :-ms-input-placeholder, html:where([data-page="copy"]):is(:-ms-input-placeholder) { box-shadow: none; } :where(html:where([data-page="copy"])) ::-ms-input-placeholder, html:where([data-page="copy"]):is(*)::-ms-input-placeholder { box-shadow: none; } :where(html:where([data-page="copy"])) ::placeholder, html:where([data-page="copy"]):is(*)::placeholder, :where(html:where([data-page="copy"])) button:focus { -webkit-box-shadow: none; box-shadow: none; } :where(html:where([data-page="copy"])) ::-webkit-input-placeholder, html:where([data-page="copy"]):is(*)::-webkit-input-placeholder { opacity: 1; } :where(html:where([data-page="copy"])) ::-moz-placeholder, html:where([data-page="copy"]):is(*)::-moz-placeholder { opacity: 1; } :where(html:where([data-page="copy"])) :-ms-input-placeholder, html:where([data-page="copy"]):is(:-ms-input-placeholder) { opacity: 1; } :where(html:where([data-page="copy"])) ::-ms-input-placeholder, html:where([data-page="copy"]):is(*)::-ms-input-placeholder { opacity: 1; } :where(html:where([data-page="copy"])) ::placeholder, html:where([data-page="copy"]):is(*)::placeholder { opacity: 1; } :where(html:where([data-page="copy"])) .app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow-x: hidden; background-color: var(--body-bg); background-position: center top; background-size: contain; background-repeat: no-repeat; position: relative; } :where(html:where([data-page="copy"])) .app__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; width: 100%; } :where(html:where([data-page="copy"])) .app__main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 7rem var(--mobile-padding-default) 1.5rem; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .app__main { padding-top: 7rem; } } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .app__main { padding-left: var(--desktop-padding-default); padding-right: var(--desktop-padding-default); } } :where(html:where([data-page="copy"])) .app__container { margin: 0 auto; max-width: 51rem; width: 100%; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .app__container { padding: 0; max-width: 71.25rem; } } :where(html:where([data-page="copy"])) .app__backdrop { -webkit-animation: var(--keyframes-fade-in) var(--duration-200) 1 forwards; animation: var(--keyframes-fade-in) var(--duration-200) 1 forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: var(--backdrop); bottom: 0; display: block; left: 0; opacity: 0; visibility: hidden; position: fixed; right: 0; top: 0; will-change: opacity; z-index: var(--z-7); } :where(html:where([data-page="copy"])) .button { --button-extra-slim-min-height: rem(28px); --button-extra-slim-min-width: rem(28px); --button-slim-min-width: rem(32px); --button-slim-min-height: rem(32px); --button-large-min-height: rem(44px); --button-vertical-padding: calc((var(--line-height-6) - var(--line-height-2) - var(--space-05)) / 2); --button-slim-vertical-padding: calc((var(--button-slim-min-height) - var(--line-height-2) - var(--space-05))/2); --button-spinner-size: 1.25rem; font-size: var(--font-size-5); font-weight: var(--font-weight-bold); color: var(--text); position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.5rem; min-width: 8.0625rem; margin: 0; padding: calc((var(--line-height-6) - var(--line-height-2) - var(--space-32)) / 2) var(--space-4); background: var(--surface); -webkit-box-shadow: var(--shadow-button); box-shadow: var(--shadow-button); border-radius: 0.5rem; border: 1px solid var(--border-neutral-subdued); line-height: 1; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; -webkit-tap-highlight-color: transparent; } :where(html:where([data-page="copy"])) .button:after { content: ""; position: absolute; z-index: 1; top: calc(var(--border-width-1) * -1 - 0.0625rem); right: calc(var(--border-width-1) * -1 - 0.0625rem); bottom: calc(var(--border-width-1) * -1 - 0.0625rem); left: calc(var(--border-width-1) * -1 - 0.0625rem); display: block; pointer-events: none; -webkit-box-shadow: 0 0 0 calc(var(--border-width-1) * -1 - 0.0625rem) var(--focused); box-shadow: 0 0 0 calc(var(--border-width-1) * -1 - 0.0625rem) var(--focused); -webkit-transition: -webkit-box-shadow var(--duration-100) var(--ease); transition: -webkit-box-shadow var(--duration-100) var(--ease); transition: box-shadow var(--duration-100) var(--ease); transition: box-shadow var(--duration-100) var(--ease), -webkit-box-shadow var(--duration-100) var(--ease); border-radius: 0.75rem; border-radius: var(--border-radius-base); } :where(html:where([data-page="copy"])) .button:focus { color: inherit; outline: 0; } :where(html:where([data-page="copy"])) .button:focus:after { -webkit-box-shadow: 0 0 0 0.125rem var(--focused); box-shadow: 0 0 0 0.125rem var(--focused); outline: var(--border-width-1) solid transparent; } :where(html:where([data-page="copy"])) .button:active:after { border: none; -webkit-box-shadow: none; box-shadow: none; } :where(html:where([data-page="copy"])) .button:after { content: ""; position: absolute; z-index: 1; top: calc(var(--border-width-1) * -1 - 0.0625rem); right: calc(var(--border-width-1) * -1 - 0.0625rem); bottom: calc(var(--border-width-1) * -1 - 0.0625rem); left: calc(var(--border-width-1) * -1 - 0.0625rem); display: block; pointer-events: none; -webkit-box-shadow: 0 0 0 calc(var(--border-width-1) * -1 - 0.0625rem) var(--focused); box-shadow: 0 0 0 calc(var(--border-width-1) * -1 - 0.0625rem) var(--focused); -webkit-transition: -webkit-box-shadow var(--duration-100) var(--ease); transition: -webkit-box-shadow var(--duration-100) var(--ease); transition: box-shadow var(--duration-100) var(--ease); transition: box-shadow var(--duration-100) var(--ease), -webkit-box-shadow var(--duration-100) var(--ease); border-radius: 0.75rem; } :where(html:where([data-page="copy"])) .button:hover { color: var(--text); outline: var(--border-width-1) solid transparent; } :where(html:where([data-page="copy"])) .button:focus { color: var(--text); -webkit-box-shadow: var(--shadow-button); box-shadow: var(--shadow-button); outline: 0; } :where(html:where([data-page="copy"])) .button:focus:after { -webkit-box-shadow: 0 0 0 0.125rem var(--focused); box-shadow: 0 0 0 0.125rem var(--focused); outline: var(--border-width-1) solid transparent; } :where(html:where([data-page="copy"])) .button:active { color: var(--text); -webkit-box-shadow: var(--shadow-button); box-shadow: var(--shadow-button); } :where(html:where([data-page="copy"])) .button:active:after { border: none; -webkit-box-shadow: none; box-shadow: none; } :where(html:where([data-page="copy"])) .button--primary { background-color: var(--action-primary); color: var(--text-on-primary); } :where(html:where([data-page="copy"])) .button--primary:hover, :where(html:where([data-page="copy"])) .button--primary:focus { background-color: var(--action-primary-hovered); color: var(--text-on-primary); } :where(html:where([data-page="copy"])) .button--primary:active { background-color: var(--action-primary-pressed); color: var(--text-on-primary); } :where(html:where([data-page="copy"])) .button--secondary { background-color: var(--action-secondary); color: var(--text-on-secondary); } :where(html:where([data-page="copy"])) .button--secondary:hover, :where(html:where([data-page="copy"])) .button--secondary:focus { background-color: var(--action-secondary-hovered); color: var(--text-on-secondary); } :where(html:where([data-page="copy"])) .button--secondary:active { background-color: var(--action-secondary-pressed); color: var(--text-on-secondary); } :where(html:where([data-page="copy"])) .button--iconOnly { padding: var(--space-1); -webkit-box-shadow: none; box-shadow: none; min-height: 2.25rem; min-width: 2.25rem; } :where(html:where([data-page="copy"])) .button--iconOnly:after { top: 0; right: 0; bottom: 0; left: 0; } :where(html:where([data-page="copy"])) .button--iconOnly:focus:after { -webkit-box-shadow: 0 0 0 0.125rem var(--focused); box-shadow: 0 0 0 0.125rem var(--focused); outline: var(--border-width-1) solid transparent; } :where(html:where([data-page="copy"])) .scrollable { --scrollable-shadow-size: var(--space-5); --scrollable-shadow-bottom: inset 0 calc(var(--scrollable-shadow-size) * -1) var(--scrollable-shadow-size) calc(var(--scrollable-shadow-size) * -1) rgba(0, 0, 0, 0.15); --scrollable-shadow-top: inset 0 var(--scrollable-shadow-size) var(--scrollable-shadow-size) calc(var(--scrollable-shadow-size) * -1) rgba(0, 0, 0, 0.15); --scrollable-max-height: none; -webkit-overflow-scrolling: touch; position: relative; max-height: var(--scrollable-max-height); } :where(html:where([data-page="copy"])) .scrollable:focus { outline: 0.125rem solid var(--focused); outline-offset: 0.125rem; } :where(html:where([data-page="copy"])) .scrollable--vertical { overflow-y: auto; } :where(html:where([data-page="copy"])) .scrollable[data-scrollable=true] { } :where(html:where([data-page="copy"])) .scrollable[data-scrollable=true]::-webkit-scrollbar { width: 4px; height: 7px; } :where(html:where([data-page="copy"])) .scrollable[data-scrollable=true]::-webkit-scrollbar-track { background-color: #e4e8f5; border-radius: 10px; } :where(html:where([data-page="copy"])) .scrollable[data-scrollable=true]::-webkit-scrollbar-thumb { background-color: #b0bec5; border-radius: 10px; width: 2px; height: 6px; } :where(html:where([data-page="copy"])) .scrollable[data-scrollable=true]::-webkit-scrollbar-thumb:hover { background-color: #5c5c5c; } :where(html:where([data-page="copy"])) .card { background-color: var(--card-background); border: 2px solid var(--card-border); border-radius: 1rem; } @media (max-width: 767.98px) { :where(html:where([data-page="copy"])) .card { margin-left: calc(var(--mobile-padding-default) * -1); margin-right: calc(var(--mobile-padding-default) * -1); } } :where(html:where([data-page="copy"])) .card__header { padding: 1.5rem 1rem 0 1rem; } @media (min-width: 576px) { :where(html:where([data-page="copy"])) .card__header { padding: 1.5rem 1.5rem 0; } } :where(html:where([data-page="copy"])) .card__headerTitle { font-size: 1.5rem; font-weight: 700; line-height: 2rem; letter-spacing: -0.0308em; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .card__headerTitle { font-size: 2rem; font-weight: 700; line-height: 2.625rem; } } :where(html:where([data-page="copy"])) .card__section { padding: 1.5rem 1rem; } @media (min-width: 576px) { :where(html:where([data-page="copy"])) .card__section { padding: 1.5rem; } } :where(html:where([data-page="copy"])) .card__table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-bottom: 0.625rem; margin-bottom: 0.75rem; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .card__table { margin-bottom: 1rem; } } :where(html:where([data-page="copy"])) .card__table table { width: 100%; } :where(html:where([data-page="copy"])) .card__table table th, :where(html:where([data-page="copy"])) .card__table table td { padding: 1rem; } :where(html:where([data-page="copy"])) .modal { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; left: 0; position: fixed; right: 0; top: 0; bottom: 0; border: 0; z-index: var(--z-11); } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .modal { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } :where(html:where([data-page="copy"])) .popover { position: relative; } :where(html:where([data-page="copy"])) .popover__menu { position: absolute; z-index: var(--z-2); max-width: calc(100vw - var(--space-8)); margin: 0.3125rem var(--space-2) var(--space-4); -webkit-box-shadow: var(--shadow-popover); box-shadow: var(--shadow-popover); border: 1px solid var(--border); border-radius: 1.5rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: left, top; display: none; background: var(--popover-background); } :where(html:where([data-page="copy"])) .popover__menu[data-popper-show=true] { display: block; } :where(html:where([data-page="copy"])) .popover__wrapper { position: relative; overflow: hidden; background-color: var(--surface); border-radius: var(--border-radius-2); outline: var(--border-width-1) solid transparent; } :where(html:where([data-page="copy"])) .popover__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: var(--border-radius-1); max-width: 25rem; max-height: 31.25rem; min-width: 11rem; } :where(html:where([data-page="copy"])) .popover__content:focus { outline: none; } :where(html:where([data-page="copy"])) .popover__content--sizeMedium { min-width: 13rem; } :where(html:where([data-page="copy"])) .actionList { --action-list-image-size: 1.25rem; --action-list-item-min-height: rem(44px); outline: none; list-style: none; margin: 0; padding: 0; } :where(html:where([data-page="copy"])) .actionList__actions { outline: none; list-style: none; margin: 0; padding: var(--space-5); } :where(html:where([data-page="copy"])) .header { top: 0; left: 0; position: fixed; right: 0; z-index: 100; background-color: var(--header-background); -webkit-box-shadow: var(--header-shadow); box-shadow: var(--header-shadow); padding: 0.875rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .header { padding: 1rem 1.5rem; } } :where(html:where([data-page="copy"])) .header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } :where(html:where([data-page="copy"])) .header__right { margin: 0; padding: 0; text-indent: 0; list-style: none; list-style-position: outside; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; margin-left: auto; } :where(html:where([data-page="copy"])) .header .logo { margin-right: auto; } :where(html:where([data-page="copy"])) .header__rightItem:first-child { margin-right: 1rem; } @media (max-width: 1199.98px) { :where(html:where([data-page="copy"])) .header__rightItem:first-child { display: none; } } @media (max-width: 767.98px) { :where(html:where([data-page="copy"])) .header__rightItem:last-child .button { padding: 0 1.5rem; min-width: auto; } } :where(html:where([data-page="copy"])) .burger { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 2rem; width: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 0.5rem; } @media (min-width: 1200px) { :where(html:where([data-page="copy"])) .burger { display: none; } } :where(html:where([data-page="copy"])) .burger__line { position: relative; } :where(html:where([data-page="copy"])) .burger__line, :where(html:where([data-page="copy"])) .burger__line::before, :where(html:where([data-page="copy"])) .burger__line::after { background-color: var(--burger-color); border-radius: 0.75rem; height: 0.125rem; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: transform, background-color; transition-property: transform, background-color, -webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; width: 1.3125rem; } :where(html:where([data-page="copy"])) .burger__line::after, :where(html:where([data-page="copy"])) .burger__line::before { content: ""; left: 0; position: absolute; } :where(html:where([data-page="copy"])) .burger__line::before { -webkit-transform: translateY(-6px); transform: translateY(-6px); } :where(html:where([data-page="copy"])) .burger__line::after { -webkit-transform: translateY(6px); transform: translateY(6px); } :where(html:where([data-page="copy"])) .burger[aria-expanded=true] .burger__line { background-color: transparent; } :where(html:where([data-page="copy"])) .burger[aria-expanded=true] .burger__line::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } :where(html:where([data-page="copy"])) .burger[aria-expanded=true] .burger__line::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } :where(html:where([data-page="copy"])) .logo { display: block; position: relative; } :where(html:where([data-page="copy"])) .logo__img { display: block; max-height: 3.125rem; -o-object-fit: contain; object-fit: contain; } :where(html:where([data-page="copy"])) .navigation { display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1199.98px) { :where(html:where([data-page="copy"])) .navigation { display: none; } } :where(html:where([data-page="copy"])) .navigation__list { margin: 0; padding: 0; text-indent: 0; list-style: none; list-style-position: outside; white-space: nowrap; } :where(html:where([data-page="copy"])) .navigation__item { display: inline-block; vertical-align: middle; } :where(html:where([data-page="copy"])) .navigation .popover__menu { -webkit-box-shadow: 0 9px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 9px 15px 0 rgba(0, 0, 0, 0.1); background-color: #1c2538; border-radius: 0.5rem; padding: 0.5rem 0; border: 0; } :where(html:where([data-page="copy"])) .navigation .popover__menu .popover__content { width: 8.5rem; min-width: auto; } :where(html:where([data-page="copy"])) .navigation .popover__menu .actionList__actions { padding: 0; } :where(html:where([data-page="copy"])) .faq { margin: 0; padding: 0; text-indent: 0; list-style: none; list-style-position: outside; } :where(html:where([data-page="copy"])) .faq__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; padding: 1rem 0 1.25rem; } :where(html:where([data-page="copy"])) .faq__item:not(:last-child) { border-bottom: 0.0625rem solid #f1f3f5; } :where(html:where([data-page="copy"])) .faq__item:last-child { padding-bottom: 0; } :where(html:where([data-page="copy"])) .faq__item:first-child { padding-top: 0; } :where(html:where([data-page="copy"])) .faq__body { padding-top: 0.5rem; } :where(html:where([data-page="copy"])) .mobile-menu { background-color: var(--mobile-menu-background); border: none; min-height: calc(100dvh + 4rem); padding: 0; position: fixed; top: 4.375rem; width: 100%; z-index: 100; display: none; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .mobile-menu { min-height: calc(100dvh - 88px); } } :where(html:where([data-page="copy"])) .mobile-menu__wrapper { background-color: var(--action-primary-darker); border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100dvh - 64px); padding: 1.5rem; width: 100%; overflow: hidden; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .mobile-menu__wrapper { height: calc(100dvh - 88px); } } :where(html:where([data-page="copy"])) .mobile-menu__menuContainer { margin-top: 1.5rem; } :where(html:where([data-page="copy"])) .mobile-menu__menu { margin: 0; padding: 0; text-indent: 0; list-style: none; list-style-position: outside; background: var(--mobile-menu-list-background); border-radius: 1.5rem; padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; } :where(html:where([data-page="copy"])) .mobile-menu__link { color: #000; font-size: var(--font-size-3); font-weight: 500; padding: 0 1.25rem; white-space: nowrap; outline: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.375rem; border-radius: 2.375rem; text-transform: uppercase; } :where(html:where([data-page="copy"])) .mobile-menu__link:hover, :where(html:where([data-page="copy"])) .mobile-menu__link:focus { color: var(--action-primary); } :where(html:where([data-page="copy"])) .mobile-menu__link { color: var(--text); font-weight: 600; } :where(html:where([data-page="copy"])) .mobile-menu[open] { display: -webkit-box; display: -ms-flexbox; display: flex; } :where(html:where([data-page="copy"])) .article { background-color: var(--card-background); border: 2px solid var(--card-border); border-radius: 1.5rem; margin-left: calc(var(--mobile-padding-default) * -1); margin-right: calc(var(--mobile-padding-default) * -1); margin-bottom: 0.75rem; } @media (min-width: 576px) { :where(html:where([data-page="copy"])) .article { margin: 0 0 1.5rem 0; } } :where(html:where([data-page="copy"])) .article__header { padding: 1.5rem 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .article__header { padding: 1.5rem 1.5rem 0; } } :where(html:where([data-page="copy"])) .article__headerTitle { font-size: 1.5rem; font-weight: 700; line-height: 2rem; margin-bottom: 0; width: 100%; text-align: center; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .article__headerTitle { font-size: 2rem; font-weight: 700; line-height: 2.625rem; } } :where(html:where([data-page="copy"])) .article__body { padding: 1.5rem 1rem; line-height: 1.4; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .article__body { padding: 1.5rem 1.5rem; line-height: 1.5; } } :where(html:where([data-page="copy"])) .article__body > ol { counter-reset: point; margin: 1.7em 0 1.8em 1em; padding: 0; list-style: none; } :where(html:where([data-page="copy"])) .article__body > ol > li { padding-left: 2.5rem; margin: 0.7em 0; } :where(html:where([data-page="copy"])) .article__body > ol > li:before { content: counter(point); counter-increment: point 1; display: inline-block; width: 1.6875rem; height: 1.6875rem; margin: 0 0.8125rem 0 -2.5rem; text-align: center; border: 0.125rem solid var(--action-primary); border-radius: 50%; } :where(html:where([data-page="copy"])) .article__body ul:not([class]) { margin: 1.7em 0 1.8em 1em; padding: 0; list-style: none; } :where(html:where([data-page="copy"])) .article__body ul:not([class]) li { padding-left: 2.5rem; margin: 0.7em 0; } :where(html:where([data-page="copy"])) .article__body ul:not([class]) li:before { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; background: var(--action-primary); margin: 0 1.375rem 0 -1.875rem; } :where(html:where([data-page="copy"])) .article__body table { border-collapse: collapse; width: 100%; } :where(html:where([data-page="copy"])) .article__body table td, :where(html:where([data-page="copy"])) .article__body table th { border: 0.0625rem solid var(--table-border); padding: 0.625rem 0.9375rem; vertical-align: middle; } :where(html:where([data-page="copy"])) .article__body h2, :where(html:where([data-page="copy"])) .article__body h3 { font-weight: 800; margin: 1.5em 0 0.5em; word-wrap: break-word; } :where(html:where([data-page="copy"])) .article__body img { display: block; margin: 1.5rem auto; } :where(html:where([data-page="copy"])) .article__body p { margin-bottom: 1.5rem; } :where(html:where([data-page="copy"])) .article__body details { background: var(--article-table-contents); border-radius: 0.75rem; padding: 0.75rem 1.5rem; margin-bottom: 1.5rem; cursor: pointer; } :where(html:where([data-page="copy"])) .article__body details summary { font-weight: 800; color: var(--article-table-contents-summary); } :where(html:where([data-page="copy"])) .article__body details > ol { counter-reset: point; padding-top: 1rem; } :where(html:where([data-page="copy"])) .article__body details > ol > li { counter-reset: sublist; margin: 0.7em 0; } :where(html:where([data-page="copy"])) .article__body details > ol > li:first-child { margin-top: 0; } :where(html:where([data-page="copy"])) .article__body details > ol > li:before { content: counter(point) ". "; counter-increment: point 1; position: relative; top: auto; left: auto; width: auto; height: auto; border: none; opacity: 0.5; margin-right: 5px; margin-left: 0; color: var(--article-table-contents-li); } :where(html:where([data-page="copy"])) .article__body details > ol > li > ol > li { counter-reset: sublist3; font-size: 0.92em; margin-top: 0.3em; margin-bottom: 0.7em; margin-left: 30px; } :where(html:where([data-page="copy"])) .article__body details > ol > li > ol > li:before { content: counter(point) "." counter(sublist) ". "; counter-increment: sublist; position: relative; top: auto; left: auto; width: auto; height: auto; border: none; opacity: 0.5; margin-right: 5px; margin-left: 0; color: var(--article-table-contents-li); } :where(html:where([data-page="copy"])) .footer { background: var(--footer-background); padding: 1.5rem 1rem 0; border-top: 0.125rem solid var(--footer-border); margin-top: 2rem; } @media (min-width: 1200px) { :where(html:where([data-page="copy"])) .footer { padding: 4.875rem 0 0; } } :where(html:where([data-page="copy"])) .footer__container { max-width: 71.25rem; width: 100%; margin: 0 auto; } :where(html:where([data-page="copy"])) .footer__main { padding-bottom: 2rem; border-bottom: 0.0625rem solid var(--border-subdued); -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .footer__main { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 1200px) { :where(html:where([data-page="copy"])) .footer__main { padding-bottom: 3.75rem; } } :where(html:where([data-page="copy"])) .footer__col { margin-bottom: 2.5rem; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .footer__col { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .footer__col { width: 30%; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; margin-bottom: 0; } } @media (max-width: 991.98px) { :where(html:where([data-page="copy"])) .footer__col:first-child { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .footer__col:nth-child(2) { width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .footer__col:last-child { padding-left: 4rem; } } :where(html:where([data-page="copy"])) .footer__menuTitle { font-size: var(--font-size-6); color: var(--text); font-weight: 600; letter-spacing: -0.008em; line-height: 1.44; margin-bottom: 1rem; display: block; } @media (max-width: 991.98px) { :where(html:where([data-page="copy"])) .footer__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } :where(html:where([data-page="copy"])) .footer__text { font-size: var(--font-size-3); color: var(--text-subdued); line-height: 1.25rem; margin-top: 1rem; } :where(html:where([data-page="copy"])) .footer__partners { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 0; border-bottom: 0.0625rem solid var(--border-subdued); } @media (max-width: 575.98px) { :where(html:where([data-page="copy"])) .footer__partners { display: grid; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .footer__partners { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } :where(html:where([data-page="copy"])) .footer__partnersLogo { height: 3.75rem; } :where(html:where([data-page="copy"])) .footer__bottom { padding: 1.5rem 0 2rem; text-align: center; } :where(html:where([data-page="copy"])) .casino-list { margin: 0; padding: 0; text-indent: 0; list-style: none; list-style-position: outside; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 2rem; } @media (min-width: 576px) { :where(html:where([data-page="copy"])) .casino-list { gap: 1rem; } } :where(html:where([data-page="copy"])) .casino-list__item { width: 100%; } :where(html:where([data-page="copy"])) .casino { background-color: var(--casino-background); position: relative; border-radius: 1rem; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .casino { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } :where(html:where([data-page="copy"])) .casino__imgContainer { grid-area: casino-image; border-radius: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; gap: 0.25rem; width: 100%; height: 12.5rem; padding: 0.25rem; position: relative; align-self: flex-start; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .casino__imgContainer { width: 11.375rem; height: 7.6875rem; } } :where(html:where([data-page="copy"])) .casino__img { height: 100%; width: 100%; position: absolute; inset: 0; margin: 0 !important; -o-object-fit: cover; object-fit: cover; border-radius: 1rem; } :where(html:where([data-page="copy"])) .casino__title { font-size: 1.5rem; font-weight: 700; line-height: 1.3; width: 100%; color: var(--text); text-align: center; margin: 0 !important; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .casino__title { min-height: 3.125rem; text-align: left; } } :where(html:where([data-page="copy"])) .casino__content { padding: 0.9375rem 0 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .casino__content { padding: 0 1.25rem; } } :where(html:where([data-page="copy"])) .casino__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0.6rem 0; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .casino__rating { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; } } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .casino__rating { width: 17.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 17.5rem; flex: 0 0 17.5rem; } } :where(html:where([data-page="copy"])) .casino__actions { grid-area: casino-actions; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem 0 0; gap: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .casino__actions { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (min-width: 992px) { :where(html:where([data-page="copy"])) .casino__actions { padding: 0; width: 14.6875rem; -webkit-box-flex: 0; -ms-flex: 0 0 14.6875rem; flex: 0 0 14.6875rem; } } :where(html:where([data-page="copy"])) .casino__actions .button { width: 100%; } :where(html:where([data-page="copy"])) .casino__name { font-size: 1.125rem; color: var(--text); font-weight: 700; } :root:where([data-page="copy"]) { --card-border: #fff; --body-bg: #fff; --action-primary: #F58532; --interactive: #F58532; --interactive-hovered: #f3a369; --navigation-link-hover: #f3a369; } :where(html:where([data-page="copy"])) .page-details { border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; font-family: "Roboto", sans-serif; display: flex; flex-wrap: wrap; column-gap: 0.625rem; row-gap: 1rem; align-items: center; position: relative; padding-top: 1rem; padding-bottom: 0.875rem; } @media (min-width: 768px) { :where(html:where([data-page="copy"])) .page-details { padding-bottom: 1rem; } } :where(html:where([data-page="copy"])) .date-published { font-size: 0.75rem; line-height: 1rem; color: #64748b; } :where(html:where([data-page="copy"])) .icon-facts-checked:before { content: "\e9c4"; color: #2563eb; } :where(html:where([data-page="copy"])) .page-details .author-element { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; font-size: 0.875rem; width: max-content; } :where(html:where([data-page="copy"])) .page-details .author-element .author-profile-image { height: 1.5rem; width: 1.5rem; border-radius: 50%; margin-right: 0.625rem; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } @media all and (max-width: 350px) { :where(html:where([data-page="copy"])) .page-details .author-element .author-profile-image { margin-right: 3px; } } :where(html:where([data-page="copy"])) .page-details .author-element .author-name { font-family: "Roboto", sans-serif; font-weight: 700; color: #1e293b; font-size: 0.75rem; line-height: 1rem; transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1); } :where(html:where([data-page="copy"])) .page-details .author-element:hover .author-name { color: #2563eb; } :where(html:where([data-page="copy"])) .page-details .facts-checked { display: flex; align-items: center; justify-content: center; flex-direction: row; width: max-content; justify-self: flex-start; font-family: "Roboto", sans-serif; font-weight: 600; color: #2563eb; } :where(html:where([data-page="copy"])) .page-details .facts-checked:before { content: "• "; font-size: 0.75rem; color: #cbd5e1; margin-right: 6px; width: 4.74px; } :where(html:where([data-page="copy"])) .footer__group { display: flex; flex-direction: column; } :where(html:where([data-page="copy"])) .footer__group a { margin-top: 10px; } :where(html:where([data-page="copy"])) .footer__links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } :where(html:where([data-page="copy"])) .footer__menuTitle { font-weight: 700; margin-bottom: 15px; font-size: 1.1rem; } @media screen and (min-width: 769px){ :where(html:where([data-page="copy"])) ul.casino-list{ display: block; } :where(html:where([data-page="copy"])) .casino__title{ font-size: 1rem; } :where(html:where([data-page="copy"])) .casino-list__item{ margin-top: 5px; } :where(html:where([data-page="copy"])) ul.header__right.go-btn{ display: none; } } .unused-navigation{display:none!important}