html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::after, *::before { -webkit-box-sizing: inherit; box-sizing: inherit; } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .button, .button-transparent { background: #d0112b; color: #FFFFFF; display: inline-block; font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; cursor: pointer; text-align: center; text-transform: uppercase; padding: 10px 25px 10px 25px; padding: 0.625rem 1.5625rem 0.625rem 1.5625rem; position: relative; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media screen and (min-width: 768px) { .button, .button-transparent { font-size: 18px; font-size: 1.125rem; padding: 15px 30px 15px 30px; padding: 0.9375rem 1.875rem 0.9375rem 1.875rem; } } .button:hover, .button-transparent:hover { padding: 10px 37px 10px 25px; padding: 0.625rem 2.3125rem 0.625rem 1.5625rem; color: #FFFFFF; } @media screen and (min-width: 768px) { .button:hover, .button-transparent:hover { padding: 15px 55px 15px 20px; padding: 0.9375rem 3.4375rem 0.9375rem 1.25rem; } } .button:hover:after, .button-transparent:hover:after { content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #FFFFFF; border-style: solid; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 18px; right: 1.125rem; margin-top: 8px; margin-top: 0.5rem; } @media screen and (min-width: 768px) { .button:hover:after, .button-transparent:hover:after { right: 36px; right: 2.25rem; } } .button:active, .button-transparent:active { padding: 10px 37px 10px 25px; padding: 0.625rem 2.3125rem 0.625rem 1.5625rem; background: #bb0e1b; color: #dea1a4; } @media screen and (min-width: 768px) { .button:active, .button-transparent:active { padding: 15px 75px 15px 45px; padding: 0.9375rem 4.6875rem 0.9375rem 2.8125rem; } } .button:active:after, .button-transparent:active:after { content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #dea1a4; border-style: solid; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 18px; right: 1.125rem; margin-top: 8px; margin-top: 0.5rem; } @media screen and (min-width: 768px) { .button:active:after, .button-transparent:active:after { right: 36px; right: 2.25rem; } } .button-transparent { background: transparent; border: 1px solid #FFFFFF; color: #FFFFFF; padding: 8px 40px 8px 40px; padding: 0.5rem 2.5rem 0.5rem 2.5rem; } @media screen and (min-width: 768px) { .button-transparent { padding: 15px 80px 15px 80px; padding: 0.9375rem 5rem 0.9375rem 5rem; } } .button-transparent:hover { padding: 8px 65px 8px 30px; padding: 0.5rem 4.0625rem 0.5rem 1.875rem; } @media screen and (min-width: 768px) { .button-transparent:hover { padding: 15px 80px 15px 80px; padding: 0.9375rem 5rem 0.9375rem 5rem; } } .button-transparent:active { padding: 8px 65px 8px 30px; padding: 0.5rem 4.0625rem 0.5rem 1.875rem; background: transparent; color: #aa2031; border: 1px solid #aa2031; } @media screen and (min-width: 768px) { .button-transparent:active { padding: 15px 80px 15px 80px; padding: 0.9375rem 5rem 0.9375rem 5rem; } } .button-transparent:active:after { border-color: #aa2031; } .button-transparent.red-button { border: 1px solid #d0112b; color: #d0112b; } .button-transparent.red-button:hover { color: #d0112b; border: 1px solid #d0112b; } .button-transparent.red-button:hover:after { border-color: #d0112b; } .button-transparent.red-button:active { color: #aa2031; border: 1px solid #aa2031; } .button-transparent.red-button:active:after { border-color: #aa2031; } @font-face { font-family: 'Proxima Nova Bold'; src: url("../../fonts/Proxima_Nova/ProximaNova-Bold.eot"); src: url("../../fonts/Proxima_Nova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Proxima_Nova/ProximaNova-Bold.woff2") format("woff2"), url("../../fonts/Proxima_Nova/ProximaNova-Bold.woff") format("woff"), url("../../fonts/Proxima_Nova/ProximaNova-Bold.ttf") format("truetype"), url("../../fonts/Proxima_Nova/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova Light'; src: url("../../fonts/Proxima_Nova/ProximaNova-Light.eot"); src: url("../../fonts/Proxima_Nova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Proxima_Nova/ProximaNova-Light.woff2") format("woff2"), url("../../fonts/Proxima_Nova/ProximaNova-Light.woff") format("woff"), url("../../fonts/Proxima_Nova/ProximaNova-Light.ttf") format("truetype"), url("../../fonts/Proxima_Nova/ProximaNova-Light.svg#ProximaNova-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova Regular'; src: url("../../fonts/Proxima_Nova/ProximaNova-Regular.eot"); src: url("../../fonts/Proxima_Nova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Proxima_Nova/ProximaNova-Regular.woff2") format("woff2"), url("../../fonts/Proxima_Nova/ProximaNova-Regular.woff") format("woff"), url("../../fonts/Proxima_Nova/ProximaNova-Regular.ttf") format("truetype"), url("../../fonts/Proxima_Nova/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Khula Bold'; src: url("../../fonts/Khula/Khula-Bold.eot"); src: url("../../fonts/Khula/Khula-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Khula/Khula-Bold.woff2") format("woff2"), url("../../fonts/Khula/Khula-Bold.woff") format("woff"), url("../../fonts/Khula/Khula-Bold.ttf") format("truetype"), url("../../fonts/Khula/Khula-Bold.svg#Khula-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Khula Light'; src: url("../../fonts/Khula/Khula-Light.eot"); src: url("../../fonts/Khula/Khula-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Khula/Khula-Light.woff2") format("woff2"), url("../../fonts/Khula/Khula-Light.woff") format("woff"), url("../../fonts/Khula/Khula-Light.ttf") format("truetype"), url("../../fonts/Khula/Khula-Light.svg#Khula-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Khula Regular'; src: url("../../fonts/Khula/Khula-Regular.eot"); src: url("../../fonts/Khula/Khula-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Khula/Khula-Regular.woff2") format("woff2"), url("../../fonts/Khula/Khula-Regular.woff") format("woff"), url("../../fonts/Khula/Khula-Regular.ttf") format("truetype"), url("../../fonts/Khula/Khula-Regular.svg#Khula-Regular") format("svg"); font-weight: normal; font-style: normal; } body { font-size: 20px; line-height: 1.7; } .layout-container { overflow-x: hidden; } a { text-decoration: none; cursor: pointer; color: #000000; } a:hover { color: #ff0000; } img { max-width: 100%; height: auto; width: 100%; display: block; } .site-main { max-width: 1440px; max-width: 90rem; width: 100%; margin: 0 auto; } .wp-caption-text { color: #a1a1a1; font-size: 15px; font-size: 0.9375rem; font-family: "Proxima Nova Regular", sans-serif; } div[id^=attachment_] { max-width: 836px !important; } .navigation.pagination { font-size: 18px; font-size: 1.125rem; font-family: "Proxima Nova Regular", sans-serif; padding-top: 60px; padding-top: 3.75rem; text-align: center; } .navigation.pagination .page-numbers { border: 1px solid #e9e9e9; padding: 10px 15px; padding: 0.625rem 0.9375rem; } .navigation.pagination a { font-size: 18px; font-size: 1.125rem; font-family: "Proxima Nova Regular", sans-serif; padding: 0 15px; padding: 0 0.9375rem; } .navigation.pagination a:hover { color: #ff0000; } .navigation.pagination .current { color: #d0112b; font-family: "Proxima Nova Bold", sans-serif; } .authors { padding-top: 15px; padding-top: 0.9375rem; } .authors__images { display: inline-block; } .authors__images img { display: inline-block; max-width: 35px; max-width: 2.1875rem; max-height: 35px; max-height: 2.1875rem; } .authors__names { display: inline-block; font-family: "Proxima Nova Bold", sans-serif; font-size: 16px; font-size: 1rem; min-height: 35px; min-height: 2.1875rem; vertical-align: text-bottom; } .error-404 { max-width: 1248px; max-width: 78rem; min-height: 700px; min-height: 43.75rem; margin: 0 auto; padding-top: 150px; padding-top: 9.375rem; padding-bottom: 150px; padding-bottom: 9.375rem; text-align: center; width: 100%; } @media (960px) { .error-404 { min-height: 500px; min-height: 31.25rem; padding-top: 150px; padding-top: 9.375rem; padding-bottom: 150px; padding-bottom: 9.375rem; } } .aligncenter { text-align: center; margin: 0 auto 10px auto; margin: 0 auto 0.625rem auto; width: auto; } img.alignleft { text-align: left; width: auto; float: left; margin: 0 15px 15px 0; margin: 0 0.9375rem 0.9375rem 0; } img.alignright { text-align: right; width: auto; float: right; margin: 0 0 15px 15px; margin: 0 0 0.9375rem 0.9375rem; } .max-width-container { max-width: 1680px; margin: 0 auto; } .layout { max-width: 1280px; margin-left: auto; margin-right: auto; width: calc(100% - 32px); } .layout::after { clear: both; content: ""; display: block; } @media screen and (min-width: 580px) { .layout { width: calc(100% - 60px); } } @media screen and (min-width: 960px) { .layout { width: 89.0625%; min-width: 900px; } } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: transparent; } body { line-height: 1.5; } h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1.1; font-weight: normal; } p { margin-top: 0; } ul, ol { margin-top: 0; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } nav ul { list-style: none; margin: 0; padding: 0; } dl { margin-top: 0; } dd { margin: 0; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } figure { margin: 0; } address { font-style: normal; } form { margin: 0; } fieldset { padding: 0; margin: 0; border: 0; } textarea { resize: vertical; } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } [disabled] { cursor: default; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* ========================================================================== Print styles. https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { font-family: "Proxima Nova Light", sans-serif; color: #000000; } h1, h2, h3, h4, h5, h6 { font-family: "Khula Light", sans-serif; } h1 { font-size: 28px; font-size: 1.75rem; line-height: 1.1429; font-weight: 500; } @media screen and (min-width: 580px) { h1 { font-size: 32px; font-size: 2rem; line-height: 1.125; } } @media screen and (min-width: 1280px) { h1 { font-size: 56px; font-size: 3.5rem; line-height: 1.1786; } } h2 { font-size: 24px; font-size: 1.5rem; line-height: 1.1667; } @media screen and (min-width: 580px) { h2 { font-size: 38px; font-size: 2.375rem; line-height: 1.2632; } } h3 { font-size: 18px; font-size: 1.125rem; line-height: 1.2223; } @media screen and (min-width: 580px) { h3 { font-size: 24px; font-size: 1.5rem; line-height: 1.3334; } } h4 { font-size: 16px; font-size: 1rem; line-height: 1.875; } h5 { font-size: 14px; font-size: 0.875rem; line-height: 1.7858; } @media screen and (min-width: 580px) { h5 { font-size: 20px; font-size: 1.25rem; line-height: 1.6667; } } p:last-child { margin-bottom: 0; } .large-text p, p.large { font-size: 20px; line-height: 1.6; } @media screen and (min-width: 580px) { .large-text p, p.large { font-size: 24px; line-height: 1.5; } } .content-section .atomic-item__wrapper--contacts { border-bottom: 1px solid #d5d5d5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-top: 60px; padding-top: 3.75rem; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 959px) { .content-section .atomic-item__wrapper--contacts { padding-top: 30px; padding-top: 1.875rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--contacts { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } } .content-section .atomic-item__wrapper--contacts .contacts__category { max-width: 300px; max-width: 18.75rem; padding-right: 15px; padding-right: 0.9375rem; text-transform: uppercase; width: 100%; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--contacts .contacts__category { max-width: 100%; padding-right: 0; text-align: center; } } .content-section .atomic-item__wrapper--contacts .contacts__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--contacts .contacts__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .content-section .atomic-item__wrapper--contacts .contacts__content--item { width: 100%; max-width: 240px; max-width: 15rem; padding-bottom: 55px; padding-bottom: 3.4375rem; margin-right: 70px; margin-right: 4.375rem; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--contacts .contacts__content--item { margin-right: 0; } } @media screen and (max-width: 959px) { .content-section .atomic-item__wrapper--contacts .contacts__content--item { max-width: 100%; margin-right: 0; } } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--contacts .contacts__content--item { padding-bottom: 25px; padding-bottom: 1.5625rem; text-align: center; } } .content-section .atomic-item__wrapper--contacts .contacts__content--item__title { font-family: "Proxima Nova Regular", sans-serif; font-size: 20px; font-size: 1.25rem; } .content-section .atomic-item__wrapper--contacts .contacts__content--item__link a { color: #d0112b; font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 600; } .content-section .atomic-item__wrapper--contacts .contacts__content--item__link a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 0; padding: 3.75rem 0; } .content-section .atomic-item__wrapper--images-item { -ms-flex-preferred-size: 33%; flex-basis: 33%; max-height: 420px; max-height: 26.25rem; overflow: hidden; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--images-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-bottom: 20px; padding-bottom: 1.25rem; } } .content-section .atomic-item__wrapper--left-side-content { border-bottom: 1px solid #d5d5d5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-top: 60px; padding-top: 3.75rem; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 959px) { .content-section .atomic-item__wrapper--left-side-content { padding-top: 30px; padding-top: 1.875rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--left-side-content { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } } .content-section .atomic-item__wrapper--left-side-content .left-sidebar { max-width: 300px; max-width: 18.75rem; padding-right: 15px; padding-right: 0.9375rem; text-transform: uppercase; width: 100%; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--left-side-content .left-sidebar { max-width: 100%; padding-right: 0; text-align: center; } } .content-section .atomic-item__wrapper--left-side-content .content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--left-side-content .content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .content-section .atomic-item__wrapper--left-side-content .content .body { width: 100%; } .content-section .atomic-item__wrapper--locations { border-bottom: 1px solid #d5d5d5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-top: 90px; padding-top: 5.625rem; padding-bottom: 60px; padding-bottom: 3.75rem; } @media screen and (max-width: 959px) { .content-section .atomic-item__wrapper--locations { padding-top: 30px; padding-top: 1.875rem; padding-bottom: 30px; padding-bottom: 1.875rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--locations { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } } .content-section .atomic-item__wrapper--locations .locations__category { max-width: 300px; max-width: 18.75rem; padding-right: 15px; padding-right: 0.9375rem; text-transform: uppercase; width: 100%; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--locations .locations__category { max-width: 100%; padding-right: 0; text-align: center; } } .content-section .atomic-item__wrapper--locations .locations__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-section .atomic-item__wrapper--locations .locations__content--item { width: 100%; max-width: 240px; max-width: 15rem; padding-bottom: 55px; padding-bottom: 3.4375rem; margin-right: 70px; margin-right: 4.375rem; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--locations .locations__content--item { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } } @media screen and (max-width: 959px) { .content-section .atomic-item__wrapper--locations .locations__content--item { max-width: 100%; margin-right: 0; } } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--locations .locations__content--item { padding-bottom: 25px; padding-bottom: 1.5625rem; text-align: center; } } .content-section .atomic-item__wrapper--locations .locations__content--item__name { padding-bottom: 20px; padding-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .content-section .atomic-item__wrapper--locations .locations__content--item__name h3 { font-family: "Proxima Nova Regular", sans-serif; font-size: 24px; font-size: 1.5rem; width: 100%; } .content-section .atomic-item__wrapper--locations .locations__content--item__name h3 a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--locations .locations__content--item__phones, .content-section .atomic-item__wrapper--locations .locations__content--item__address { font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; padding-bottom: 30px; padding-bottom: 1.875rem; font-weight: 600; } .content-section .atomic-item__wrapper--locations .locations__content--item__phones .phone-label { text-transform: uppercase; padding-right: 10px; padding-right: 0.625rem; } .content-section .atomic-item__wrapper--locations .locations__content--item__content { font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--locations .locations__content--item__content { font-size: 16px; font-size: 1rem; padding-bottom: 15px; padding-bottom: 0.9375rem; } } .content-section .atomic-item__wrapper--locations .locations__content--item__content { padding-bottom: 40px; padding-bottom: 2.5rem; } .content-section .atomic-item__wrapper--locations .locations__content--item__link a { color: #d0112b; font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; text-transform: uppercase; } .content-section .atomic-item__wrapper--locations .locations__content--item__link a:hover { color: #ff0000; } .entry-header { position: relative; } .entry-header .post--atomic_slug--hero-image { min-height: 340px; min-height: 21.25rem; background-position: 50%; background-size: cover; } .entry-header .post--atomic_slug--image { min-height: 340px; min-height: 21.25rem; background: #2f373d url("../../images/bg.jpg") 0 0 no-repeat; } .entry-header .post--atomic_slug--image img { min-height: 250px; min-height: 15.625rem; height: inherit; width: inherit; max-width: inherit; } @media screen and (max-width: 767px) { .entry-header .post--atomic_slug--image img { width: 1440px; width: 90rem; height: auto; overflow: hidden; } } .entry-header .post--atomic_slug--wrapper { color: #FFFFFF; position: absolute; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .entry-header .post--atomic_slug--wrapper { padding: 10px; padding: 0.625rem; text-align: center; } } .entry-header .post--atomic_slug--wrapper .title { max-width: 1248px; max-width: 78rem; margin: 0 auto; width: 100%; } @media screen and (max-width: 1279px) { .entry-header .post--atomic_slug--wrapper .title { padding: 0 30px; padding: 0 1.875rem; } } .entry-header .post--atomic_slug--wrapper .title__text { max-width: 100%; } @media screen and (min-width: 768px) { .entry-header .post--atomic_slug--wrapper .title__text { max-width: 45%; } } .entry-header .post--atomic_slug--wrapper h1 { text-transform: uppercase; } .atomic-page .content-section { padding: 0; } .atomic-page .entry-content { padding: 0 2%; } @media screen and (min-width: 1280px) { .atomic-page .entry-content { padding: 0; } } .content-section .atomic-item { clear: both; } .content-section .atomic-item__wrapper--list-of-content { max-width: 1248px; margin: 0 auto; padding: 75px 0 50px 0; padding: 4.6875rem 0 3.125rem 0; width: 100%; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__label { padding-bottom: 60px; padding-bottom: 3.75rem; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__label h2 { font-size: 26px; font-size: 1.625rem; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item { -ms-flex-preferred-size: 40%; flex-basis: 40%; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item__link { padding-bottom: 30px; padding-bottom: 1.875rem; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item__link a { font-family: "Proxima Nova Regular", sans-serif; font-size: 24px; font-size: 1.5rem; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item__link a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item__description { padding-bottom: 30px; padding-bottom: 1.875rem; font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item__read-more { padding-bottom: 30px; padding-bottom: 1.875rem; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item__read-more a { color: #d0112b; font-family: "Proxima Nova Bold", sans-serif; text-transform: uppercase; font-size: 16px; font-size: 1rem; } .content-section .atomic-item__wrapper--list-of-content .list-of-content__links--item__read-more a:hover { color: #ff0000; } .content-section .atomic-item__wrapper .cta__wrapper { margin: 0 auto; } .content-section .atomic-item__wrapper .cta__content { max-width: 1248px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .content-section .atomic-item__wrapper .cta__content--title { text-align: left; text-transform: none; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper .cta__content--title { padding: 0 30px; padding: 0 1.875rem; } } .content-section .atomic-item__wrapper .cta__content--text { font-family: "Proxima Nova Light", sans-serif; font-size: 24px; font-size: 1.5rem; max-width: 70%; padding: 0; text-align: left; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper .cta__content--text { font-size: 16px; font-size: 1rem; } } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper .cta__content--text { padding: 0 30px; padding: 0 1.875rem; max-width: 100%; } } .content-section .atomic-item__wrapper--promoted_content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-top: 100px; padding-top: 6.25rem; padding-bottom: 50px; padding-bottom: 3.125rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--promoted_content { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0; padding-bottom: 30px; padding-bottom: 1.875rem; } } .content-section .atomic-item__wrapper--promoted_content--item { -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media screen and (min-width: 769px) and (max-width: 840px) { .content-section .atomic-item__wrapper--promoted_content--item { -ms-flex-preferred-size: 45%; flex-basis: 45%; } } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--promoted_content--item { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-bottom: 30px; padding-bottom: 1.875rem; } } .content-section .atomic-item__wrapper--promoted_content--item:last-child { border-left: 1px solid #d5d5d5; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--promoted_content--item:last-child { border-left: none; } } @media screen and (min-width: 769px) and (max-width: 840px) { .content-section .atomic-item__wrapper--promoted_content--item:last-child { border-left: none; } } .content-section .atomic-item__wrapper--promoted_content--item .item-author, .content-section .atomic-item__wrapper--promoted_content--item .item-title, .content-section .atomic-item__wrapper--promoted_content--item .item-image { margin: 0 auto; max-width: 435px; max-width: 27.1875rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--promoted_content--item .item-author, .content-section .atomic-item__wrapper--promoted_content--item .item-title, .content-section .atomic-item__wrapper--promoted_content--item .item-image { max-width: 100%; } } .content-section .atomic-item__wrapper--promoted_content--item .item-author { padding-top: 20px; padding-top: 1.25rem; font-size: 16px; font-size: 1rem; color: #898989; } .content-section .atomic-item__wrapper--promoted_content--item .item-title { padding-top: 20px; padding-top: 1.25rem; } .content-section .atomic-item__wrapper--promoted_content--item .item-title a { font-size: 24px; font-size: 1.5rem; font-family: "Proxima Nova Regular", sans-serif; } .content-section .atomic-item__wrapper--promoted_content--item .item-title a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--testimonials { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-top: 65px; padding-top: 4.0625rem; padding-bottom: 65px; padding-bottom: 4.0625rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--testimonials { padding-top: 25px; padding-top: 1.5625rem; padding-bottom: 25px; padding-bottom: 1.5625rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .content-section .atomic-item__wrapper--testimonials .testimonial--content_block { max-width: 100%; font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; padding-top: 30px; padding-top: 1.875rem; padding-bottom: 70px; padding-bottom: 4.375rem; } @media screen and (min-width: 768px) { .content-section .atomic-item__wrapper--testimonials .testimonial--content_block { max-width: 540px; max-width: 33.75rem; } } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--testimonials .testimonial--content_block { font-size: 16px; font-size: 1rem; } } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--testimonials .testimonial--content_block { padding-bottom: 30px; padding-bottom: 1.875rem; } } .content-section .atomic-item__wrapper--testimonials .testimonial--content_block h1, .content-section .atomic-item__wrapper--testimonials .testimonial--content_block h2, .content-section .atomic-item__wrapper--testimonials .testimonial--content_block h3, .content-section .atomic-item__wrapper--testimonials .testimonial--content_block h4 { font-weight: bold; } .content-section .atomic-item__wrapper--testimonials .testimonial--content_block a { color: #d0112b; } .content-section .atomic-item__wrapper--testimonials .testimonial--content_block a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--testimonials .testimonials__text-box { padding-top: 30px; padding-top: 1.875rem; max-width: 650px; max-width: 40.625rem; width: 100%; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--testimonials .testimonials__text-box { max-width: 100%; } } @media screen and (min-width: 769px) and (max-width: 1279px) { .content-section .atomic-item__wrapper--testimonials .testimonials__text-box { padding-right: 30px; padding-right: 1.875rem; } } .content-section .atomic-item__wrapper--testimonials .testimonials__text-box--description { font-family: "Proxima Nova Regular", sans-serif; font-size: 24px; font-size: 1.5rem; padding-top: 30px; padding-top: 1.875rem; padding-bottom: 70px; padding-bottom: 4.375rem; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--testimonials .testimonials__text-box--description { font-size: 16px; font-size: 1rem; } } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--testimonials .testimonials__text-box--description { padding-bottom: 30px; padding-bottom: 1.875rem; } } .content-section .atomic-item__wrapper--testimonials .testimonials__list { overflow-x: hidden; max-width: 550px; max-width: 34.375rem; min-height: 550px; min-height: 34.375rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--testimonials .testimonials__list { padding-top: 30px; padding-top: 1.875rem; min-height: 530px; min-height: 33.125rem; margin: 0 auto; } } .content-section .atomic-item__wrapper--testimonials .testimonials__list--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: auto; -ms-flex-negative: 0; flex-shrink: 0; margin: 20px 20px 0 10px; margin: 1.25rem 1.25rem 0 0.625rem; position: relative; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--wrapper .control-operator { display: none; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--wrapper .control-operator:target ~ .item { opacity: 0; -webkit-animation: none; animation: none; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--wrapper .control-operator:target + .item { opacity: 1; } @-webkit-keyframes galleryAnimation { 0% { opacity: 0; } 14.28571%, 50% { opacity: 1; } 64.28571% { opacity: 0; } } @keyframes galleryAnimation { 0% { opacity: 0; } 14.28571%, 50% { opacity: 1; } 64.28571% { opacity: 0; } } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item { -webkit-box-shadow: 0 0 10px 7px #e2e2e2; box-shadow: 0 0 10px 7px #e2e2e2; background: #FFFFFF; max-width: 475px; max-width: 29.6875rem; height: 500px; height: 31.25rem; min-width: 300px; min-width: 18.75rem; padding: 50px; padding: 3.125rem; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; overflow: hidden; margin-right: 30px; margin-right: 1.875rem; -webkit-animation: galleryAnimation 14s infinite; animation: galleryAnimation 14s infinite; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item .control-operator:nth-of-type(1) { -webkit-animation-delay: -2s; animation-delay: -2s; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item .control-operator:nth-of-type(2) { -webkit-animation-delay: 5s; animation-delay: 5s; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--testimonials .testimonials__list--item { padding: 30px; padding: 1.875rem; min-width: 300px; min-width: 18.75rem; } } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item:first-of-type { position: static; opacity: 1; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item__image { max-width: 300px; max-width: 18.75rem; margin: 0 auto; padding-bottom: 20px; padding-bottom: 1.25rem; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item__text { font-family: "Proxima Nova Regular", sans-serif; font-size: 24px; font-size: 1.5rem; padding-bottom: 60px; padding-bottom: 3.75rem; text-align: center; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item__author { text-align: center; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item__author .author-name { font-family: "Proxima Nova Regular", sans-serif; font-size: 24px; font-size: 1.5rem; } .content-section .atomic-item__wrapper--testimonials .testimonials__list--item__author .author-light { font-family: "Proxima Nova Light", sans-serif; font-size: 20px; font-size: 1.25rem; } .content-section .atomic-item__wrapper--menu-and-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-top: 90px; padding-top: 5.625rem; padding-bottom: 60px; padding-bottom: 3.75rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--menu-and-content { max-width: 100%; padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem; display: block; } } @media screen and (min-width: 769px) and (max-width: 840px) { .content-section .atomic-item__wrapper--menu-and-content { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem; } } .content-section .atomic-item__wrapper--menu-and-content .menu-items { max-width: 385px; max-width: 24.0625rem; width: 100%; margin: 0 auto 25px auto; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--menu-and-content .menu-items { max-width: 100%; } } @media screen and (min-width: 768px) { .content-section .atomic-item__wrapper--menu-and-content .menu-items { display: block; margin-right: 4%; } } .content-section .atomic-item__wrapper--menu-and-content .menu-items ul { list-style: none; margin: 0; padding: 0; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list { max-width: 510px; max-width: 31.875rem; padding-left: 105px; padding-left: 6.5625rem; width: 100%; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--title { text-transform: uppercase; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items { padding-top: 20px; padding-top: 1.25rem; width: 100%; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items li.current-menu-item a { font-family: "Proxima Nova Bold", sans-serif; color: #ff0000; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items li, .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items__item { position: relative; padding: 15px 0; border-bottom: 1px solid #e8e8e8; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items li:first-child, .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items__item:first-child { border-top: 1px solid #e8e8e8; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items li a, .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items__item a { position: relative; display: block; font-size: 18px; font-size: 1.125rem; font-family: "Proxima Nova Regular", sans-serif; padding-right: 35px; padding-right: 2.1875rem; width: 100%; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items li a:hover, .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items__item a:hover { font-family: "Proxima Nova Bold", sans-serif; color: #ff0000; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items li a:hover:after, .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items__item a:hover:after { border-color: #ff0000; } .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items li a:after, .content-section .atomic-item__wrapper--menu-and-content .menu-items__list--items__item a:after { content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #ff0000; border-style: solid; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: 7px; top: 0.4375rem; } .content-section .atomic-item__wrapper--menu-and-content .content-items { max-width: 775px; max-width: 48.4375rem; width: 100%; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--menu-and-content .content-items { max-width: 100%; padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem; } } @media screen and (min-width: 769px) and (max-width: 840px) { .content-section .atomic-item__wrapper--menu-and-content .content-items { padding-left: 20px; padding-left: 1.25rem; } } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion { /* Accordion styles */ } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion .close-all { float: right; } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion .tab { position: relative; margin-bottom: 2px; margin-bottom: 0.125rem; width: 100%; overflow: hidden; } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion .tab input { position: absolute; opacity: 0; z-index: -1; /* :checked */ } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion .tab input:checked ~ .tab-content { display: block; } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion .tab label { background: #f7f7f7; display: block; font-family: "Proxima Nova Regular", sans-serif; font-size: 20px; font-size: 1.25rem; padding: 30px; padding: 1.875rem; font-weight: bold; cursor: pointer; position: relative; /* Icon */ } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion .tab label { padding: 10px 30px 10px 10px; padding: 0.625rem 1.875rem 0.625rem 0.625rem; } } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion .tab label::after { position: absolute; right: 25px; right: 1.5625rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #ff0000; border-style: solid; -webkit-transform: rotate(225deg); transform: rotate(225deg); } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion .tab .tab-content { display: none; padding: 30px; padding: 1.875rem; } .content-section .atomic-item__wrapper--menu-and-content .content-items .menu-and-content-accordion input[type=radio]:checked + label::after { content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #ff0000; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .content-section .atomic-item__wrapper--menu-and-content .menu-and-content-block h3 { font-family: "Proxima Nova Bold", sans-serif; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--menu-and-content .menu-and-content-block h3 { text-align: center; } } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--menu-and-content .menu-and-content-block h2 { text-align: center; } } .content-section .atomic-item__wrapper--menu-and-content .menu-and-content-block__text, .content-section .atomic-item__wrapper--menu-and-content .menu-and-content-block__call-to-action, .content-section .atomic-item__wrapper--menu-and-content .menu-and-content-block__image { padding: 20px 0; padding: 1.25rem 0; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--menu-and-content .menu-and-content-block__text { padding: 20px; padding: 1.25rem; } } .content-section .atomic-item__wrapper--menu-and-content .menu-and-content-accordion { padding: 20px 0; padding: 1.25rem 0; margin-bottom: 15px; margin-bottom: 0.9375rem; } .content-section .atomic-item__wrapper--full-width-content { padding-top: 90px; padding-top: 5.625rem; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--full-width-content { padding-top: 30px; padding-top: 1.875rem; } } .content-section .atomic-item__wrapper--full-width-content .wrapper { max-width: 1248px; max-width: 78rem; margin: 0 auto; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--full-width-content .wrapper { padding: 0 20px; padding: 0 1.25rem; } } .content-section .atomic-item__wrapper--full-width-content .wrapper .headline { text-transform: uppercase; text-align: center; } .content-section .atomic-item__wrapper--full-width-content .wrapper .excerpt { font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; padding: 35px; padding: 2.1875rem; text-align: center; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--full-width-content .wrapper .excerpt { font-size: 16px; font-size: 1rem; } } .content-section .atomic-item__wrapper--full-width-content .wrapper .body { padding: 20px 0 90px 0; padding: 1.25rem 0 5.625rem 0; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--full-width-content .wrapper .body { font-size: 16px; font-size: 1rem; } } .content-section .atomic-item__wrapper--full-width-content .wrapper h3, .content-section .atomic-item__wrapper--full-width-content .wrapper h4, .content-section .atomic-item__wrapper--full-width-content .wrapper h5, .content-section .atomic-item__wrapper--full-width-content .wrapper h6 { font-family: "Proxima Nova Bold", sans-serif; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--full-width-content .wrapper h3, .content-section .atomic-item__wrapper--full-width-content .wrapper h4, .content-section .atomic-item__wrapper--full-width-content .wrapper h5, .content-section .atomic-item__wrapper--full-width-content .wrapper h6 { text-align: center; } } .content-section .atomic-item__wrapper--full-width-content .wrapper a { color: #d0112b; } .content-section .atomic-item__wrapper--full-width-content .wrapper a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--cta-and-image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1440px; max-width: 90rem; padding-top: 90px; padding-top: 5.625rem; padding-bottom: 60px; padding-bottom: 3.75rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--cta-and-image { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 959px) { .content-section .atomic-item__wrapper--cta-and-image { padding-top: 30px; padding-top: 1.875rem; padding-bottom: 20px; padding-bottom: 1.25rem; } } .content-section .atomic-item__wrapper--cta-and-image.gray { background: #f7f7f7; } .content-section .atomic-item__wrapper--cta-and-image.right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__image { -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__image { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media screen and (min-width: 769px) and (max-width: 959px) { .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__image { -ms-flex-preferred-size: 45%; flex-basis: 45%; } } .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__cta { margin: 0 auto; -ms-flex-preferred-size: 45%; flex-basis: 45%; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__cta { max-width: 100%; padding-top: 35px; padding-top: 2.1875rem; -ms-flex-preferred-size: 95%; flex-basis: 95%; } } .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__cta--headline { text-transform: uppercase; padding-bottom: 35px; padding-bottom: 2.1875rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__cta--headline { padding-bottom: 15px; padding-bottom: 0.9375rem; } } .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__cta--secondary-headline { font-family: "Proxima Nova Regular", sans-serif; font-size: 22px; font-size: 1.375rem; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__cta--secondary-headline { padding-bottom: 15px; padding-bottom: 0.9375rem; } } .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__cta--description { font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; padding-bottom: 40px; padding-bottom: 2.5rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--cta-and-image .cta-and-image__cta--description { padding-bottom: 15px; padding-bottom: 0.9375rem; } } .content-section .atomic-item__wrapper--two-call-to-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-top: 90px; padding-top: 5.625rem; padding-bottom: 60px; padding-bottom: 3.75rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--two-call-to-actions { padding-top: 30px; padding-top: 1.875rem; padding-bottom: 30px; padding-bottom: 1.875rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .content-section .atomic-item__wrapper--two-call-to-actions--item { -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--two-call-to-actions--item { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-bottom: 45px; padding-bottom: 2.8125rem; } } @media screen and (min-width: 769px) and (max-width: 1279px) { .content-section .atomic-item__wrapper--two-call-to-actions--item { -ms-flex-preferred-size: 40%; flex-basis: 40%; } } .content-section .atomic-item__wrapper--two-call-to-actions--item:last-child { border-left: 1px solid #d5d5d5; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--two-call-to-actions--item:last-child { border-left: none; } } .content-section .atomic-item__wrapper--two-call-to-actions--item .item-headline, .content-section .atomic-item__wrapper--two-call-to-actions--item .item-secondary-headline, .content-section .atomic-item__wrapper--two-call-to-actions--item .item-description, .content-section .atomic-item__wrapper--two-call-to-actions--item .item-cta, .content-section .atomic-item__wrapper--two-call-to-actions--item .item-image { margin: 0 auto; max-width: 490px; max-width: 30.625rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--two-call-to-actions--item .item-headline, .content-section .atomic-item__wrapper--two-call-to-actions--item .item-secondary-headline, .content-section .atomic-item__wrapper--two-call-to-actions--item .item-description, .content-section .atomic-item__wrapper--two-call-to-actions--item .item-cta, .content-section .atomic-item__wrapper--two-call-to-actions--item .item-image { max-width: 100%; } } .content-section .atomic-item__wrapper--two-call-to-actions--item .item-image { padding-bottom: 45px; padding-bottom: 2.8125rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--two-call-to-actions--item .item-image { padding-bottom: 25px; padding-bottom: 1.5625rem; } } .content-section .atomic-item__wrapper--two-call-to-actions--item .item-headline { text-transform: uppercase; padding-bottom: 40px; padding-bottom: 2.5rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--two-call-to-actions--item .item-headline { padding-bottom: 25px; padding-bottom: 1.5625rem; } } .content-section .atomic-item__wrapper--two-call-to-actions--item .item-secondary-headline { font-family: "Proxima Nova Regular", sans-serif; font-weight: bold; font-size: 22px; font-size: 1.375rem; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--two-call-to-actions--item .item-secondary-headline { padding-bottom: 15px; padding-bottom: 0.9375rem; } } .content-section .atomic-item__wrapper--two-call-to-actions--item .item-description { padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--two-call-to-actions--item .item-description { font-size: 16px; font-size: 1rem; } } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--two-call-to-actions--item .item-description { padding-bottom: 15px; padding-bottom: 0.9375rem; } } .content-section .atomic-item__wrapper--categorized-content { border-bottom: 1px solid #d5d5d5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-top: 90px; padding-top: 5.625rem; padding-bottom: 60px; padding-bottom: 3.75rem; } @media screen and (max-width: 959px) { .content-section .atomic-item__wrapper--categorized-content { padding-top: 30px; padding-top: 1.875rem; padding-bottom: 30px; padding-bottom: 1.875rem; } } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--categorized-content { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } } .content-section .atomic-item__wrapper--categorized-content .categorized-content__category { max-width: 300px; max-width: 18.75rem; padding-right: 15px; padding-right: 0.9375rem; text-transform: uppercase; width: 100%; } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--categorized-content .categorized-content__category { padding-bottom: 25px; padding-bottom: 1.5625rem; text-align: center; } } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item { width: 100%; max-width: 400px; max-width: 25rem; padding-bottom: 55px; padding-bottom: 3.4375rem; } @media screen and (max-width: 959px) { .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item { max-width: 100%; } } @media screen and (max-width: 1279px) { .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item { padding-bottom: 25px; padding-bottom: 1.5625rem; } } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__name, .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__image { padding-bottom: 20px; padding-bottom: 1.25rem; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__image img { width: inherit; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__name { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__name h3 { font-family: "Proxima Nova Regular", sans-serif; font-size: 24px; font-size: 1.5rem; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__name h3 a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__name .linkedin { margin-left: 20px; margin-left: 1.25rem; -ms-flex-preferred-size: 32px; flex-basis: 32px; -ms-flex-preferred-size: 2rem; flex-basis: 2rem; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__content, .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__role { font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__content, .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__role { font-size: 16px; font-size: 1rem; padding-bottom: 15px; padding-bottom: 0.9375rem; } } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__content { padding-bottom: 40px; padding-bottom: 2.5rem; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__link a { color: #d0112b; font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; text-transform: uppercase; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content--item__link a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--categorized-content .categorized-content__content.full .categorized-content__content--item { max-width: 100%; } .content-section .atomic-item__wrapper--content-listing { margin: 0 auto; max-width: 1248px; max-width: 78rem; padding-bottom: 60px; padding-bottom: 3.75rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__menu { border-bottom: 1px solid #e8e8e8; width: 100%; max-width: 1248px; max-width: 78rem; margin: 0 auto; } .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul { list-style: none; margin: 0; padding: 0; } .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li { margin: 0; padding: 0; } .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li { display: block; margin: 30px 0; margin: 1.875rem 0; padding: 0 30px; padding: 0 1.875rem; } @media screen and (min-width: 768px) { .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li { display: inline-block; border-right: 2px solid #e8e8e8; } } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li { margin: 15px 0; margin: 0.9375rem 0; padding: 0 15px; padding: 0 0.9375rem; } } .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li:last-child { border-right: none; } @media screen and (min-width: 768px) { .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li:first-child { padding: 0 30px 0 0; padding: 0 1.875rem 0 0; } } .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li a { display: block; font-family: "Proxima Nova Regular", sans-serif; font-size: 22px; font-size: 1.375rem; text-transform: uppercase; } @media screen and (min-width: 768px) { .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li a { display: inline-block; } } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li a { font-size: 16px; font-size: 1rem; } } .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--content-listing .content-listing__menu ul li a.current { color: #ff0000; font-family: "Proxima Nova Bold", sans-serif; } .content-section .atomic-item__wrapper--content-listing .content-listing__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px; margin-top: 3.75rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content { max-width: 775px; max-width: 48.4375rem; width: 100%; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--content-listing .content-listing__content--content { padding-right: 0; max-width: 100%; } } @media screen and (min-width: 580px) and (max-width: 1279px) { .content-section .atomic-item__wrapper--content-listing .content-listing__content--content { padding-right: 20px; padding-right: 1.25rem; } } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article { min-height: 230px; position: relative; border: 1px solid #e8e8e8; font-family: "Proxima Nova Regular", sans-serif; padding: 30px 30px 20px 30px; padding: 1.875rem 1.875rem 1.25rem 1.875rem; margin: 20px 0; margin: 1.25rem 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article { padding: 10px 10px 10px 10px; padding: 0.625rem 0.625rem 0.625rem 0.625rem; margin: 10px 0; margin: 0.625rem 0; } } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article:hover { border: 1px solid #d1d1d1; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article:first-child { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article a { color: #d0112b; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article .article__type-date { color: #a1a1a1; font-family: "Proxima Nova Regular", sans-serif; font-size: 15px; font-size: 0.9375rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article .article__type-date span { display: inline-block; padding: 0 12px; padding: 0 0.75rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article .article__type-date .article__post-type { text-transform: uppercase; padding-left: 0; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article h2 { font-family: "Proxima Nova Regular", sans-serif; font-size: 30px; font-size: 1.875rem; margin-bottom: 15px; } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article h2 { font-size: 22px; font-size: 1.375rem; } } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article h2 a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article .entry-content { font-size: 15px; font-size: 0.9375rem; padding-top: 0px; padding-bottom: 15px; padding-bottom: 0.9375rem; padding-left: 0px; padding-right: 0px; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article .entry--button { position: absolute; bottom: 0; right: 0; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article .entry--button a { color: #FFFFFF; padding-top: 10px; padding-top: 0.625rem; padding-bottom: 10px; padding-bottom: 0.625rem; font-size: 16px; font-size: 1rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article .entry--button a:hover, .content-section .atomic-item__wrapper--content-listing .content-listing__content--content article .entry--button a:active { padding-top: 10px; padding-top: 0.625rem; padding-bottom: 10px; padding-bottom: 0.625rem; padding-left: 30px; padding-left: 1.875rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters { max-width: 355px; max-width: 22.1875rem; width: 100%; } @media screen and (max-width: 579px) { .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters { display: none; } } @media screen and (max-width: 767px) { .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters { max-width: 225px; max-width: 14.0625rem; } } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters li { list-style: none; padding: 0; margin: 0 auto 10px auto; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .menu { margin: 0; padding: 0; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .menu li { list-style: none; padding: 0; margin: 0 auto 7px auto; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .filter { padding-bottom: 60px; padding-bottom: 3.75rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .filter h3 { text-transform: uppercase; font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .filter__header { border-bottom: 1px solid #d5d5d5; padding-bottom: 15px; padding-bottom: 0.9375rem; margin-bottom: 15px; margin-bottom: 0.9375rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .filter__terms--item a { color: #d0112b; font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .filter__terms--item a.current, .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .filter__terms--item a:hover { color: #ff0000; } .content-section .atomic-item__wrapper--content-listing .content-listing__content--filters .filter__terms--item a.current { font-family: "Proxima Nova Bold", sans-serif; } .menu-and-content-block b, .menu-and-content-block strong { font-family: "Proxima Nova Bold", sans-serif; } .menu-and-content-block a { color: #d0112b; font-family: "Proxima Nova Bold", sans-serif; } .menu-and-content-block a:hover { color: #ff0000; } .menu-and-content-block a.button, .menu-and-content-block a.button-transparent { color: #FFFFFF; } .content-section { padding: 0 2%; } .content-section.no-padding { padding: 0; } @media screen and (min-width: 960px) { .content-section { padding: 0; } } .content-section__header-content { position: relative; } .content-section__header-content #reset { position: fixed; } .content-section__header-content--image { position: absolute; width: 100%; } .content-section__header-content--image img { min-height: 390px; min-height: 24.375rem; } @media screen and (min-width: 520px) { .content-section__header-content--image img { min-height: 350px; min-height: 21.875rem; } } @media screen and (max-width: 767px) { .content-section__header-content--image { text-align: center; } } @media screen and (min-width: 960px) { .content-section__header-content--image { position: static; } } .content-section__header-content--cta { width: 100%; position: relative; top: 0; -webkit-transform: initial; transform: initial; z-index: 10; min-height: 300px; min-height: 18.75rem; } @media screen and (min-width: 769px) and (max-width: 840px) { .content-section__header-content--cta { margin-bottom: -30px; margin-bottom: -1.875rem; } } @media screen and (min-width: 960px) { .content-section__header-content--cta { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .content-section__header-content--cta__wrapper { max-width: 1248px; margin: 0 auto; } .content-section__header-content--cta__wrapper .wrapper { color: #FFFFFF; padding: 10% 3%; } @media screen and (max-width: 767px) { .content-section__header-content--cta__wrapper .wrapper { padding: 5% 3%; } } @media screen and (min-width: 960px) { .content-section__header-content--cta__wrapper .wrapper { max-width: 50%; padding: 1%; } } @media screen and (min-width: 1280px) { .content-section__header-content--cta__wrapper .wrapper { padding: 0; } } .content-section__header-content--cta__wrapper .wrapper h1 { text-transform: uppercase; } .content-section__header-content--cta__wrapper .wrapper__teaser { font-family: "Proxima Nova Regular", sans-serif; padding: 10px 0; padding: 0.625rem 0; } @media screen and (min-width: 960px) { .content-section__header-content--cta__wrapper .wrapper__teaser { padding: 30px 0 50px 0; padding: 1.875rem 0 3.125rem 0; } } .content-section__header-content--latest { color: #FFFFFF; position: relative; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media screen and (min-width: 960px) { .content-section__header-content--latest { bottom: 0; position: absolute; right: 0; height: 90%; width: 45%; overflow: hidden; -webkit-transition: width 0.8s; transition: width 0.8s; margin-top: 0; height: 300px; height: 18.75rem; z-index: 10; } } @media screen and (min-width: 1280px) { .content-section__header-content--latest { width: 550px; width: 34.375rem; } } .content-section__header-content--latest.is-not-active { width: 100%; height: 50px; height: 3.125rem; } @media screen and (min-width: 960px) { .content-section__header-content--latest.is-not-active { width: inherit; height: 300px; height: 18.75rem; width: 40px; width: 2.5rem; } } .content-section__header-content--latest.is-not-active .latest__content { display: none; } .content-section__header-content--latest:target { height: 50px; height: 3.125rem; } @media screen and (min-width: 960px) { .content-section__header-content--latest:target { height: initial; width: 450px; width: 28.125rem; } } .content-section__header-content--latest:target .latest__wrapper .latest__content { display: none; } .content-section__header-content--latest:target .latest__wrapper .collapse-button { z-index: 0; } .content-section__header-content--latest:target .latest__wrapper .expand-button { z-index: 999; } .content-section__header-content--latest .latest__background { background: #2f373d; bottom: 0; opacity: 0.8; left: 0; position: absolute; top: 0; right: 0; } .content-section__header-content--latest .latest__wrapper { position: relative; padding-bottom: 25px; } @media screen and (min-width: 960px) { .content-section__header-content--latest .latest__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: inherit; } } .content-section__header-content--latest .latest__wrapper .collapse-button, .content-section__header-content--latest .latest__wrapper .expand-button { position: absolute; font-size: 0; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; } .content-section__header-content--latest .latest__wrapper .collapse-button { z-index: 999; } .content-section__header-content--latest .latest__panel-bar, .content-section__header-content--latest .latest__content { position: relative; } @media screen and (min-width: 960px) { .content-section__header-content--latest .latest__panel-bar { padding-bottom: 100px; padding-bottom: 6.25rem; max-width: 40px; max-width: 2.5rem; height: 340px; height: 21.25rem; vertical-align: bottom; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .content-section__header-content--latest .latest__panel-bar:after { content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #FFFFFF; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 5%; top: 22.5px; } @media screen and (min-width: 960px) { .content-section__header-content--latest .latest__panel-bar:after { content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #FFFFFF; border-style: solid; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: initial; left: 10px; left: 0.625rem; top: 45px; top: 2.8125rem; } } .content-section__header-content--latest .latest__panel-bar--label { font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; padding: 12px 25px; padding: 0.75rem 1.5625rem; text-transform: uppercase; } @media screen and (min-width: 960px) { .content-section__header-content--latest .latest__panel-bar--label { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); padding: 0; -webkit-transform-origin: 33px bottom 0; transform-origin: 33px bottom 0; } } .content-section__header-content--latest .latest__panel-bar--background { background: #2f373d; bottom: 0; display: none; opacity: 0.6; left: 0; position: absolute; top: 0; right: 0; } @media screen and (min-width: 960px) { .content-section__header-content--latest .latest__panel-bar--background { display: block; } } .content-section__header-content--latest .latest__content { height: 270px; height: 16.875rem; overflow-y: auto; padding: 0 40px 0 50px; padding: 0 2.5rem 0 3.125rem; margin: 0 15px 0 0; margin: 0 0.9375rem 0 0; width: 95%; top: 15px; } @media screen and (max-width: 767px) { .content-section__header-content--latest .latest__content { height: 220px; height: 13.75rem; padding: 0 10px 0 20px; padding: 0 0.625rem 0 1.25rem; height: 200px; height: 12.5rem; width: 95%; top: 10px; } } .content-section__header-content--latest .latest__content--item { border-bottom: 1px solid #7c8486; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 20px 0 20px 0; padding: 1.25rem 0 1.25rem 0; } @media screen and (max-width: 767px) { .content-section__header-content--latest .latest__content--item { padding: 15px 0; padding: 0.9375rem 0; } } .content-section__header-content--latest .latest__content--item .icon { display: none; min-width: 60px; min-width: 3.75rem; } .content-section__header-content--latest .latest__content--item.item-type--blog .icon { background: transparent url("../../images/blog.png") left center no-repeat; } .content-section__header-content--latest .latest__content--item.item-type--press .icon { background: transparent url("../../images/press.png") left center no-repeat; } .content-section__header-content--latest .latest__content--item.item-type--news .icon { background: transparent url("../../images/news.png") left center no-repeat; } .content-section__header-content--latest .latest__content--item.item-type--research .icon { background: transparent url("../../images/research.png") left center no-repeat; } .content-section__header-content--latest .latest__content--item.item-type--other .icon, .content-section__header-content--latest .latest__content--item.item-type--events .icon { background: transparent url("../../images/events.png") left center no-repeat; } .content-section__header-content--latest .latest__content--item__content .content--type { font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; text-transform: uppercase; } .content-section__header-content--latest .latest__content--item__content .content--title a { color: #FFFFFF; font-family: "Khula Regular", sans-serif; font-size: 22px; font-size: 1.375rem; line-height: 1; } .content-section__header-content--latest .latest__content--item__content .content--title a:hover { color: #ff0000; } .content-section__header-content--latest .latest__content::-webkit-scrollbar { width: 5px; width: 0.3125rem; } .content-section__header-content--latest .latest__content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; border-radius: 0.625rem; } .content-section__header-content--latest .latest__content::-webkit-scrollbar-thumb { background-color: #6b7176; opacity: 0.8; outline: 1px solid #2f373d; border-radius: 10px; border-radius: 0.625rem; } .content-section.services-case-study__container { position: relative; overflow: hidden; border-bottom: 1px solid #d5d5d5; } .content-section .services-case-study__wrapper { max-width: 1248px; max-width: 78rem; width: 95%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; } @media screen and (min-width: 960px) { .content-section .services-case-study__wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } } .content-section .services-case-study__wrapper .services { padding: 60px 10px; padding: 3.75rem 0.625rem; } @media screen and (max-width: 767px) { .content-section .services-case-study__wrapper .services { text-align: center; } } @media screen and (min-width: 960px) { .content-section .services-case-study__wrapper .services { padding: 105px 0 0 20px; padding: 6.5625rem 0 0 1.25rem; margin-right: 530px; margin-right: 33.125rem; } } @media screen and (min-width: 1280px) { .content-section .services-case-study__wrapper .services { margin-right: 485px; margin-right: 30.3125rem; } } @media screen and (min-width: 1440px) { .content-section .services-case-study__wrapper .services { margin-right: 385px; margin-right: 24.0625rem; } } .content-section .services-case-study__wrapper .services a:hover { color: #ff0000; } .content-section .services-case-study__wrapper .services__headline { text-transform: uppercase; } .content-section .services-case-study__wrapper .services__description { padding: 15px 0 60px 0; padding: 0.9375rem 0 3.75rem 0; } .content-section .services-case-study__wrapper .services__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-section .services-case-study__wrapper .services__list--item { padding-bottom: 30px; padding-bottom: 1.875rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media screen and (min-width: 768px) { .content-section .services-case-study__wrapper .services__list--item { padding-bottom: 50px; padding-bottom: 3.125rem; -ms-flex-preferred-size: 46%; flex-basis: 46%; } } @media screen and (min-width: 1280px) { .content-section .services-case-study__wrapper .services__list--item { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .content-section .services-case-study__wrapper .services__list--item__title { padding-bottom: 20px; padding-bottom: 1.25rem; } @media screen and (min-width: 1280px) { .content-section .services-case-study__wrapper .services__list--item__title { padding-bottom: 15px; padding-bottom: 0.9375rem; } } .content-section .services-case-study__wrapper .services__list--item__title a { font-family: "Proxima Nova Regular", sans-serif; font-size: 20px; font-size: 1.25rem; } .content-section .services-case-study__wrapper .services__list--item__learn-more a { color: #d0112b; font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; } .content-section .services-case-study__wrapper .case-study { background: #d0112b; color: #FFFFFF; width: 100%; padding: 21px 18px; padding: 1.3125rem 1.125rem; } @media screen and (min-width: 960px) { .content-section .services-case-study__wrapper .case-study { max-width: 500px; max-width: 31.25rem; position: absolute; top: 0; right: 0; height: 100%; } } .content-section .services-case-study__wrapper .case-study:before { content: ''; position: absolute; width: 100%; height: 100%; left: -555px; width: 555px; height: 424px; bottom: 0; z-index: -1; } .content-section .services-case-study__wrapper .case-study--wrapper { border: 1px solid #FFFFFF; width: 100%; height: 100%; padding: 30px; padding: 1.875rem; } @media screen and (min-width: 960px) { .content-section .services-case-study__wrapper .case-study--wrapper { padding: 80px 40px; padding: 5rem 2.5rem; } } .content-section .services-case-study__wrapper .case-study--label { font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .content-section .services-case-study__wrapper .case-study--label { font-size: 16px; font-size: 1rem; } } .content-section .services-case-study__wrapper .case-study--title { font-size: 38px; font-size: 2.375rem; line-height: 40px; line-height: 2.5rem; font-family: "Khula Light", sans-serif; text-transform: capitalize; padding: 25px 0 12px 0; padding: 1.5625rem 0 0.75rem 0; } @media screen and (max-width: 767px) { .content-section .services-case-study__wrapper .case-study--title { font-size: 24px; font-size: 1.5rem; } } @media screen and (min-width: 960px) { .content-section .services-case-study__wrapper .case-study--title { padding: 50px 0 25px 0; padding: 3.125rem 0 1.5625rem 0; } } .content-section .services-case-study__wrapper .case-study--teaser { font-size: 18px; font-size: 1.125rem; font-family: "Proxima Nova Light", sans-serif; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 767px) { .content-section .services-case-study__wrapper .case-study--teaser { font-size: 16px; font-size: 1rem; } } @media screen and (min-width: 960px) { .content-section .services-case-study__wrapper .case-study--teaser { padding-bottom: 50px; padding-bottom: 3.125rem; } } .content-section .services-case-study__wrapper .case-study--read-more { text-align: center; } @media screen and (min-width: 1280px) { .content-section .services-case-study__wrapper .case-study--read-more { text-align: initial; } } .content-section .services-case-study__wrapper .case-study--read-more .button, .content-section .services-case-study__wrapper .case-study--read-more .button-transparent { border: 1px solid #FFFFFF; font-size: 15px; font-size: 0.9375rem; } @media screen and (max-width: 767px) { .content-section .services-case-study__wrapper .case-study--read-more .button, .content-section .services-case-study__wrapper .case-study--read-more .button-transparent { font-size: 15px; font-size: 0.9375rem; white-space: nowrap; padding: 10px 17px 10px 17px; padding: 0.625rem 1.0625rem 0.625rem 1.0625rem; } .content-section .services-case-study__wrapper .case-study--read-more .button:hover, .content-section .services-case-study__wrapper .case-study--read-more .button-transparent:hover, .content-section .services-case-study__wrapper .case-study--read-more .button:active, .content-section .services-case-study__wrapper .case-study--read-more .button-transparent:active { padding: 10px 29px 10px 17px; padding: 0.625rem 1.8125rem 0.625rem 1.0625rem; } } .content-section .services-case-study__wrapper .case-study a { color: #FFFFFF; } .content-section .industries__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 30px 0; padding: 1.875rem 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 960px) { .content-section .industries__wrapper { padding: 50px 30px 50px 0px; padding: 3.125rem 1.875rem 3.125rem 0px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 1240px; margin: 0 auto; } } @media screen and (min-width: 1280px) { .content-section .industries__wrapper { padding: 110px 0 110px 5px; padding: 6.875rem 0 6.875rem 0.3125rem; } } .content-section .industries__details { width: 100%; position: relative; margin-bottom: 50px; margin-bottom: 3.125rem; } @media screen and (min-width: 960px) { .content-section .industries__details { max-width: 780px; max-width: 48.75rem; margin-bottom: 0; } } @media screen and (min-width: 768px) { .content-section .industries__details--wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } } .content-section .industries__details--big-item { height: 100%; } @media screen and (min-width: 768px) { .content-section .industries__details--big-item { max-height: 709px; max-height: 44.3125rem; max-width: 391px; max-width: 24.4375rem; margin-right: 20px; margin-right: 1.25rem; } } @media screen and (min-width: 768px) { .content-section .industries__details--small-items { width: 400px; width: 25rem; } } .content-section .industries__details--item:nth-child(1) { margin-bottom: 21px; margin-bottom: 1.3125rem; } .content-section .industries__details--item .link-wrapper { position: absolute; right: 10%; bottom: 7%; -webkit-transform: translate(-10%, -7%); transform: translate(-10%, -7%); max-width: 250px; max-width: 15.625rem; text-align: center; } .content-section .industries__details--item .link-wrapper a { color: #FFFFFF; display: inline-block; font-size: 18px; font-size: 1.125rem; font-family: "Proxima Nova Regular", sans-serif; } @media screen and (min-width: 1280px) { .content-section .industries__details--item .link-wrapper a { font-size: 26px; font-size: 1.625rem; } } .content-section .industries__details--item .link-wrapper a:after { margin-left: 5px; margin-left: 0.3125rem; content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #FFFFFF; border-style: solid; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 15px; top: 0.9375rem; right: -15px; right: -0.9375rem; } @media screen and (max-width: 767px) { .content-section .industries__details--item .link-wrapper a:after { top: 12px; top: 0.75rem; } } .content-section .industries__details--item .link-wrapper a:hover { color: #ff0000; } .content-section .industries__details--item .link-wrapper a:hover:after { border-color: #ff0000; } .content-section .industries__details--item__wrapper { position: relative; } @media screen and (max-width: 767px) { .content-section .industries__details--item__wrapper { max-height: 300px; max-height: 18.75rem; margin-top: 30px; margin-top: 1.875rem; overflow: hidden; } } .content-section .industries__details--item__wrapper .border-frame { position: absolute; padding: 20px; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .content-section .industries__details--item__wrapper .border-frame div { border: 1px solid white; width: 100%; height: 100%; } .content-section .industries__list { width: 100%; padding-left: 20px; padding-left: 1.25rem; } @media screen and (min-width: 960px) { .content-section .industries__list { max-width: 510px; max-width: 31.875rem; padding-left: 40px; padding-left: 2.5rem; } } @media screen and (min-width: 1280px) { .content-section .industries__list { padding-left: 105px; padding-left: 6.5625rem; } } .content-section .industries__list--title { text-transform: uppercase; } .content-section .industries__list--items { border-bottom: 1px solid #e8e8e8; padding-top: 20px; padding-top: 1.25rem; width: 100%; } .content-section .industries__list--items__item { position: relative; } .content-section .industries__list--items__item a { border-top: 1px solid #e8e8e8; display: block; font-size: 20px; font-size: 1.25rem; font-family: "Proxima Nova Regular", sans-serif; padding: 14px 15px 14px 5px; padding: 0.875rem 0.9375rem 0.875rem 0.3125rem; width: 100%; } .content-section .industries__list--items__item a:hover { color: #ff0000; } .content-section .industries__list--items__item a:hover:after { border-color: #ff0000; } .content-section .industries__list--items__item a:after { content: ''; display: inline-block; height: 10px; width: 10px; border-width: 1px 0 0 1px; border-color: #ff0000; border-style: solid; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 20px; right: 1.25rem; top: 25px; top: 1.5625rem; } .content-section .cta { overflow: hidden; } .content-section .cta__wrapper { position: relative; } .content-section .cta .cta_content_wrapper { position: relative; max-width: 1248px; max-width: 78rem; margin: 0 auto; width: 95%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 1280px) { .content-section .cta .cta_content_wrapper { width: 100%; } } .content-section .cta__image { background-size: cover; } .content-section .cta__image img { min-height: 250px; min-height: 15.625rem; } .content-section .cta__content { color: #FFFFFF; max-width: 560px; max-width: 35rem; width: 100%; margin: 0 auto; text-align: center; } .content-section .cta__content.center { margin: 0 auto; } @media screen and (min-width: 960px) { .content-section .cta__content.left { text-align: left; left: 5%; margin: 0; } } @media screen and (min-width: 960px) { .content-section .cta__content.right { left: 5%; } } .content-section .cta__content--title { text-transform: uppercase; } @media screen and (max-width: 579px) { .content-section .cta__content--title h2 { font-size: 25px; font-size: 1.5625rem; } } .content-section .cta__content--text { font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; padding: 10px 0; padding: 0.625rem 0; } @media screen and (min-width: 768px) { .content-section .cta__content--text { font-size: 18px; font-size: 1.125rem; } } @media screen and (min-width: 960px) { .content-section .cta__content--text { padding: 40px 0; padding: 2.5rem 0; } } .content-section__events { max-width: 1248px; max-width: 78rem; width: 95%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding: 55px 0; padding: 3.4375rem 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 960px) { .content-section__events { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (min-width: 1280px) { .content-section__events { min-height: 650px; min-height: 40.625rem; width: 100%; } } .content-section__events .events-information-block { text-align: center; width: 100%; } @media screen and (min-width: 960px) { .content-section__events .events-information-block { text-align: initial; padding: 85px 75px 0 0; padding: 5.3125rem 4.6875rem 0 0; } } .content-section__events .events-information-block--title { text-transform: uppercase; } .content-section__events .events-information-block--description { font-family: "Proxima Nova Light", sans-serif; font-size: 20px; font-size: 1.25rem; padding: 10px 0 25px 0; padding: 0.625rem 0 1.5625rem 0; width: 100%; } @media screen and (min-width: 1280px) { .content-section__events .events-information-block--description { padding: 20px 0 55px 0; padding: 1.25rem 0 3.4375rem 0; } } .content-section__events .events-list { margin-top: 25px; margin-top: 1.5625rem; overflow-x: scroll; width: 100%; padding: 0 0 25px 0; padding: 0 0 1.5625rem 0; } .content-section__events .events-list::-webkit-scrollbar { width: 3px; width: 0.1875rem; } .content-section__events .events-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); border-radius: 10px; border-radius: 0.625rem; } .content-section__events .events-list::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); opacity: 0.8; outline: 3px solid rgba(163, 167, 169, 0.5); border-radius: 10px; border-radius: 0.625rem; } @media screen and (min-width: 960px) { .content-section__events .events-list { display: initial; overflow: initial; height: 520px; height: 32.5rem; max-width: 580px; max-width: 36.25rem; margin-top: 0; overflow: auto; padding-right: 15px; padding-right: 0.9375rem; } } .content-section__events .events-list--items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (min-width: 960px) { .content-section__events .events-list--items { display: initial; } } .content-section__events .events-list--items__item { width: 100%; max-width: 100%; min-width: 300px; min-width: 18.75rem; min-height: 173px; min-height: 10.8125rem; border-top: 1px solid #e8e8e8; font-family: "Proxima Nova Regular", sans-serif; text-align: center; padding: 65px 0 0 0; padding: 4.0625rem 0 0 0; margin: 0 20px 30px 20px; margin: 0 1.25rem 1.875rem 1.25rem; } @media screen and (min-width: 1280px) { .content-section__events .events-list--items__item:last-child { border-bottom: 1px solid #e8e8e8; } } @media screen and (min-width: 1280px) { .content-section__events .events-list--items__item { padding: 25px 0 0 0; padding: 1.5625rem 0 0 0; width: 100%; min-width: 95%; margin: 0 auto 30px auto; margin: 0 auto 1.875rem auto; } } @media screen and (min-width: 960px) { .content-section__events .events-list--items__item { width: initial; min-width: initial; max-width: initial; text-align: initial; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .content-section__events .events-list--items__item .date-container { font-size: 19px; font-size: 1.1875rem; margin-bottom: 45px; margin-bottom: 2.8125rem; text-align: center; width: 100%; position: relative; padding-top: 30px; padding-top: 1.875rem; } @media screen and (min-width: 960px) { .content-section__events .events-list--items__item .date-container { max-width: 105px; max-width: 6.5625rem; padding-top: 0; } } .content-section__events .events-list--items__item .date-container__date { line-height: 26px; line-height: 1.625rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .content-section__events .events-list--items__item .date-container__date--day { font-size: 38px; font-size: 2.375rem; } .content-section__events .events-list--items__item .event-container { width: 100%; } .content-section__events .events-list--items__item .event-container__label { color: #a1a1a1; font-size: 13px; font-size: 0.8125rem; padding-bottom: 5px; padding-bottom: 0.3125rem; text-transform: uppercase; } .content-section__events .events-list--items__item .event-container__title { padding-bottom: 15px; padding-bottom: 0.9375rem; } .content-section__events .events-list--items__item .event-container__title a { font-family: "Khula Regular", sans-serif; font-size: 24px; font-size: 1.5rem; } .content-section__events .events-list--items__item .event-container__title a:hover { color: #ff0000; } .content-section__events .events-list--items__item .event-container__location { font-family: "Proxima Nova Light", sans-serif; font-size: 16px; font-size: 1rem; margin-bottom: 25px; margin-bottom: 1.5625rem; } @media screen and (min-width: 960px) { .content-section__events .events-list--items__item .event-container__location { margin-bottom: 0; } } .content-section__events .events-list--items__item .event-container__location a:hover { color: #ff0000; } .content-section__events .events-list--items__item .event-container__link { min-height: 35px; min-height: 2.1875rem; text-align: center; } @media screen and (min-width: 960px) { .content-section__events .events-list--items__item .event-container__link { text-align: right; } } .content-section__events .events-list--items__item .event-container__link a { font-size: 16px; font-size: 1rem; text-transform: none; padding: 6px 19px 6px 19px; padding: 0.375rem 1.1875rem 0.375rem 1.1875rem; min-width: 140px; min-width: 8.75rem; } @media screen and (min-width: 768px) { .content-section__events .events-list--items__item .event-container__link a { padding: 8px 27px 8px 27px; padding: 0.5rem 1.6875rem 0.5rem 1.6875rem; } } .content-section__events .events-list--items__item .event-container__link a:hover { padding: 6px 34px 6px 34px; padding: 0.375rem 2.125rem 0.375rem 2.125rem; } @media screen and (min-width: 768px) { .content-section__events .events-list--items__item .event-container__link a:hover { padding: 8px 68px 8px 27px; padding: 0.5rem 4.25rem 0.5rem 1.6875rem; } } .content-section__events .events-list--items__item .event-container__link a:active { padding: 6px 34px 6px 34px; padding: 0.375rem 2.125rem 0.375rem 2.125rem; } @media screen and (min-width: 768px) { .content-section__events .events-list--items__item .event-container__link a:active { padding: 8px 68px 8px 27px; padding: 0.5rem 4.25rem 0.5rem 1.6875rem; } } #footer { background: #f7f7f7; } #footer .footer-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1248px; max-width: 78rem; padding: 30px 10px; padding: 1.875rem 0.625rem; width: 95%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 960px) { #footer .footer-wrapper { padding: 90px 0; padding: 5.625rem 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (min-width: 1280px) { #footer .footer-wrapper { width: 100%; } } #footer .footer-wrapper__text { width: 100%; list-style: none; margin: 0; padding: 0; padding: 10px 0; padding: 0.625rem 0; } #footer .footer-wrapper__text li { margin: 0; padding: 0; } @media screen and (min-width: 960px) { #footer .footer-wrapper__text { max-width: 375px; max-width: 23.4375rem; margin-right: 60px; margin-right: 3.75rem; } } @media screen and (min-width: 1280px) { #footer .footer-wrapper__text { padding: 0; } } #footer .footer-wrapper__text h2 { display: none; } #footer .footer-wrapper__text--image { padding-bottom: 35px; padding-bottom: 2.1875rem; } #footer .footer-wrapper__text--image img { max-width: 200px; max-width: 12.5rem; } @media screen and (max-width: 767px) { #footer .footer-wrapper__text--image img { margin: 0 auto; } } #footer .footer-wrapper__text--text { font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; padding-bottom: 55px; padding-bottom: 3.4375rem; } @media screen and (max-width: 767px) { #footer .footer-wrapper__text--text { text-align: center; } } @media screen and (max-width: 767px) { #footer .footer-wrapper__text--links { text-align: center; } } #footer .footer-wrapper__text--links a { background: transparent; padding-right: 50px; padding-right: 3.125rem; } @media screen and (max-width: 767px) { #footer .footer-wrapper__text--links a:last-child { padding-right: 0; } } #footer .footer-wrapper__text--links a i::before { color: #a1a1a1; font-size: 23px; font-size: 1.4375rem; } #footer .footer-wrapper__links { width: 100%; } @media screen and (min-width: 960px) { #footer .footer-wrapper__links { max-width: 775px; max-width: 48.4375rem; } } #footer .footer-wrapper__links ul { list-style: none; margin: 0; padding: 0; font-size: 14px; font-size: 0.875rem; } #footer .footer-wrapper__links ul li { margin: 0; padding: 0; } #footer .footer-wrapper__links ul li { padding: 3px 0; padding: 0.1875rem 0; } @media screen and (max-width: 767px) { #footer .footer-wrapper__links ul li li { padding: 5px 0; padding: 0.3125rem 0; } } #footer .footer-wrapper__links ul li a { font-size: 14px; font-size: 0.875rem; } #footer .footer-wrapper__links ul li a:hover { color: #ff0000; } #footer .footer-wrapper__links--menu { padding-bottom: 35px; padding-bottom: 2.1875rem; border-bottom: 1px solid #d5d5d5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 959px) { #footer .footer-wrapper__links--menu { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } #footer .footer-wrapper__links--menu__column { -ms-flex-preferred-size: 33%; flex-basis: 33%; } @media screen and (max-width: 959px) { #footer .footer-wrapper__links--menu__column { -ms-flex-preferred-size: 30%; flex-basis: 30%; } } @media screen and (max-width: 767px) { #footer .footer-wrapper__links--menu__column { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media screen and (max-width: 767px) { #footer .footer-wrapper__links--menu ul { text-align: center; } } @media screen and (max-width: 767px) { #footer .footer-wrapper__links--menu ul li { padding: 20px 0; padding: 1.25rem 0; } } #footer .footer-wrapper__links--menu ul li a { display: block; font-family: "Proxima Nova Bold", sans-serif; font-size: 16px; font-size: 1rem; } #footer .footer-wrapper__links--menu ul li ul { -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 0; column-gap: 0; } #footer .footer-wrapper__links--menu ul li ul li a { font-size: 14px; font-size: 0.875rem; font-family: "Proxima Nova Light", sans-serif; } #footer .footer-wrapper__links--copyright { color: #a1a1a1; font-family: "Proxima Nova Regular", sans-serif; padding-top: 35px; padding-top: 2.1875rem; font-size: 14px; font-size: 0.875rem; } @media screen and (max-width: 767px) { #footer .footer-wrapper__links--copyright { text-align: center; } } #footer .footer-wrapper__links--copyright .menu-footer-legal-container { display: inline; } @media screen and (max-width: 767px) { #footer .footer-wrapper__links--copyright .menu-footer-legal-container { display: block; } } #footer .footer-wrapper__links--copyright .menu-footer-legal-container ul { list-style: none; margin: 0; padding: 0; display: inline; padding-left: 15px; padding-left: 0.9375rem; } #footer .footer-wrapper__links--copyright .menu-footer-legal-container ul li { margin: 0; padding: 0; } #footer .footer-wrapper__links--copyright .menu-footer-legal-container ul li { display: inline-block; } @media screen and (max-width: 767px) { #footer .footer-wrapper__links--copyright .menu-footer-legal-container ul li:first-child:before { content: ''; } } #footer .footer-wrapper__links--copyright .menu-footer-legal-container ul li:before { content: '|'; } #footer .footer-wrapper__links--copyright .menu-footer-legal-container ul li a { padding: 0 15px; padding: 0 0.9375rem; } #footer .footer-wrapper__links--copyright a { color: #a1a1a1; } #footer .footer-wrapper__links--copyright a:hover { color: #ff0000; } .header { background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1248px; margin: 0 auto; height: 90px; height: 5.625rem; padding-top: 20px; padding-top: 1.25rem; } .header #logo { margin-left: 20px; margin-left: 1.25rem; } .header #logo a { display: inline-block; } .header #mobile-menu { height: 30px; width: 40px; position: relative; right: 20px; top: 10px; } @media screen and (min-width: 768px) { .header #mobile-menu { display: none; } } .header #mobile-menu span { display: block; width: 100%; height: 5px; margin-bottom: 5px; background-color: #000; border-radius: 3px; } .header #menus { margin-right: 20px; margin-right: 1.25rem; -ms-flex-preferred-size: 60%; flex-basis: 60%; } @media screen and (max-width: 767px) { .header #menus { display: none; } } .header #menus .menus--top-menu { text-align: right; font-size: 13px; font-size: 0.8125rem; } .header #menus .menus--top-menu .menu-top-header-menu-container { display: inline-block; } .header #menus .menus--top-menu .menu-top-header-menu-container li { position: relative; } .header #menus .menus--top-menu .menu-top-header-menu-container li:last-child:after { position: relative; top: -1px; content: ''; border-right: 1px solid #000; } .header #menus .menus--top-menu a { background: transparent; font-family: "Proxima Nova Regular", sans-serif; font-size: 13px; font-size: 0.8125rem; padding-right: 15px; padding-right: 0.9375rem; padding-left: 15px; padding-left: 0.9375rem; } .header #menus .menus--top-menu a i::before { color: #000000; } .header #menus .menus--top-menu ul { list-style: none; margin: 0; padding: 0; } .header #menus .menus--top-menu ul li { margin: 0; padding: 0; } .header #menus .menus--bottom-menu ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header #menus .menus--bottom-menu ul > li:last-child .sub-menu { left: -140px; left: -8.75rem; min-width: 250px; min-width: 15.625rem; } .header #menus .menus--bottom-menu ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 15px; padding-right: 0.9375rem; padding-top: 8px; padding-top: 0.5rem; position: relative; white-space: nowrap; } .header #menus .menus--bottom-menu ul li:last-child { padding-right: 0; } .header #menus .menus--bottom-menu ul li a { font-size: 17px; font-size: 1.0625rem; font-family: "Proxima Nova Regular", sans-serif; font-weight: bold; } .header #menus .menus--bottom-menu ul li.current-menu-item a { color: #d0112b; font-family: "Proxima Nova Bold", sans-serif; } .header #menus .menus--bottom-menu ul li ul.sub-menu { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; z-index: 999; left: -35px; min-width: 330px; min-width: 20.625rem; margin-top: 20px; margin-top: 1.25rem; padding-bottom: 25px; padding-bottom: 1.5625rem; } .header #menus .menus--bottom-menu ul li ul.sub-menu li { background: #F3F3F3; padding: 12px 35px; padding: 0.75rem 2.1875rem; } .header #menus .menus--bottom-menu ul li ul.sub-menu li a { color: #000; font-family: "Khula Regular", sans-serif; font-size: 15px; font-size: 0.9375rem; text-transform: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .header #menus .menus--bottom-menu ul li ul.sub-menu li a:hover { color: #d0112b; font-family: "Khula Bold", sans-serif; } .header #menus .menus--bottom-menu ul li ul.sub-menu li:first-child { padding-top: 25px; padding-top: 1.5625rem; margin-top: 17px; margin-top: 1.0625rem; } .header #menus .menus--bottom-menu ul li ul.sub-menu li:last-child { padding-bottom: 25px; padding-bottom: 1.5625rem; } .header #menus .menus--bottom-menu ul li ul.sub-menu li ul.sub-menu { left: 0; } .header #menus .menus--bottom-menu ul li ul.sub-menu li ul.sub-menu li { padding-left: 60px; padding-left: 3.75rem; } .header #menus .menus--bottom-menu ul li ul.sub-menu li ul.sub-menu li:first-child { margin-top: 17px; margin-top: 1.0625rem; } .header #menus .menus--bottom-menu ul li ul.sub-menu li ul.sub-menu li:first-child:before { display: none; } .header #menus .menus--bottom-menu ul li:hover ul.sub-menu { display: block; } .header #menus a { text-transform: uppercase; } .header #menus a:hover { color: #d0112b; } .mob-standard-logo { width: auto; } .mobmenu .headertext { display: inline-block; margin-top: 18px; margin-top: 1.125rem; } .home-image { overflow: hidden; } @media screen and (max-width: 767px) { .home-image .content-section__header-content { overflow: hidden; } } .home-image .content-section__header-content--image { background-size: cover; height: 100%; min-height: 560px; min-height: 35rem; } .home-image .content-section__header-content--cta__wrapper { padding: 80px 20px; padding: 5rem 1.25rem; } .home-image .content-section__header-content--cta__wrapper .wrapper { padding: 0; } @media screen and (min-width: 580px) and (max-width: 959px) { .home-image h1 { padding-right: 100px; } } @media screen and (min-width: 960px) { .home-image h1 { font-size: 42px; font-size: 2.625rem; } } .home-image .wrapper__teaser { font-size: 16px; font-size: 1rem; padding: 10px 40px 10px 0; padding: 0.625rem 2.5rem 0.625rem 0; margin-bottom: 25px; margin-bottom: 1.5625rem; } @media screen and (min-width: 580px) and (max-width: 959px) { .home-image .wrapper__teaser { padding: 10px 140px 10px 0; padding: 0.625rem 8.75rem 0.625rem 0; } } @media screen and (min-width: 960px) { .home-image .wrapper__teaser { font-size: 18px; font-size: 1.125rem; } } body:not(.atomic-page) article { margin: 0 auto; max-width: 836px; max-width: 52.25rem; padding: 70px 30px 90px 30px; padding: 4.375rem 1.875rem 5.625rem 1.875rem; width: 100%; } body:not(.atomic-page) article .entry-header { text-align: center; } body:not(.atomic-page) article .entry-header .article__type-date { font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; padding-bottom: 25px; padding-bottom: 1.5625rem; text-transform: uppercase; } body:not(.atomic-page) article .entry-header .article__type-date span { display: inline-block; padding: 0 15px; padding: 0 0.9375rem; } body:not(.atomic-page) article .entry-header .article__author { font-family: "Proxima Nova Light", sans-serif; font-size: 20px; font-size: 1.25rem; padding-top: 25px; padding-top: 1.5625rem; } body:not(.atomic-page) article .entry-header .article__author span { font-family: "Proxima Nova Bold", sans-serif; text-transform: capitalize; } body:not(.atomic-page) article .entry-content { font-family: "Proxima Nova Regular", sans-serif; font-size: 20px; font-size: 1.25rem; padding-top: 60px; padding-top: 3.75rem; } body:not(.atomic-page) article .entry-content a { color: #d0112b; } body:not(.atomic-page) article .entry-content a:hover { color: #ff0000; } body:not(.atomic-page) article .entry-content .share-buttons a { color: #FFFFFF; } blockquote { border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; font-family: "Proxima Nova Regular", sans-serif; font-size: 20px; font-size: 1.25rem; font-style: italic; margin: 35px 0; margin: 2.1875rem 0; text-align: center; padding: 50px; padding: 3.125rem; } body.search-results .page-header h1 { padding: 50px; padding: 3.125rem; text-align: center; } @media screen and (max-width: 767px) { body.search-results .page-header h1 { padding: 30px; padding: 1.875rem; } } body.search-results article { padding: 30px; padding: 1.875rem; } .entry-image img { padding-bottom: 30px; padding-bottom: 1.875rem; } .entry-tags { overflow: hidden; margin-top: 70px; margin-top: 4.375rem; padding-bottom: 25px; padding-bottom: 1.5625rem; } .entry-tags span { color: #7c8486; padding: 0 20px; padding: 0 1.25rem; } .entry-tags a { color: #d0112b; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; font-family: "Proxima Nova Bold", sans-serif; display: inline-block; } .entry-tags a:hover { color: #ff0000; } .team-detail .categorized-content__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .team-detail .categorized-content__content--item { width: 100%; padding-bottom: 55px; padding-bottom: 3.4375rem; } @media screen and (max-width: 1279px) { .team-detail .categorized-content__content--item { padding-bottom: 25px; padding-bottom: 1.5625rem; text-align: center; } } .team-detail .categorized-content__content--item__name, .team-detail .categorized-content__content--item__image { padding-bottom: 20px; padding-bottom: 1.25rem; } .team-detail .categorized-content__content--item__name { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .team-detail .categorized-content__content--item__name h3 { font-family: "Proxima Nova Regular", sans-serif; font-size: 24px; font-size: 1.5rem; } .team-detail .categorized-content__content--item__name h3 a:hover { color: #ff0000; } .team-detail .categorized-content__content--item__name .linkedin { margin-left: 20px; margin-left: 1.25rem; -ms-flex-preferred-size: 32px; flex-basis: 32px; -ms-flex-preferred-size: 2rem; flex-basis: 2rem; } .team-detail .categorized-content__content--item__content, .team-detail .categorized-content__content--item__role { font-family: "Proxima Nova Regular", sans-serif; font-size: 18px; font-size: 1.125rem; padding-bottom: 30px; padding-bottom: 1.875rem; } @media screen and (max-width: 579px) { .team-detail .categorized-content__content--item__content, .team-detail .categorized-content__content--item__role { font-size: 16px; font-size: 1rem; padding-bottom: 15px; padding-bottom: 0.9375rem; } } .team-detail .categorized-content__content--item__content { padding-bottom: 40px; padding-bottom: 2.5rem; } .team-detail .categorized-content__content--item__link a { color: #d0112b; font-family: "Proxima Nova Regular", sans-serif; font-size: 16px; font-size: 1rem; text-transform: uppercase; } .team-detail .categorized-content__content--item__link a:hover { color: #ff0000; } .team-detail .categorized-content__content.full .categorized-content__content--item { max-width: 100%; } .post-tags { margin: 0; padding: 0; } .post-tags li { float: left; list-style: none; } .post-tags li:last-child a:after { border-color: transparent; } .post-tags li a { position: relative; padding-right: 8px; } .post-tags li a:after { content: ''; position: absolute; top: 3px; right: 3px; height: 11px; border-right: 1px solid #e9e9e9; } .share-buttons { padding: 10px 0; padding: 0.625rem 0; } .single #primary { border-top: 1px solid #e9e9e9; } .single h1 { font-size: 40px; font-size: 2.5rem; line-height: 40px; line-height: 2.5rem; } .single-post article img { width: auto; } .page-id-539 .content-section .cta__content--text { max-width: 100%; } @media screen and (min-width: 768px) { .page-id-539 .content-section .cta__content--text { max-width: 50%; } } .post-navigation { overflow: hidden; width: 75%; margin: 0 auto 15px auto; margin: 0 auto 0.9375rem auto; } .post-navigation .nav-links { clear: both; } .post-navigation .nav-previous { float: left; width: 45%; } .post-navigation .nav-next { float: right; width: 45%; } .archive .page-header { width: 80%; margin: 100px auto 0 auto; text-align: center; } .archive .page-header h1 { font-size: 24px; font-size: 1.5rem; } .archive .page-header + article { padding: 30px 30px 90px 30px; padding: 1.875rem 1.875rem 5.625rem 1.875rem; } .archive article { padding: 0 30px 90px 30px; padding: 0 1.875rem 5.625rem 1.875rem; border-bottom: 1px solid #e9e9e9; } .archive article:last-child { border-bottom: none; } .gray-widget { position: relative; color: #FFFFFF; background: #2f373d; padding: 40px 40px; padding: 2.5rem 2.5rem; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .gray-widget:hover { -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); } .gray-widget:before { position: absolute; content: ''; width: 90%; height: 90%; border: 1px solid #FFFFFF; left: 18px; top: 18px; } .gray-widget .sidebar-widget__header { margin-bottom: 15px; margin-bottom: 0.9375rem; } .gray-widget .sidebar-widget__header h3 { font-family: "Proxima Nova Regular", sans-serif; } .gray-widget li { list-style: inherit !important; } .gray-widget a { color: #FFFFFF; } .gray-widget a:hover { color: #d0112b; } .gray-widget a:hover:after { margin-top: 5px; margin-top: 0.3125rem; } .gray-widget img { width: auto; } .gray-widget .textwidget { position: relative; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .gray-widget .textwidget .button, .gray-widget .textwidget .button-transparent { background: #2d353a; padding-left: 0; } /*# sourceMappingURL=maps/styles.css.map */ /* update 1.3 */ .menus--mobile { position: fixed; top: 0px; left: 0px; background-color: #fff; z-index: 99; height: 100vh; width: 100vw; overflow: auto; display: none; opacity: 0; } #logo-mobile { width: 130px; height: auto; position: relative; top: 23px; left: 20px; } #mobile-close { width: 18px; height: 19px; position: absolute; top: 30px; right: 35px; } .menus--mobile ul { list-style: none; padding: 0; margin: 0px; } .menus--mobile ul li { list-style: none; background-color: #ECECEC; border-bottom: 1px solid #d9d9d9; } .menus--mobile ul li ul li { list-style: none; background-color: #F8F8F8; border-bottom: 1px solid #d9d9d9; } .menus--mobile ul li ul li:last-child { border-bottom: none; } .menus--mobile ul li ul li:first-child { border-top: 1px solid #d9d9d9; } .menus--mobile ul li a { background-image: url(../../images/arrow-r.png); background-repeat: no-repeat; background-size: 8px; background-position: right 37px center; font-weight: bold; padding: 8px 69px 8px 8px; display: block; font-size: 16px; line-height: 1.2em; } .menus--mobile ul li ul li a { font-weight: normal; margin-left: 16px; } .menus--mobile #menutop { position: fixed; top: 0px; left: 0px; width: 100%; height: 80px; background-color: #fff; } .menus--mobile .menu-main-menu-container { margin-top: 80px; } .header #menus .menus--top-menu .menu-top-header-menu-container li { float: left; } .slide-in-right { -webkit-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }