@charset "UTF-8";
/* Theme Name: AskNature 2020/21 Theme URI: http://builtbycivilization.com Description: Custom WP built by Civilization Version: 2 Author: Civilization Author URI: http://builtbycivilization.com */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, dl.accordion dt button, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

html { overflow-y: scroll; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

a:hover, :active, :focus { outline: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

button { width: auto; overflow: visible; border: 0; background: transparent; }

.ie7 img { -ms-interpolation-mode: bicubic; }

.white-bg { background-color: #ffffff; }

.white-bg .button { background-color: rgba(255, 255, 255, 0.5); }

.white-bg .button:hover, .white-bg .button:focus:not(:active) { color: #ffffff; }

.white-bg .button:hover svg, .white-bg .button:focus:not(:active) svg { fill: #ffffff !important; }

.white-bg .preview:not(.full) { border: 3px solid #ffffff; }

.white-bg .fixed-mask { border-color: #ffffff !important; }

.white-bg .fixed-mask::before, .white-bg .fixed-mask::after { border-top-color: #ffffff !important; background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0) 1.6rem, white 1.6rem) !important; }

.white-bg .slideshow.feature-slideshow .slick-prev:hover svg, .white-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .white-bg .slideshow.feature-slideshow .slick-next:hover svg, .white-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #ffffff; }

.white-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; }

.white-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #ffffff inset; }

.white-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #ffffff inset; }

.offwhite-bg { background-color: #F5F4F0; }

.offwhite-bg .button { background-color: rgba(245, 244, 240, 0.5); }

.offwhite-bg .button:hover, .offwhite-bg .button:focus:not(:active) { color: #F5F4F0; }

.offwhite-bg .button:hover svg, .offwhite-bg .button:focus:not(:active) svg { fill: #F5F4F0 !important; }

.offwhite-bg .preview:not(.full) { border: 3px solid #F5F4F0; }

.offwhite-bg .fixed-mask { border-color: #F5F4F0 !important; }

.offwhite-bg .fixed-mask::before, .offwhite-bg .fixed-mask::after { border-top-color: #F5F4F0 !important; background-image: radial-gradient(circle at 50% 50%, rgba(245, 244, 240, 0) 1.6rem, #f5f4f0 1.6rem) !important; }

.offwhite-bg .slideshow.feature-slideshow .slick-prev:hover svg, .offwhite-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .offwhite-bg .slideshow.feature-slideshow .slick-next:hover svg, .offwhite-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #F5F4F0; }

.offwhite-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #F5F4F0 inset; }

.offwhite-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #F5F4F0 inset; }

.offwhite-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #F5F4F0 inset; }

.gray-bg { background-color: #5b5756; }

.gray-bg .button { background-color: rgba(91, 87, 86, 0.5); }

.gray-bg .button:hover, .gray-bg .button:focus:not(:active) { color: #5b5756; }

.gray-bg .button:hover svg, .gray-bg .button:focus:not(:active) svg { fill: #5b5756 !important; }

.gray-bg .preview:not(.full) { border: 3px solid #5b5756; }

.gray-bg .fixed-mask { border-color: #5b5756 !important; }

.gray-bg .fixed-mask::before, .gray-bg .fixed-mask::after { border-top-color: #5b5756 !important; background-image: radial-gradient(circle at 50% 50%, rgba(91, 87, 86, 0) 1.6rem, #5b5756 1.6rem) !important; }

.gray-bg .slideshow.feature-slideshow .slick-prev:hover svg, .gray-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .gray-bg .slideshow.feature-slideshow .slick-next:hover svg, .gray-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #5b5756; }

.gray-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #5b5756 inset; }

.gray-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #5b5756 inset; }

.gray-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #5b5756 inset; }

.dark-gray-bg { background-color: #3a3736; }

.dark-gray-bg .button { background-color: rgba(58, 55, 54, 0.5); }

.dark-gray-bg .button:hover, .dark-gray-bg .button:focus:not(:active) { color: #3a3736; }

.dark-gray-bg .button:hover svg, .dark-gray-bg .button:focus:not(:active) svg { fill: #3a3736 !important; }

.dark-gray-bg .preview:not(.full) { border: 3px solid #3a3736; }

.dark-gray-bg .fixed-mask { border-color: #3a3736 !important; }

.dark-gray-bg .fixed-mask::before, .dark-gray-bg .fixed-mask::after { border-top-color: #3a3736 !important; background-image: radial-gradient(circle at 50% 50%, rgba(58, 55, 54, 0) 1.6rem, #3a3736 1.6rem) !important; }

.dark-gray-bg .slideshow.feature-slideshow .slick-prev:hover svg, .dark-gray-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .dark-gray-bg .slideshow.feature-slideshow .slick-next:hover svg, .dark-gray-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #3a3736; }

.dark-gray-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #3a3736 inset; }

.dark-gray-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #3a3736 inset; }

.dark-gray-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #3a3736 inset; }

.offblack-bg { background-color: #231F20; }

.offblack-bg .button { background-color: rgba(35, 31, 32, 0.5); }

.offblack-bg .button:hover, .offblack-bg .button:focus:not(:active) { color: #231F20; }

.offblack-bg .button:hover svg, .offblack-bg .button:focus:not(:active) svg { fill: #231F20 !important; }

.offblack-bg .preview:not(.full) { border: 3px solid #231F20; }

.offblack-bg .fixed-mask { border-color: #231F20 !important; }

.offblack-bg .fixed-mask::before, .offblack-bg .fixed-mask::after { border-top-color: #231F20 !important; background-image: radial-gradient(circle at 50% 50%, rgba(35, 31, 32, 0) 1.6rem, #231f20 1.6rem) !important; }

.offblack-bg .slideshow.feature-slideshow .slick-prev:hover svg, .offblack-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .offblack-bg .slideshow.feature-slideshow .slick-next:hover svg, .offblack-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #231F20; }

.offblack-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #231F20 inset; }

.offblack-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #231F20 inset; }

.offblack-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #231F20 inset; }

.black-bg { background-color: #000000; }

.black-bg .button { background-color: rgba(0, 0, 0, 0.5); }

.black-bg .button:hover, .black-bg .button:focus:not(:active) { color: #000000; }

.black-bg .button:hover svg, .black-bg .button:focus:not(:active) svg { fill: #000000 !important; }

.black-bg .preview:not(.full) { border: 3px solid #000000; }

.black-bg .fixed-mask { border-color: #000000 !important; }

.black-bg .fixed-mask::before, .black-bg .fixed-mask::after { border-top-color: #000000 !important; background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 1.6rem, black 1.6rem) !important; }

.black-bg .slideshow.feature-slideshow .slick-prev:hover svg, .black-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .black-bg .slideshow.feature-slideshow .slick-next:hover svg, .black-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #000000; }

.black-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #000000 inset; }

.black-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #000000 inset; }

.black-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #000000 inset; }

.dark-green-bg { background-color: #244230; }

.dark-green-bg .button { background-color: rgba(36, 66, 48, 0.5); }

.dark-green-bg .button:hover, .dark-green-bg .button:focus:not(:active) { color: #244230; }

.dark-green-bg .button:hover svg, .dark-green-bg .button:focus:not(:active) svg { fill: #244230 !important; }

.dark-green-bg .preview:not(.full) { border: 3px solid #244230; }

.dark-green-bg .fixed-mask { border-color: #244230 !important; }

.dark-green-bg .fixed-mask::before, .dark-green-bg .fixed-mask::after { border-top-color: #244230 !important; background-image: radial-gradient(circle at 50% 50%, rgba(36, 66, 48, 0) 1.6rem, #244230 1.6rem) !important; }

.dark-green-bg .slideshow.feature-slideshow .slick-prev:hover svg, .dark-green-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .dark-green-bg .slideshow.feature-slideshow .slick-next:hover svg, .dark-green-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #244230; }

.dark-green-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #244230 inset; }

.dark-green-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #244230 inset; }

.dark-green-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #244230 inset; }

.green-bg { background-color: #2f5b47; }

.green-bg .button { background-color: rgba(47, 91, 71, 0.5); }

.green-bg .button:hover, .green-bg .button:focus:not(:active) { color: #2f5b47; }

.green-bg .button:hover svg, .green-bg .button:focus:not(:active) svg { fill: #2f5b47 !important; }

.green-bg .preview:not(.full) { border: 3px solid #2f5b47; }

.green-bg .fixed-mask { border-color: #2f5b47 !important; }

.green-bg .fixed-mask::before, .green-bg .fixed-mask::after { border-top-color: #2f5b47 !important; background-image: radial-gradient(circle at 50% 50%, rgba(47, 91, 71, 0) 1.6rem, #2f5b47 1.6rem) !important; }

.green-bg .slideshow.feature-slideshow .slick-prev:hover svg, .green-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .green-bg .slideshow.feature-slideshow .slick-next:hover svg, .green-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #2f5b47; }

.green-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #2f5b47 inset; }

.green-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #2f5b47 inset; }

.green-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #2f5b47 inset; }

.light-green-bg { background-color: #dbe9df; }

.light-green-bg .button { background-color: rgba(219, 233, 223, 0.5); }

.light-green-bg .button:hover, .light-green-bg .button:focus:not(:active) { color: #dbe9df; }

.light-green-bg .button:hover svg, .light-green-bg .button:focus:not(:active) svg { fill: #dbe9df !important; }

.light-green-bg .preview:not(.full) { border: 3px solid #dbe9df; }

.light-green-bg .fixed-mask { border-color: #dbe9df !important; }

.light-green-bg .fixed-mask::before, .light-green-bg .fixed-mask::after { border-top-color: #dbe9df !important; background-image: radial-gradient(circle at 50% 50%, rgba(219, 233, 223, 0) 1.6rem, #dbe9df 1.6rem) !important; }

.light-green-bg .slideshow.feature-slideshow .slick-prev:hover svg, .light-green-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .light-green-bg .slideshow.feature-slideshow .slick-next:hover svg, .light-green-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #dbe9df; }

.light-green-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #dbe9df inset; }

.light-green-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #dbe9df inset; }

.light-green-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #dbe9df inset; }

.dark-red-bg { background-color: #663936; }

.dark-red-bg .button { background-color: rgba(102, 57, 54, 0.5); }

.dark-red-bg .button:hover, .dark-red-bg .button:focus:not(:active) { color: #663936; }

.dark-red-bg .button:hover svg, .dark-red-bg .button:focus:not(:active) svg { fill: #663936 !important; }

.dark-red-bg .preview:not(.full) { border: 3px solid #663936; }

.dark-red-bg .fixed-mask { border-color: #663936 !important; }

.dark-red-bg .fixed-mask::before, .dark-red-bg .fixed-mask::after { border-top-color: #663936 !important; background-image: radial-gradient(circle at 50% 50%, rgba(102, 57, 54, 0) 1.6rem, #663936 1.6rem) !important; }

.dark-red-bg .slideshow.feature-slideshow .slick-prev:hover svg, .dark-red-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .dark-red-bg .slideshow.feature-slideshow .slick-next:hover svg, .dark-red-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #663936; }

.dark-red-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #663936 inset; }

.dark-red-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #663936 inset; }

.dark-red-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #663936 inset; }

.red-bg { background-color: #9b4b3e; }

.red-bg .button { background-color: rgba(155, 75, 62, 0.5); }

.red-bg .button:hover, .red-bg .button:focus:not(:active) { color: #9b4b3e; }

.red-bg .button:hover svg, .red-bg .button:focus:not(:active) svg { fill: #9b4b3e !important; }

.red-bg .preview:not(.full) { border: 3px solid #9b4b3e; }

.red-bg .fixed-mask { border-color: #9b4b3e !important; }

.red-bg .fixed-mask::before, .red-bg .fixed-mask::after { border-top-color: #9b4b3e !important; background-image: radial-gradient(circle at 50% 50%, rgba(155, 75, 62, 0) 1.6rem, #9b4b3e 1.6rem) !important; }

.red-bg .slideshow.feature-slideshow .slick-prev:hover svg, .red-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .red-bg .slideshow.feature-slideshow .slick-next:hover svg, .red-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #9b4b3e; }

.red-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #9b4b3e inset; }

.red-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #9b4b3e inset; }

.red-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #9b4b3e inset; }

.light-red-bg { background-color: #e5dadd; }

.light-red-bg .button { background-color: rgba(229, 218, 221, 0.5); }

.light-red-bg .button:hover, .light-red-bg .button:focus:not(:active) { color: #e5dadd; }

.light-red-bg .button:hover svg, .light-red-bg .button:focus:not(:active) svg { fill: #e5dadd !important; }

.light-red-bg .preview:not(.full) { border: 3px solid #e5dadd; }

.light-red-bg .fixed-mask { border-color: #e5dadd !important; }

.light-red-bg .fixed-mask::before, .light-red-bg .fixed-mask::after { border-top-color: #e5dadd !important; background-image: radial-gradient(circle at 50% 50%, rgba(229, 218, 221, 0) 1.6rem, #e5dadd 1.6rem) !important; }

.light-red-bg .slideshow.feature-slideshow .slick-prev:hover svg, .light-red-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .light-red-bg .slideshow.feature-slideshow .slick-next:hover svg, .light-red-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #e5dadd; }

.light-red-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #e5dadd inset; }

.light-red-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #e5dadd inset; }

.light-red-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #e5dadd inset; }

.dark-blue-bg { background-color: #344354; }

.dark-blue-bg .button { background-color: rgba(52, 67, 84, 0.5); }

.dark-blue-bg .button:hover, .dark-blue-bg .button:focus:not(:active) { color: #344354; }

.dark-blue-bg .button:hover svg, .dark-blue-bg .button:focus:not(:active) svg { fill: #344354 !important; }

.dark-blue-bg .preview:not(.full) { border: 3px solid #344354; }

.dark-blue-bg .fixed-mask { border-color: #344354 !important; }

.dark-blue-bg .fixed-mask::before, .dark-blue-bg .fixed-mask::after { border-top-color: #344354 !important; background-image: radial-gradient(circle at 50% 50%, rgba(52, 67, 84, 0) 1.6rem, #344354 1.6rem) !important; }

.dark-blue-bg .slideshow.feature-slideshow .slick-prev:hover svg, .dark-blue-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .dark-blue-bg .slideshow.feature-slideshow .slick-next:hover svg, .dark-blue-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #344354; }

.dark-blue-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #344354 inset; }

.dark-blue-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #344354 inset; }

.dark-blue-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #344354 inset; }

.blue-bg { background-color: #46597f; }

.blue-bg .button { background-color: rgba(70, 89, 127, 0.5); }

.blue-bg .button:hover, .blue-bg .button:focus:not(:active) { color: #46597f; }

.blue-bg .button:hover svg, .blue-bg .button:focus:not(:active) svg { fill: #46597f !important; }

.blue-bg .preview:not(.full) { border: 3px solid #46597f; }

.blue-bg .fixed-mask { border-color: #46597f !important; }

.blue-bg .fixed-mask::before, .blue-bg .fixed-mask::after { border-top-color: #46597f !important; background-image: radial-gradient(circle at 50% 50%, rgba(70, 89, 127, 0) 1.6rem, #46597f 1.6rem) !important; }

.blue-bg .slideshow.feature-slideshow .slick-prev:hover svg, .blue-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .blue-bg .slideshow.feature-slideshow .slick-next:hover svg, .blue-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #46597f; }

.blue-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #46597f inset; }

.blue-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #46597f inset; }

.blue-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #46597f inset; }

.light-blue-bg { background-color: #d6e1f2; }

.light-blue-bg .button { background-color: rgba(214, 225, 242, 0.5); }

.light-blue-bg .button:hover, .light-blue-bg .button:focus:not(:active) { color: #d6e1f2; }

.light-blue-bg .button:hover svg, .light-blue-bg .button:focus:not(:active) svg { fill: #d6e1f2 !important; }

.light-blue-bg .preview:not(.full) { border: 3px solid #d6e1f2; }

.light-blue-bg .fixed-mask { border-color: #d6e1f2 !important; }

.light-blue-bg .fixed-mask::before, .light-blue-bg .fixed-mask::after { border-top-color: #d6e1f2 !important; background-image: radial-gradient(circle at 50% 50%, rgba(214, 225, 242, 0) 1.6rem, #d6e1f2 1.6rem) !important; }

.light-blue-bg .slideshow.feature-slideshow .slick-prev:hover svg, .light-blue-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .light-blue-bg .slideshow.feature-slideshow .slick-next:hover svg, .light-blue-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #d6e1f2; }

.light-blue-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #d6e1f2 inset; }

.light-blue-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #d6e1f2 inset; }

.light-blue-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #d6e1f2 inset; }

.dark-brown-bg { background-color: #7c4e2f; }

.dark-brown-bg .button { background-color: rgba(124, 78, 47, 0.5); }

.dark-brown-bg .button:hover, .dark-brown-bg .button:focus:not(:active) { color: #7c4e2f; }

.dark-brown-bg .button:hover svg, .dark-brown-bg .button:focus:not(:active) svg { fill: #7c4e2f !important; }

.dark-brown-bg .preview:not(.full) { border: 3px solid #7c4e2f; }

.dark-brown-bg .fixed-mask { border-color: #7c4e2f !important; }

.dark-brown-bg .fixed-mask::before, .dark-brown-bg .fixed-mask::after { border-top-color: #7c4e2f !important; background-image: radial-gradient(circle at 50% 50%, rgba(124, 78, 47, 0) 1.6rem, #7c4e2f 1.6rem) !important; }

.dark-brown-bg .slideshow.feature-slideshow .slick-prev:hover svg, .dark-brown-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .dark-brown-bg .slideshow.feature-slideshow .slick-next:hover svg, .dark-brown-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #7c4e2f; }

.dark-brown-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #7c4e2f inset; }

.dark-brown-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #7c4e2f inset; }

.dark-brown-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #7c4e2f inset; }

.brown-bg { background-color: #915c30; }

.brown-bg .button { background-color: rgba(145, 92, 48, 0.5); }

.brown-bg .button:hover, .brown-bg .button:focus:not(:active) { color: #915c30; }

.brown-bg .button:hover svg, .brown-bg .button:focus:not(:active) svg { fill: #915c30 !important; }

.brown-bg .preview:not(.full) { border: 3px solid #915c30; }

.brown-bg .fixed-mask { border-color: #915c30 !important; }

.brown-bg .fixed-mask::before, .brown-bg .fixed-mask::after { border-top-color: #915c30 !important; background-image: radial-gradient(circle at 50% 50%, rgba(145, 92, 48, 0) 1.6rem, #915c30 1.6rem) !important; }

.brown-bg .slideshow.feature-slideshow .slick-prev:hover svg, .brown-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .brown-bg .slideshow.feature-slideshow .slick-next:hover svg, .brown-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #915c30; }

.brown-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #915c30 inset; }

.brown-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #915c30 inset; }

.brown-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #915c30 inset; }

.light-brown-bg { background-color: #eddfca; }

.light-brown-bg .button { background-color: rgba(237, 223, 202, 0.5); }

.light-brown-bg .button:hover, .light-brown-bg .button:focus:not(:active) { color: #eddfca; }

.light-brown-bg .button:hover svg, .light-brown-bg .button:focus:not(:active) svg { fill: #eddfca !important; }

.light-brown-bg .preview:not(.full) { border: 3px solid #eddfca; }

.light-brown-bg .fixed-mask { border-color: #eddfca !important; }

.light-brown-bg .fixed-mask::before, .light-brown-bg .fixed-mask::after { border-top-color: #eddfca !important; background-image: radial-gradient(circle at 50% 50%, rgba(237, 223, 202, 0) 1.6rem, #eddfca 1.6rem) !important; }

.light-brown-bg .slideshow.feature-slideshow .slick-prev:hover svg, .light-brown-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .light-brown-bg .slideshow.feature-slideshow .slick-next:hover svg, .light-brown-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #eddfca; }

.light-brown-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #eddfca inset; }

.light-brown-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #eddfca inset; }

.light-brown-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #eddfca inset; }

.orange-bg { background-color: #fc9947; }

.orange-bg .button { background-color: rgba(252, 153, 71, 0.5); }

.orange-bg .button:hover, .orange-bg .button:focus:not(:active) { color: #fc9947; }

.orange-bg .button:hover svg, .orange-bg .button:focus:not(:active) svg { fill: #fc9947 !important; }

.orange-bg .preview:not(.full) { border: 3px solid #fc9947; }

.orange-bg .fixed-mask { border-color: #fc9947 !important; }

.orange-bg .fixed-mask::before, .orange-bg .fixed-mask::after { border-top-color: #fc9947 !important; background-image: radial-gradient(circle at 50% 50%, rgba(252, 153, 71, 0) 1.6rem, #fc9947 1.6rem) !important; }

.orange-bg .slideshow.feature-slideshow .slick-prev:hover svg, .orange-bg .slideshow.feature-slideshow .slick-prev:focus:not(:active) svg, .orange-bg .slideshow.feature-slideshow .slick-next:hover svg, .orange-bg .slideshow.feature-slideshow .slick-next:focus:not(:active) svg { fill: #fc9947; }

.orange-bg :-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #fc9947 inset; }

.orange-bg :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #fc9947 inset; }

.orange-bg ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #fc9947 inset; }

.black-text { color: #231F20; }

.black-text input[type="submit"], .black-text .button { color: #231F20; border-color: #231F20; }

.black-text input[type="submit"]:hover, .black-text input[type="submit"]:focus:not(:active), .black-text .button:hover, .black-text .button:focus:not(:active) { background-color: #231F20; border-color: #231F20; }

.black-text a:not(.button) { color: #231F20; }

.black-text svg { fill: #231F20; }

.black-text .slideshow.feature-slideshow .slick-prev:hover, .black-text .slideshow.feature-slideshow .slick-prev:focus:not(:active), .black-text .slideshow.feature-slideshow .slick-next:hover, .black-text .slideshow.feature-slideshow .slick-next:focus:not(:active) { background-color: #231F20; }

.black-text .slick-dots .slick-active button { cursor: default; background-color: #231F20; }

.black-text.light-black-bg a:not(.button):hover, .black-text.light-black-bg a:not(.button):focus:not(:active) { color: #fc9947; }

.white-text { color: #ffffff; }

.white-text input[type="submit"], .white-text .button { color: #ffffff; border-color: #ffffff; }

.white-text input[type="submit"]:hover, .white-text input[type="submit"]:focus:not(:active), .white-text .button:hover, .white-text .button:focus:not(:active) { background-color: #ffffff; border-color: #ffffff; }

.white-text a:not(.button) { color: #ffffff; }

.white-text svg { fill: #ffffff; }

.white-text .slideshow.feature-slideshow .slick-prev:hover, .white-text .slideshow.feature-slideshow .slick-prev:focus:not(:active), .white-text .slideshow.feature-slideshow .slick-next:hover, .white-text .slideshow.feature-slideshow .slick-next:focus:not(:active) { background-color: #ffffff; }

.white-text .slick-dots .slick-active button { cursor: default; background-color: #ffffff; }

.white-text.light-white-bg a:not(.button):hover, .white-text.light-white-bg a:not(.button):focus:not(:active) { color: #fc9947; }

.green-text { color: #244230; }

.green-text input[type="submit"], .green-text .button { color: #244230; border-color: #244230; }

.green-text input[type="submit"]:hover, .green-text input[type="submit"]:focus:not(:active), .green-text .button:hover, .green-text .button:focus:not(:active) { background-color: #244230; border-color: #244230; }

.green-text a:not(.button) { color: #244230; }

.green-text svg { fill: #244230; }

.green-text .slideshow.feature-slideshow .slick-prev:hover, .green-text .slideshow.feature-slideshow .slick-prev:focus:not(:active), .green-text .slideshow.feature-slideshow .slick-next:hover, .green-text .slideshow.feature-slideshow .slick-next:focus:not(:active) { background-color: #244230; }

.green-text .slick-dots .slick-active button { cursor: default; background-color: #244230; }

.green-text.light-green-bg a:not(.button):hover, .green-text.light-green-bg a:not(.button):focus:not(:active) { color: #fc9947; }

.red-text { color: #663936; }

.red-text input[type="submit"], .red-text .button { color: #663936; border-color: #663936; }

.red-text input[type="submit"]:hover, .red-text input[type="submit"]:focus:not(:active), .red-text .button:hover, .red-text .button:focus:not(:active) { background-color: #663936; border-color: #663936; }

.red-text a:not(.button) { color: #663936; }

.red-text svg { fill: #663936; }

.red-text .slideshow.feature-slideshow .slick-prev:hover, .red-text .slideshow.feature-slideshow .slick-prev:focus:not(:active), .red-text .slideshow.feature-slideshow .slick-next:hover, .red-text .slideshow.feature-slideshow .slick-next:focus:not(:active) { background-color: #663936; }

.red-text .slick-dots .slick-active button { cursor: default; background-color: #663936; }

.red-text.light-red-bg a:not(.button):hover, .red-text.light-red-bg a:not(.button):focus:not(:active) { color: #fc9947; }

.blue-text { color: #344354; }

.blue-text input[type="submit"], .blue-text .button { color: #344354; border-color: #344354; }

.blue-text input[type="submit"]:hover, .blue-text input[type="submit"]:focus:not(:active), .blue-text .button:hover, .blue-text .button:focus:not(:active) { background-color: #344354; border-color: #344354; }

.blue-text a:not(.button) { color: #344354; }

.blue-text svg { fill: #344354; }

.blue-text .slideshow.feature-slideshow .slick-prev:hover, .blue-text .slideshow.feature-slideshow .slick-prev:focus:not(:active), .blue-text .slideshow.feature-slideshow .slick-next:hover, .blue-text .slideshow.feature-slideshow .slick-next:focus:not(:active) { background-color: #344354; }

.blue-text .slick-dots .slick-active button { cursor: default; background-color: #344354; }

.blue-text.light-blue-bg a:not(.button):hover, .blue-text.light-blue-bg a:not(.button):focus:not(:active) { color: #fc9947; }

.brown-text { color: #7c4e2f; }

.brown-text input[type="submit"], .brown-text .button { color: #7c4e2f; border-color: #7c4e2f; }

.brown-text input[type="submit"]:hover, .brown-text input[type="submit"]:focus:not(:active), .brown-text .button:hover, .brown-text .button:focus:not(:active) { background-color: #7c4e2f; border-color: #7c4e2f; }

.brown-text a:not(.button) { color: #7c4e2f; }

.brown-text svg { fill: #7c4e2f; }

.brown-text .slideshow.feature-slideshow .slick-prev:hover, .brown-text .slideshow.feature-slideshow .slick-prev:focus:not(:active), .brown-text .slideshow.feature-slideshow .slick-next:hover, .brown-text .slideshow.feature-slideshow .slick-next:focus:not(:active) { background-color: #7c4e2f; }

.brown-text .slick-dots .slick-active button { cursor: default; background-color: #7c4e2f; }

.brown-text.light-brown-bg a:not(.button):hover, .brown-text.light-brown-bg a:not(.button):focus:not(:active) { color: #fc9947; }

.object-cover video, .object-cover img, .contributor-profile .profile-photo img, .video-wrap .poster img { display: block; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

.object-contain video, .object-contain img { display: block; width: 100%; height: 100%; object-fit: contain; font-family: 'object-fit: contain;'; }

.split .split-text, .wrap.text-wrap { overflow-wrap: break-word; }

.split .split-text ul:not(.gfield_radio):not(.gfield_checkbox):not(.gform_fields):not(.social-media):not(.slick-dots):not(.breadcrumb), .wrap.text-wrap ul:not(.gfield_radio):not(.gfield_checkbox):not(.gform_fields):not(.social-media):not(.slick-dots):not(.breadcrumb) { list-style: disc; }

.split .split-text ul:not(.gfield_radio):not(.gfield_checkbox):not(.gform_fields):not(.social-media):not(.slick-dots):not(.breadcrumb), .wrap.text-wrap ul:not(.gfield_radio):not(.gfield_checkbox):not(.gform_fields):not(.social-media):not(.slick-dots):not(.breadcrumb), .split .split-text ol, .wrap.text-wrap ol { padding-left: 2rem; }

.split .split-text ul:not(.gfield_radio):not(.gfield_checkbox):not(.gform_fields):not(.social-media):not(.slick-dots):not(.breadcrumb) li, .wrap.text-wrap ul:not(.gfield_radio):not(.gfield_checkbox):not(.gform_fields):not(.social-media):not(.slick-dots):not(.breadcrumb) li, .split .split-text ol li, .wrap.text-wrap ol li { margin-top: 4px; }

.split .split-text blockquote, .wrap.text-wrap blockquote { padding: 1.6rem; }

@media only screen and (min-width: 769px) { .split .split-text blockquote, .wrap.text-wrap blockquote { padding: 3.2rem; } }

.preview.full .preview-image img, .preview.full .preview-image, .collection-preview .banner-image img, .collection-preview .banner-image .image-wrap, .collection-preview .banner-image, .timer-modal .wrap, .split .split-image .slide-image.object-cover img, .split .split-image .slide-image.object-cover, .fullscreen .slideshow img, .fullscreen.post-hero .hero-note, .fullscreen.post-hero img, .fullscreen.post-hero .image-mask, .fullscreen.post-hero .image-wrap { border-radius: 1.6rem; }

.collection-preview q, input, textarea, button, select, body { font-family: objektiv-mk1, sans-serif; font-weight: 400; font-style: normal; font-display: swap; }

.preview.full .preview-meta, .preview:not(.full) small, .breadcrumb, small, h5 { font-family: proxima-nova-condensed, sans-serif; font-weight: 400; font-style: normal; font-display: swap; }

.ask-step h3, .subnav.toc h4, .subnav.toc dl.accordion dt button, dl.accordion dt .subnav.toc button, blockquote, q, .serif { font-family: ivyjournal, serif; font-weight: 600; font-style: normal; font-display: swap; }

.source-list small, .document-list a span, .search-terms .ais-hierarchical-menu--link::after, .search-terms .ais-refinement-list--label span, .search-terms .ais-hierarchical-menu--link span, .search-post-types .ais-menu--item a span, h4.subtitle, dl.accordion dt button.subtitle { font-weight: 400; }

.collection-preview, .post-details li, .post-toggles button:not(.help-button), .ais-infinite-hits--showmore button, .search-terms .ais-refinement-list--label, .search-terms .ais-hierarchical-menu--link, .fullscreen .slide-text, .intro-text p, .intro-text li, .details, .flex-grid.posts-grid .preview.full.small p, .inline-button, .button, cite { font-weight: 500; }

.ask-step h3, .preview:not(.full) small, .breadcrumb, small, h5 { font-weight: 600; }

.preview:not(.full) .preview-description p, .admin-edit a, .collection-preview q, .help-button, .search-terms .ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link, .search-terms .ais-refinement-list--item__active .ais-refinement-list--label, .search-post-types .ais-menu--item a, dl.accordion dt button::after, .subnav.toc a, .fullscreen .slide-top, .fullscreen .slide-bottom, .title-wrap .link, .title-wrap .details-button::after, strong, b, blockquote, p.quote, q, .search-current, h6, h4, dl.accordion dt button, .toc li, h3 { font-weight: 700; }

.preview:not(.full) .preview-details h4, .preview:not(.full) .preview-details dl.accordion dt button, dl.accordion dt .preview:not(.full) .preview-details button, .preview:not(.full) .preview-text h4, .preview:not(.full) .preview-text dl.accordion dt button, dl.accordion dt .preview:not(.full) .preview-text button { font-weight: 800; }

.ask-step h3, .search-post-types .ais-menu--item a span, .subnav.toc h4, .subnav.toc dl.accordion dt button, dl.accordion dt .subnav.toc button, em, i { font-style: italic; }

@font-face { font-family: 'Oatmeal Sans Light'; src: url("../woff2/oatmeal%20sans%20light.woff2") format("woff2"), url("../woff/oatmeal%20sans%20light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }

h2.tagline { font-family: 'Oatmeal Sans Light', sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.02em; }

::-webkit-input-placeholder { color: #000000; opacity: 0.5; }

:-moz-placeholder { /* Firefox 18- */ color: #000000; opacity: 0.5; }

::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 0.5; }

:-ms-input-placeholder { color: #000000; overflow: hidden; }

::selection { background: #2f5b47; color: #ffffff; text-shadow: none; }

::-moz-selection { background: #2f5b47; color: #ffffff; text-shadow: none; }

html { width: 100%; min-height: 100%; /* mobile viewport bug fix */ min-height: -webkit-fill-available; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; /* fixes FF over-bolding */ -ms-overflow-style: -ms-autohiding-scrollbar; font-size: 62.5%; /* 10px reset */ position: relative; background: #231F20; color: #000000; -webkit-overflow-scrolling: touch; }

body { width: 100%; min-height: 100%; font-size: 1.4rem; line-height: 1.5; overflow-x: hidden; min-height: 100vh; min-height: -webkit-fill-available; }

@media only screen and (min-width: 769px) { body { font-size: calc(1.1rem + 0.25vw); } }

body:not(.modal-open) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; /* Safari 7.0+ */ justify-content: flex-end; }

body.modal-open { height: 100%; height: 100vh; overflow-y: hidden; }

h1, h2.title-serif { font-size: 157.1428571429%; }

@media only screen and (min-width: 400px) { h1, h2.title-serif { font-size: 200%; } }

@media only screen and (min-width: 769px) { h1, h2.title-serif { font-size: 300%; } }

h2, h3.serif { font-size: 157.1428571429%; line-height: 1.25; }

@media only screen and (min-width: 769px) { h2, h3.serif { font-size: 228.5714285714%; } }

h2.tagline { font-size: 314.2857142857%; line-height: 1; }

@media only screen and (min-width: 400px) { h2.tagline { font-size: 400%; } }

@media only screen and (min-width: 769px) { h2.tagline { font-size: 700%; } }

.toc li, h3 { font-size: 114.2857142857%; line-height: 1.2; }

@media only screen and (min-width: 769px) { .toc li, h3 { font-size: 128.5714285714%; } }

h4, dl.accordion dt button { font-size: 100%; }

h4.subtitle, dl.accordion dt button.subtitle { font-size: 128.5714285714%; }

@media only screen and (min-width: 769px) { h4, dl.accordion dt button { font-size: 107.1428571429%; } h4.subtitle, dl.accordion dt button.subtitle { font-size: 157.1428571429%; } }

.breadcrumb, small, h5 { font-size: 85.7142857143%; text-transform: uppercase; }

.search-current, h6 { text-transform: uppercase; font-size: 78.5714285714%; display: inline-block; }

q { display: block; font-size: 128.5714285714%; line-height: 28/22; }

@media only screen and (min-width: 769px) { q { font-size: 157.1428571429%; } }

q:not(.quote) p + p { margin-top: 0.5em; }

.align-center q.quote::before { margin-left: 0; }

.quote { quotes: "\201C" "\201D" "\2018" "\2019"; }

.quote::before { display: inline; content: open-quote; margin-left: -0.5em; }

.quote::after { display: inline; content: close-quote; margin-left: -0.25em; }

.quote + cite { display: block; font-style: normal; margin-top: 1.6rem; }

.quote + cite::before { content: "— "; }

blockquote { font-size: 128.5714285714%; }

cite { font-style: normal; font-size: 114.2857142857%; line-height: 1.5; }

hr { visibility: hidden; display: none; }

p + h3, ul + h3, ol + h3, h1 + hr, h1 + p, h1 + form, h2 + hr, blockquote + h3, hr + h3 { margin-top: 3.2rem; }

@media only screen and (min-width: 769px) { p + h3, ul + h3, ol + h3, h1 + hr, h1 + p, h1 + form, h2 + hr, blockquote + h3, hr + h3 { margin-top: 4.8rem; } }

h2 + div, h2 + p, h3 + div, h3 + hr + p, h3 + p, h3 + h4:not(.subtitle), dl.accordion dt h3 + button:not(.subtitle), h3 + ul, h3 + ol, ul + hr, ul + ul, ul + hr + ul, dl + p, ul + p, ul + hr + p, hr + p, p + ul, ol + p, p + ol, p + h4, dl.accordion dt p + button, ul + h4, dl.accordion dt ul + button, ol + h4, dl.accordion dt ol + button, p + blockquote, blockquote + p, h3 + blockquote, h5 + ul, h4 + ul, dl.accordion dt button + ul, h4.subtitle + p, dl.accordion dt button.subtitle + p, p + h5, p + p { margin-top: 1.6rem; }

@media only screen and (min-width: 769px) { h2 + div, h2 + p, h3 + div, h3 + hr + p, h3 + p, h3 + h4:not(.subtitle), dl.accordion dt h3 + button:not(.subtitle), h3 + ul, h3 + ol, ul + hr, ul + ul, ul + hr + ul, dl + p, ul + p, ul + hr + p, hr + p, p + ul, ol + p, p + ol, p + h4, dl.accordion dt p + button, ul + h4, dl.accordion dt ul + button, ol + h4, dl.accordion dt ol + button, p + blockquote, blockquote + p, h3 + blockquote, h5 + ul, h4 + ul, dl.accordion dt button + ul, h4.subtitle + p, dl.accordion dt button.subtitle + p, p + h5, p + p { margin-top: 2rem; } }

h2 + h3, h3 + h4.subtitle, dl.accordion dt h3 + button.subtitle { margin-top: 0.8rem; }

@media only screen and (min-width: 769px) { h2 + h3, h3 + h4.subtitle, dl.accordion dt h3 + button.subtitle { margin-top: 1.2rem; } }

h4 + p, dl.accordion dt button + p { margin-top: 0.2rem; }

input, textarea, button, select { -webkit-appearance: none; -moz-appearance: none; }

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select { display: block; width: 100%; background-color: transparent; color: inherit; border: 1px solid; font-size: inherit; line-height: 3.2rem; padding: 0 0.8rem; margin: 0 auto; position: relative; border-radius: 0; z-index: 1; }

@-moz-document url-prefix() { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select { line-height: 3.2 !important; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select { height: 3.2rem; } }

textarea { line-height: 0.85; padding: 1rem; height: 12rem; }

input[type="radio"], input[type="checkbox"] { background: transparent; -webkit-appearance: none; width: 1.6rem !important; height: 1.6rem; vertical-align: middle; margin-right: 1rem; margin-top: -2px; color: inherit; border: 1px solid; font-size: 2.4rem; line-height: 1.25; position: relative; cursor: pointer; }

input[type="radio"]:hover, input[type="radio"]:focus:not(:active), input[type="checkbox"]:hover, input[type="checkbox"]:focus:not(:active) { background-color: #a59f9d; }

input[type="radio"]:checked, input[type="checkbox"]:checked { background-color: #231F20; }

input[type="radio"]:checked:hover, input[type="radio"]:checked:focus:not(:active), input[type="checkbox"]:checked:hover, input[type="checkbox"]:checked:focus:not(:active) { background-color: #5b5756; }

input[type="radio"] { border-radius: 50%; }

select { background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 4px center; background-size: auto 12px; padding-right: 24px; line-height: 3.2rem; }

button { font-size: inherit; padding: 0; color: inherit; }

button::-moz-focus-inner { border: 0; }

.button { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: inherit; cursor: pointer; padding: 0.4rem 0.8rem; border: 1px solid; font-size: 92.8571428571%; border-radius: 0; text-decoration: none; }

@supports (-ms-ime-align: auto) { .button { padding: 0.8rem 0.8rem 0.4rem; } }

@-moz-document url-prefix() { .button { padding: 0.8rem 0.8rem 0.4rem; } }

.inline-button { font-size: 85.7142857143%; text-transform: uppercase; padding: 0; border-bottom: 1px solid; text-decoration: none; }

.over-image .inline-button:hover, .over-image .inline-button:focus:not(:active) { color: #fc9947; }

.over-image:not(.hero-text) .inline-button { border-bottom: none; }

article, section, footer { position: relative; width: 100%; }

iframe { width: 100%; }

svg, video, img { display: block; max-width: 100%; }

svg { overflow: visible; }

footer .logo-link { display: inline-block; padding-bottom: 3.2rem; }

footer .logo-link img, footer .logo-link svg { width: 12.8rem; height: auto; }

footer .logo-link h3 { display: none; }

footer .logo-animation { display: inline-block; margin: 0; width: 8rem; height: 6.4rem; }

footer .logo-animation svg { display: block; }

footer .footer-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-content: center; /* Safari 7.0+ */ align-content: center; padding: 0 !important; }

footer .footer-menu li { padding: 0 0.8rem; list-style: none; }

@media only screen and (min-width: 700px) { footer .footer-menu:not(.social-media) li + li { border-left: 1px solid; } }

footer .footer-menu.social-media li { line-height: 1.6rem; }

footer .footer-menu.social-media li[data-label="facebook"] { margin-left: -0.4rem; }

footer .footer-menu.social-media svg { width: 1.6rem; height: 1.6rem; }

footer .footer-menu.social-media a:hover svg, footer .footer-menu.social-media a:focus:not(:active) svg { fill: #fc9947; }

.language-select, .panel-modal, .modal { z-index: 7; }

.menu-icon { z-index: 6; }

.toggle-section, header { z-index: 4; }

.subnav, .subnav-wrap { z-index: 3; }

main { z-index: 1; }

footer { z-index: 1; }

@media only screen and (min-width: 1280px) { .panel-modal { z-index: 3; } }

.grid-item { vertical-align: top; position: relative; }

.flex-grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; }

.flex-grid.preview-grid { padding: 3px; }

.flex-grid .preview { width: 100%; }

@media only screen and (min-width: 600px) { .flex-grid .preview { width: 50%; } }

@media only screen and (min-width: 900px) { .flex-grid .preview { width: 33.3333333333%; } }

@media only screen and (min-width: 1280px) { .flex-grid .preview { width: 25%; } }

.flex-grid.posts-grid .preview { width: 50%; }

.flex-grid.posts-grid .preview.full.small h3.serif { font-size: 114.2857142857%; line-height: 28/22; }

@media only screen and (max-width: 699px) { .flex-grid.posts-grid .preview.full.small .description { display: none; } }

@media only screen and (min-width: 700px) { .flex-grid.posts-grid .preview { width: 33.3333333333%; } .flex-grid.posts-grid .preview.full.small h3.serif { font-size: 157.1428571429%; } }

@media only screen and (min-width: 1793px) { .flex-grid.posts-grid .preview { width: 16.6666666667%; } }

.flex-grid.posts-grid.big .preview { width: 100%; }

@media only screen and (min-width: 700px) { .flex-grid.posts-grid.big .preview { width: 50%; } }

@media only screen and (min-width: 1793px) { .flex-grid.posts-grid.big .preview { width: 25%; } }

.content-wrap { position: relative; z-index: 1; width: 100%; flex-grow: 1; }

main.content > section:not(.full-bleed):first-child { margin-top: 4.8rem; }

.wrap { display: block; width: 100%; margin-left: auto; margin-right: auto; padding: 2.4rem 1.6rem; }

@media only screen and (min-width: 700px) { .wrap { padding: 3.2rem; } }

@media only screen and (min-width: 1024px) { .wrap { padding: 4.8rem; } .details .wrap { padding: 3.2rem 4.8rem; } }

.wrap.text-wrap { max-width: 50em; }

.wrap.narrow { max-width: 44em; }

.wrap.wide { max-width: 62em; }

.wrap.wider { max-width: 88em; }

.wrap.lite { padding-top: 2.4rem; padding-bottom: 2.4rem; }

.wrap.lite-top { padding-top: 1.6rem; }

.wrap.lite-bottom { padding-bottom: 1.6rem; }

.wrap.full-wrap { padding-left: 1.6rem; padding-right: 1.6rem; }

.wrap.flush-sides { padding-left: 0; padding-right: 0; }

.wrap.flush-top { padding-top: 0 !important; }

.wrap.flush-bottom { padding-bottom: 0; }

.wrap.post-hook:not(:only-child) { padding-top: 3.2rem; }

@media only screen and (min-width: 1024px) { .wrap.post-hook:not(:only-child) { padding-top: 8rem; } }

.wrap.post-hook:not(:only-child):not(.collection-hook) { padding-bottom: 1.6rem; }

.wrap.post-hook:not(:only-child).collection-hook q { font-size: 150%; padding-top: 3.2rem; padding-bottom: 3.2rem; border-top: 1px solid; border-bottom: 1px solid; }

@media only screen and (min-width: 769px) { .wrap.post-hook:not(:only-child).collection-hook q { font-size: 200%; } }

.wrap.attachment-wrap img { height: auto; }

.title-wrap { position: relative; padding-bottom: 1.6rem; border-bottom: 1px solid; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; }

.title-wrap .details-button { -webkit-align-self: center; /* Safari 7.0+ */ align-self: center; position: absolute; bottom: 1.6rem; left: 50%; color: inherit; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.title-wrap .details-button svg { width: 1.2rem; height: 1.2rem; }

.title-wrap .details-button::before { content: ''; display: block; width: 3.2rem; height: 3.2rem; position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.title-wrap .details-button::after { content: 'LEARN MORE'; font-size: 1.28rem; line-height: 1.6rem; width: 10em; text-align: center; position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ display: none; }

.title-wrap .details-button:hover svg, .title-wrap .details-button:focus:not(:active) svg { opacity: 0; }

.title-wrap .details-button:hover::after, .title-wrap .details-button:focus:not(:active)::after { display: block; }

.title-wrap .details-button.open svg { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.title-wrap .details-button.open::after { content: 'CLOSE'; }

@media only screen and (max-width: 399px) { .title-wrap .details-button { display: none; } }

.title-wrap small { position: absolute; top: 0; }

@media only screen and (min-width: 769px) { .title-wrap small { font-size: 1.6rem; line-height: 1.6rem; } }

.title-wrap .title-sub-wrap:not(:only-child), .title-wrap h2:not(:only-child) { max-width: 50%; padding-right: 1.6rem; }

.title-wrap .title-sub-wrap h2 { max-width: 100%; padding-right: 0; }

.title-wrap.with-taxonomy { padding-top: 1.6rem; }

.title-wrap .link { text-align: right; max-width: 50%; padding-left: 1.6rem; }

.title-wrap .link a { text-decoration: none; }

.title-wrap .link a:not(.button):hover, .title-wrap .link a:not(.button):focus:not(:active) { color: #fc9947; }

.title-wrap > h4, dl.accordion dt .title-wrap > button { line-height: 1.6rem; }

.title-wrap.inline-title-wrap { -webkit-flex-direction: column; flex-direction: column; }

[data-touch-events] .details-button:hover svg, [data-touch-events] .details-button:focus:not(:active) svg { opacity: 1 !important; }

[data-touch-events] .details-button::after { display: none !important; }

.details { width: 100%; border-bottom: 1px solid; }

.details .wrap { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

.details.open .wrap { opacity: 1; }

@media only screen and (max-width: 768px) { .details .wrap { padding-left: 0; padding-right: 0; } }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-center img, .align-center svg { margin-left: auto; margin-right: auto; }

.align-right { text-align: right; }

.intro-text p, .intro-text li { font-size: 114.2857142857%; }

.large-text p { font-size: 128.5714285714%; }

.large-text .button-wrap { margin-top: 6.4rem; }

.large-text .button { scale: 1.618; }

@media only screen and (min-width: 769px) { .large-text p { font-size: 200%; } }

.button-wrap { position: relative; margin: 3.2rem 0 -0.4rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.button-wrap:first-child { margin-top: 0; }

.button-wrap:last-child { margin-bottom: 0; }

.button-wrap a.button, .button-wrap button { margin: 0 0.4rem 0.4rem 0; }

.wrap.align-center .button-wrap { -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.wrap.align-center .button-wrap a.button, .wrap.align-center .button-wrap button { margin: 0 0.4rem 0.4rem; }

.button-wrap a:not(.button) { letter-spacing: normal; display: inline-block; }

.social-wrap { margin: 1.6rem 0; }

.social-wrap:last-child { margin-bottom: 0; }

.video-wrap { position: relative; background-color: #231F20; width: 100%; }

.video-wrap.no-size { height: 0; padding-bottom: 56.25%; overflow: hidden; }

.video-wrap video { width: 100%; }

.video-wrap .poster, .video-wrap .play-toggle { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; visibility: visible; opacity: 1; transition-delay: 0s; }

.video-wrap .poster { z-index: 1; background-color: #3a3736; }

.video-wrap .play-toggle { background: url(../svg/play-button.svg) 50% 50% no-repeat; -webkit-background-size: 4.4rem auto; -moz-background-size: 4.4rem auto; -o-background-size: 4.4rem auto; background-size: 4.4rem auto; z-index: 3; cursor: pointer; }

.video-wrap:not(:hover):not(:focus):not(.playing) video, .video-wrap:not(:hover):not(:focus):not(.playing) .poster img { opacity: 0.8; }

.video-wrap .play-toggle:focus:not(:active) { -webkit-box-shadow: inset 0 0 0 2px #663936; -moz-box-shadow: inset 0 0 0 2px #663936; box-shadow: inset 0 0 0 2px #663936; }

.video-wrap .view-full { position: absolute; bottom: 0; right: 0; display: block; width: 3rem; height: 3rem; z-index: 4; background: #F5F4F0 url(../svg/icon-fullscreen.svg) 50% 50% no-repeat; -webkit-background-size: 1.5rem auto; -moz-background-size: 1.5rem auto; -o-background-size: 1.5rem auto; background-size: 1.5rem auto; cursor: pointer; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; }

.video-wrap .view-full:hover, .video-wrap .view-full:focus:not(:active) { -webkit-background-size: 1.7rem auto; -moz-background-size: 1.7rem auto; -o-background-size: 1.7rem auto; background-size: 1.7rem auto; }

[data-touch-events] .video-wrap .view-full { display: none; }

.video-wrap.playing { cursor: pointer; }

.video-wrap.playing .play-toggle { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; }

.video-wrap.playing:hover .view-full { visibility: visible; opacity: 1; transition-delay: 0s; }

.video-wrap.playing.paused { cursor: pointer; }

.video-wrap.playing.paused .play-toggle { visibility: visible; opacity: 1; transition-delay: 0s; }

.video-wrap.playing.paused .view-full { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; }

.post-content { border-top: 1px solid #3a3736; margin-top: -1px; padding-bottom: 3.2rem; }

.post-content.no-post-hook { padding-top: 2.4rem; }

@media only screen and (min-width: 769px) { .post-content.no-post-hook { padding-top: 3.2rem; } }

@media only screen and (min-width: 1024px) { .post-content.no-post-hook { padding-top: 4.8rem; } }

.post-content > article:last-child > .wrap:last-child { padding-bottom: 1.6rem; }

.post-content > .wrap:last-child { padding-bottom: 1.6rem; }

@media only screen and (max-width: 768px) and (max-height: 400px) { main.content { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } }

header { position: fixed; top: 0; left: 0; right: 0; height: 4.8rem; overflow: hidden; will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

header::before { content: ''; display: block; background-color: #231F20; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

header.opaque::before { opacity: 1; }

header .home-link { position: absolute; top: 0; left: 0; padding: 0.64rem 1.6rem 0.96rem; z-index: 2; }

header .home-link h1 { display: none; }

header .home-link svg { display: block; width: 12rem; height: 3.2rem; overflow: visible; fill: #ffffff; will-change: fill; -webkit-transition: fill 0.5s ease-in-out; -moz-transition: fill 0.5s ease-in-out; -o-transition: fill 0.5s ease-in-out; transition: fill 0.5s ease-in-out; }

header .home-link:hover svg path, header .home-link:focus:not(:active) svg path { fill: #fc9947; }

header a { display: block; padding: 0 1.6rem; text-transform: uppercase; text-decoration: none; color: #ffffff; will-change: background-color; -webkit-transition: background-color 0.125s ease-in-out; -moz-transition: background-color 0.125s ease-in-out; -o-transition: background-color 0.125s ease-in-out; transition: background-color 0.125s ease-in-out; }

header a:hover, header a:focus:not(:active) { color: #fc9947 !important; }

header a.current span { border-bottom: 1px solid; }

header .submenu { position: absolute; top: 0; right: 0; z-index: 2; height: 4.8rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

header .submenu a:hover, header .submenu a:focus:not(:active) { text-decoration: none; }

@media only screen and (max-width: 1023px) { header .menu-button { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.7rem 1.6rem; height: 4.8rem; display: block; cursor: pointer; will-change: background-color; -webkit-transition: background-color 0.125s ease-in-out; -moz-transition: background-color 0.125s ease-in-out; -o-transition: background-color 0.125s ease-in-out; transition: background-color 0.125s ease-in-out; } header .menu-button i { display: block; width: 1.8rem; height: 1px; background-color: #ffffff; will-change: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .menu-button i + i { margin-top: 5px; } header .menu-button:hover i, header .menu-button:focus:not(:active) i { background-color: #fc9947; } header .submenu { display: none; } header menu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 4.6rem; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s linear; will-change: visibility, opacity; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } header menu a { text-align: center; font-size: 150%; line-height: 2; } header menu a.current { font-weight: 500; } body.menu-open header { height: 100%; } body.menu-open header::before { opacity: 1; } body.menu-open header .menu-button i { -webkit-transform: rotate(135deg) translate3d(0, 0, 0); -moz-transform: rotate(135deg) translate3d(0, 0, 0); -ms-transform: rotate(135deg) translate3d(0, 0, 0); -o-transform: rotate(135deg) translate3d(0, 0, 0); transform: rotate(135deg) translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ margin-top: 3px; } body.menu-open header .menu-button i + i { -webkit-transform: rotate(-135deg) translate3d(0, 0, 0); -moz-transform: rotate(-135deg) translate3d(0, 0, 0); -ms-transform: rotate(-135deg) translate3d(0, 0, 0); -o-transform: rotate(-135deg) translate3d(0, 0, 0); transform: rotate(-135deg) translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ margin-top: -1px; } body.menu-open header .menu-button i + i + i { -webkit-transform: translateY(1.6rem) translate3d(0, 0, 0); -moz-transform: translateY(1.6rem) translate3d(0, 0, 0); -ms-transform: translateY(1.6rem) translate3d(0, 0, 0); -o-transform: translateY(1.6rem) translate3d(0, 0, 0); transform: translateY(1.6rem) translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ margin: 0; opacity: 0; } body.menu-open header menu { visibility: visible; opacity: 1; transition-delay: 0s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; } }

@media only screen and (min-width: 1024px) { header .menu-button { display: none; } header menu { position: relative; z-index: 0; width: 100%; text-align: center; } header menu ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; } header a { font-size: 85.7142857143%; line-height: 4.8rem; } }

@media only screen and (min-width: 1440px) { header a { font-size: 92.8571428571%; } }

body[data-loaded][data-loading="true"] header::before { opacity: 1; background-image: linear-gradient(to right, rgba(91, 87, 86, 0), #5b5756, rgba(91, 87, 86, 0)); -webkit-background-size: 200% 100%; -moz-background-size: 200% 100%; -o-background-size: 200% 100%; background-size: 200% 100%; -webkit-animation: loading 3s linear 0s infinite normal forwards; -moz-animation: loading 3s linear 0s infinite normal forwards; animation: loading 3s linear 0s infinite normal forwards; }

.page-anchor { display: block; position: absolute; top: -4.8rem; visibility: hidden; }

body.has-subnav .page-anchor { top: -9.6rem; }

.grid-item { vertical-align: top; position: relative; }

.flex-grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; }

.flex-grid.preview-grid { padding: 3px; }

.flex-grid .preview { width: 100%; }

@media only screen and (min-width: 600px) { .flex-grid .preview { width: 50%; } }

@media only screen and (min-width: 900px) { .flex-grid .preview { width: 33.3333333333%; } }

@media only screen and (min-width: 1280px) { .flex-grid .preview { width: 25%; } }

.flex-grid.posts-grid .preview { width: 50%; }

.flex-grid.posts-grid .preview.full.small h3.serif { font-size: 114.2857142857%; line-height: 28/22; }

@media only screen and (max-width: 699px) { .flex-grid.posts-grid .preview.full.small .description { display: none; } }

@media only screen and (min-width: 700px) { .flex-grid.posts-grid .preview { width: 33.3333333333%; } .flex-grid.posts-grid .preview.full.small h3.serif { font-size: 157.1428571429%; } }

@media only screen and (min-width: 1793px) { .flex-grid.posts-grid .preview { width: 16.6666666667%; } }

.flex-grid.posts-grid.big .preview { width: 100%; }

@media only screen and (min-width: 700px) { .flex-grid.posts-grid.big .preview { width: 50%; } }

@media only screen and (min-width: 1793px) { .flex-grid.posts-grid.big .preview { width: 25%; } }

.fullscreen { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; height: calc(100vh - 4.8rem); overflow: hidden; }

.fullscreen .home-hero-image { position: fixed; top: 0; width: 100%; height: 100%; z-index: 0; }

@media only screen and (max-width: 699px) { .fullscreen .home-hero-image + .slide-text svg { width: 90%; } }

.fullscreen .slide-top, .fullscreen .slide-bottom { left: 50%; width: calc(100% - 9.6rem); padding: 1.6rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.fullscreen .slide-top { position: absolute; top: 1.6rem; }

.fullscreen.fixed-top .slide-top { position: fixed; top: calc(4.8rem + 1.6rem); }

.fullscreen .slide-bottom { position: absolute; bottom: 1.6rem; }

.fullscreen .slide-text { position: relative; z-index: 1; }

.fullscreen .slide-text .wrap { margin: 0; }

.fullscreen.vertical-center { -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

.fullscreen.post-hero { z-index: 0; height: calc(100vh - 4.8rem - 6.4rem); }

.fullscreen.post-hero .slide-image { position: absolute; width: 100%; height: 100%; z-index: 0; padding: 1.6rem; }

.fullscreen.post-hero .image-wrap { position: relative; width: 100%; height: 100%; }

.fullscreen.post-hero img, .fullscreen.post-hero .image-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.fullscreen.post-hero .hero-note { position: absolute; right: 0; top: 0; padding: 1.6rem; background-color: #000000; opacity: 0.75; z-index: 1; }

.fullscreen.post-hero .image-credit { right: 1.6rem; left: 1.6rem; bottom: 1.6rem; padding: 1.76rem 4.8rem; }

.fullscreen.post-hero .image-credit-icon { z-index: 2; right: 1.6rem; bottom: 1.6rem; padding: 2.08rem; }

.fullscreen.post-hero .wrap { padding-left: 3.2rem; padding-right: 3.2rem; }

.fullscreen.post-hero h3 { font-size: 128.5714285714%; }

.fullscreen.post-hero small { font-size: 1.6rem; line-height: 1.6rem; }

.fullscreen.post-hero .fixed-mask.bottom { bottom: 0; }

@media only screen and (max-width: 768px) { .fullscreen.post-hero.collection-hero { height: calc(100vh - 4.8rem); } }

@media only screen and (min-width: 769px) { .fullscreen.post-hero h3 { font-size: 171.4285714286%; } }

html:not([data-touch-events]) .fullscreen.post-hero img, html:not([data-touch-events]) .fullscreen.post-hero .image-mask { position: fixed; top: calc(4.8rem + 1.6rem); left: 1.6rem; right: 1.6rem; width: calc(100% - 3.2rem); height: calc(100vh - 4.8rem - 9.6rem); }

html:not([data-touch-events]) .fullscreen.post-hero img { height: calc(100vh - 4.8rem - 9.6rem + 100px); -webkit-transform: translate3d(0, -100px, 0); -moz-transform: translate3d(0, -100px, 0); -ms-transform: translate3d(0, -100px, 0); -o-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

[data-touch-events] .fullscreen.post-hero .banner-image img { transform: none !important; }

.fullscreen .image-ratio { position: relative; width: 100%; height: 100%; }

.fullscreen .image-ratio img { width: 100%; height: 100%; }

.fullscreen .slideshow-title { position: absolute; z-index: 10; }

.fullscreen .slideshow { padding: 8rem 0; text-align: center; }

.fullscreen .slideshow .slide-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; width: 100%; height: 100%; }

.fullscreen .slideshow .image-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; width: 100%; height: calc(100% - 7.2rem - 1em); flex: 1; }

.fullscreen .slideshow .image-credit-icon { bottom: 0; right: 0; }

.fullscreen .slideshow button.slick-prev, .fullscreen .slideshow button.slick-next { height: 33vmin; }

.fullscreen .slideshow button.slick-prev:hover, .fullscreen .slideshow button.slick-prev:focus:not(:active), .fullscreen .slideshow button.slick-next:hover, .fullscreen .slideshow button.slick-next:focus:not(:active) { background-color: #231F20; }

.fullscreen .slideshow .slick-dots { bottom: 1.6rem; }

.home-hero-text { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

body[data-loaded][data-loading="false"] .home-hero-text { opacity: 1; }

.fixed-mask { position: absolute; width: 100%; height: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; z-index: 3; }

[data-touch-events] .fixed-mask { display: none; }

.fixed-mask::before, .fixed-mask::after { content: ''; display: block; position: relative; top: -1px; width: 3.2rem; height: calc(3.2rem + 1px); border-top: 1px solid; background-image: radial-gradient(circle at 50% 50%, rgba(255, 0, 0, 0) 1.6rem, red 1.6rem); z-index: 10; }

.fixed-mask::before { left: 1.6rem; clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%); }

.fixed-mask::after { right: 1.6rem; clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 50%); }

.fixed-mask.top { top: -1.6rem; border-top: 1.6rem solid; }

.fixed-mask.bottom { bottom: -1.6rem; border-bottom: 1.6rem solid; }

.fixed-mask.bottom::before, .fixed-mask.bottom::after { position: relative; top: -3.2rem; background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 255, 0) 1.6rem, blue 1.6rem); height: 3.2rem; border-top: 0; }

.fixed-mask.bottom::before { clip-path: polygon(50% 50%, 0 50%, 0 100%, 50% 100%); }

.fixed-mask.bottom::after { clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%); }

html:not([data-touch-events]) .post-hero .fixed-mask.top, .fixed-top .fixed-mask.top { position: fixed; top: 4.8rem; }

.fixed-bottom .fixed-mask.bottom { position: fixed; bottom: 0; }

.banner-image .fixed-mask::before { left: 0; }

.banner-image .fixed-mask::after { right: 0; }

.banner-image.fixed-top .fixed-mask.top, .banner-image.fixed-bottom .fixed-mask.bottom { left: 0; }

.banner-image.fixed-top .fixed-mask.top::before, .banner-image.fixed-bottom .fixed-mask.bottom::before { left: 1.6rem; }

.banner-image.fixed-top .fixed-mask.top::after, .banner-image.fixed-bottom .fixed-mask.bottom::after { right: 1.6rem; }

.hero-image { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden; }

.hero-image:not(.natural-image) { mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; }

.hero-image:not(.natural-image) .image-mask { opacity: 0.15; }

.hero-image:not(.natural-image) img { filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); -webkit-filter: grayscale(100%) contrast(1.5); filter: grayscale(100%) contrast(1.5); opacity: 0.75; }

.over-image { position: relative; z-index: 1; }

main.content .full-bleed .hero-image { top: 0; }

.full-bleed.fullscreen { height: 100vh; }

section.full-bleed { padding-top: 4.8rem; }

footer.full-bleed { z-index: 0; }

footer.full-bleed .hero-image { top: auto; bottom: 0; }

html:not([data-touch-events]) .full-bleed .hero-image { position: fixed; }

html:not([data-touch-events]) .full-bleed .post-hero img, html:not([data-touch-events]) .full-bleed .post-hero .image-mask { position: fixed; }

.split { position: relative; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

.split .split-image { position: relative; width: 100%; aspect-ratio: 1.7777777778; }

@supports not (aspect-ratio: 1.7777777778) { .split .split-image { height: 0; padding-top: 56.25%; }
  .split .split-image img { position: absolute; top: 0; left: 0; } }

.split .split-image > img { position: absolute; top: 0; left: 0; }

.split .split-image .slide-image { position: relative; width: 100%; height: 100%; }

.split .object-cover { background-color: rgba(0, 0, 0, 0.21); }

.split .image-credit { border-radius: 0; }

.split .image-credit-icon { border-radius: 1.6rem 0 0 0; }

.split .split-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

.split .split-text.about-text .wrap { padding-left: 0; }

.split .split-text.about-text + .about-text .wrap { padding-right: 0; }

@media only screen and (min-width: 700px) { .split:not(.toggle-block-split) { -webkit-flex-direction: row; flex-direction: row; } .split:not(.toggle-block-split):not(.align-top) { -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } .split:not(.toggle-block-split):not(.align-top) .split-text { -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; } .split:not(.toggle-block-split) .split-text + .split-text .wrap { padding-left: 0; } .split:not(.toggle-block-split) > div { flex-grow: 0; flex-basis: 50%; width: 50%; } .split:not(.toggle-block-split) .split-image:not(.object-cover) { height: 32vw; } .split:not(.toggle-block-split) .split-image.object-cover { height: 45vw; } .split-wrap .split:not(.toggle-block-split):nth-child(even), .split:not(.toggle-block-split).split-text-left { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } }

.split.toggle-block-split .split-text .wrap { margin-left: 0; padding: 1.6rem 0 0; }

.breadcrumb { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; }

.breadcrumb li:not(:last-child) { margin-right: 0.8rem; }

.breadcrumb li:not(:last-child)::after { content: '>'; margin-left: 0.8rem; }

.breadcrumb + h3 { margin-top: 1.6rem; }

@media only screen and (min-width: 769px) { .breadcrumb + h3 { margin-top: 3.2rem; } }

.slideshow { position: relative; width: 100%; height: 100%; overflow: hidden; }

.slideshow:not(.slick-initialized) > div:not(:first-child) { display: none; }

.slideshow .slick-list { height: 100%; position: relative; z-index: 1; }

.slideshow .slick-track { position: relative; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 auto; }

.slideshow .slide { position: relative; width: 100%; height: 100%; }

.slideshow iframe { width: 100%; }

.slideshow button.slick-prev, .slideshow button.slick-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ display: block; width: 4.8rem; height: calc(33vw); z-index: 2; text-indent: 1500%; white-space: nowrap; overflow: hidden; will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border: 0; cursor: pointer; }

.slideshow button.slick-prev:hover, .slideshow button.slick-prev:focus:not(:active), .slideshow button.slick-next:hover, .slideshow button.slick-next:focus:not(:active) { opacity: 1; }

.slideshow button.slick-prev:hover svg, .slideshow button.slick-prev:focus:not(:active) svg, .slideshow button.slick-next:hover svg, .slideshow button.slick-next:focus:not(:active) svg { fill: #ffffff; }

@media only screen and (min-width: 700px) { .slideshow button.slick-prev, .slideshow button.slick-next { height: 16.5vw; } }

.slideshow button.slick-prev svg, .slideshow button.slick-next svg { margin: auto; }

.slideshow button.slick-prev[aria-disabled="true"] { -webkit-transform: translateX(-100%) translateY(-50%); -moz-transform: translateX(-100%) translateY(-50%); -ms-transform: translateX(-100%) translateY(-50%); -o-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.slideshow button.slick-next[aria-disabled="true"] { -webkit-transform: translateX(100%) translateY(-50%); -moz-transform: translateX(100%) translateY(-50%); -ms-transform: translateX(100%) translateY(-50%); -o-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.slideshow.post-carousel button.slick-prev svg, .slideshow.post-carousel button.slick-next svg, .slideshow.large-carousel button.slick-prev svg, .slideshow.large-carousel button.slick-next svg, .white-text .slideshow button.slick-prev svg, .white-text .slideshow button.slick-next svg, .slideshow.white-text button.slick-prev svg, .slideshow.white-text button.slick-next svg { fill: #ffffff; }

.slideshow button.slick-prev { background-repeat: no-repeat; -webkit-background-size: 1.2rem auto; -moz-background-size: 1.2rem auto; -o-background-size: 1.2rem auto; background-size: 1.2rem auto; background-position: 50% 50%; left: 0; }

.slideshow button.slick-next { background-repeat: no-repeat; -webkit-background-size: 1.2rem auto; -moz-background-size: 1.2rem auto; -o-background-size: 1.2rem auto; background-size: 1.2rem auto; background-position: 50% 50%; right: 0; }

.slideshow .slick-dots { position: absolute; bottom: 0; left: 50%; width: 100%; -webkit-transform: translateX(-50%) translateY(0.3rem); -moz-transform: translateX(-50%) translateY(0.3rem); -ms-transform: translateX(-50%) translateY(0.3rem); -o-transform: translateX(-50%) translateY(0.3rem); transform: translateX(-50%) translateY(0.3rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ z-index: 2; letter-spacing: -0.31em; text-rendering: optimizeLegibility; text-align: center; }

.slideshow .slick-dots li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 0 0.8rem; position: relative; vertical-align: middle; }

.slideshow .slick-dots li button { display: block; width: 0.8rem; height: 0.8rem; color: inherit; border: 1px solid; padding: 0; border-radius: 50%; text-indent: 1500%; white-space: nowrap; overflow: hidden; font-size: 0; line-height: 0; margin: 0 auto; will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.slideshow .slick-dots li button::after { content: ''; display: block; width: 2.4rem; height: 2.4rem; position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.slideshow .slick-dots li:not(.slick-active) button:hover, .slideshow .slick-dots li:not(.slick-active) button:focus:not(:active) { background-color: #fc9947; }

.slideshow + button.slick-prev { display: none !important; }

.slideshow + button.slick-prev + button.slick-next { display: none !important; }

.slide-image { width: 100%; height: 100%; }

.slide-image video, .slide-image img { position: absolute; top: 0; left: 0; }

.single-image.slideshow { width: 100%; height: initial; }

.single-image.slideshow .image-credit-icon, .single-image.slideshow .image-credit { display: none; }

.single-image.slideshow .slide-image { position: relative; width: 100%; height: initial; }

.single-image.slideshow .slide-image img { position: relative; width: 100%; height: auto; max-height: calc(100vh - 14.4rem); }

.inline-slideshow.slideshow { margin: 0 -4.8rem; width: calc(100% + 9.6rem); overflow: hidden; }

.inline-slideshow.slideshow.slick-dotted { padding-bottom: 3.2rem; }

.inline-slideshow.slideshow button.slick-prev, .inline-slideshow.slideshow button.slick-next { opacity: 0; }

.inline-slideshow.slideshow button.slick-prev:hover, .inline-slideshow.slideshow button.slick-prev:focus:not(:active), .inline-slideshow.slideshow button.slick-next:hover, .inline-slideshow.slideshow button.slick-next:focus:not(:active) { background-color: #ffffff; }

.inline-slideshow.slideshow button.slick-prev:hover svg, .inline-slideshow.slideshow button.slick-prev:focus:not(:active) svg, .inline-slideshow.slideshow button.slick-next:hover svg, .inline-slideshow.slideshow button.slick-next:focus:not(:active) svg { fill: #231F20; }

.inline-slideshow.slideshow:hover button.slick-prev, .inline-slideshow.slideshow:hover button.slick-next { opacity: 1; }

.inline-slideshow.slideshow:hover .slide-image { object-fit: contain !important; font-family: 'object-fit: contain;'; }

.inline-slideshow.slideshow .slide { padding: 0 4.8rem; }

@media only screen and (max-width: 699px) { .inline-slideshow.slideshow .slide .wrap:not(.image-caption) { padding: 0; } }

.inline-slideshow.slideshow .image-credit-icon, .inline-slideshow.slideshow .image-credit { display: none; }

.inline-slideshow.slideshow .slide-image { position: relative; width: 100%; height: 0; padding-bottom: 75%; }

.slideshow-layout:not(:last-child) .slideshow:not(.fullscreen-slideshow) { position: relative; padding-bottom: 4.8rem; }

.slideshow-layout:not(:last-child) .slideshow:not(.fullscreen-slideshow) .slick-dots { bottom: 1.6rem; }

.slideshow-layout:not(:last-child) .slideshow:not(.fullscreen-slideshow)::after { content: ''; display: block; position: absolute; left: 4.8rem; right: 4.8rem; bottom: 0; border-top: 1px solid; }

.slideshow-layout:not(:last-child) .slideshow:not(.fullscreen-slideshow).single-image { padding-bottom: 3.2rem; }

.slideshow-layout:not(:last-child) .slideshow:not(.fullscreen-slideshow).single-image::after { left: 0; right: 0; }

[data-touch-events] .slideshow button.slick-prev, [data-touch-events] .slideshow button.slick-next { display: none !important; }

.post-carousel { overflow: visible; }

.post-carousel .slick-list { margin: -3px; }

.post-carousel button.slick-prev, .post-carousel button.slick-next { background-color: rgba(35, 31, 32, 0.95); width: 3.2rem; top: 3px; bottom: 3px; height: calc(100% - 6px); transform: none; opacity: 0; }

.post-carousel button.slick-prev:hover, .post-carousel button.slick-prev:focus:not(:active), .post-carousel button.slick-next:hover, .post-carousel button.slick-next:focus:not(:active) { background-color: #fc9947; }

.post-carousel:focus-within button.slick-prev, .post-carousel:focus-within button.slick-next, .post-carousel:hover button.slick-prev, .post-carousel:hover button.slick-next { opacity: 1; }

.post-carousel button.slick-prev { left: -1.6rem; }

.post-carousel button.slick-prev[aria-disabled="true"] { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.post-carousel button.slick-next { right: -1.6rem; }

.post-carousel button.slick-next[aria-disabled="true"] { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.post-carousel:not(.slick-initialized) .preview { width: 100%; }

@media only screen and (min-width: 600px) { .post-carousel:not(.slick-initialized) .preview { width: 50%; } }

@media only screen and (min-width: 900px) { .post-carousel:not(.slick-initialized) .preview { width: 33.3333333333%; } }

@media only screen and (min-width: 1280px) { .post-carousel:not(.slick-initialized) .preview { width: 25%; } }

[data-touch-events] .post-carousel:not(.slick-initialized) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; -webkit-flex-direction: row; flex-direction: row; overflow-x: scroll; overflow-y: hidden; scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none; }

[data-touch-events] .post-carousel:not(.slick-initialized)::-webkit-scrollbar { display: none; }

[data-touch-events] .post-carousel:not(.slick-initialized) .preview { display: block !important; scroll-snap-align: start; flex: 1 0 auto; }

@media only screen and (max-width: 599px) { [data-touch-events] .post-carousel:not(.slick-initialized) { margin: 0 calc(-1.6rem - 3px); width: calc(100% + 3.2rem + 6px); } [data-touch-events] .post-carousel:not(.slick-initialized) .preview { width: calc(100% - 3.2rem); scroll-snap-align: center; } [data-touch-events] .post-carousel:not(.slick-initialized) .scrim { display: inline-block !important; border-left: 1.6rem solid transparent; } }

@media only screen and (min-width: 600px) { [data-touch-events] .post-carousel:not(.slick-initialized) { margin: 0 -3px; width: calc(100% + 6px); } }

.large-carousel { overflow: visible; padding: 1px 0; }

.large-carousel button.slick-prev, .large-carousel button.slick-next { background-color: rgba(35, 31, 32, 0.95); }

.large-carousel button.slick-prev:hover, .large-carousel button.slick-prev:focus:not(:active), .large-carousel button.slick-next:hover, .large-carousel button.slick-next:focus:not(:active) { background-color: #fc9947; }

@media only screen and (max-width: 699px) { .large-carousel button.slick-prev, .large-carousel button.slick-next { top: 25%; width: 6.4rem; } .large-carousel button.slick-prev:not(:hover):not(:focus), .large-carousel button.slick-next:not(:hover):not(:focus) { background-color: transparent; } .large-carousel button.slick-prev svg, .large-carousel button.slick-next svg { fill: #ffffff; } }

@media only screen and (min-width: 700px) { .large-carousel button.slick-prev, .large-carousel button.slick-next { top: calc(16.5vw + 3.2rem); width: 4.8rem; } }

@media only screen and (max-width: 699px) { .large-carousel.slick-dotted .preview { padding-bottom: 11.2rem; } .large-carousel.slick-dotted .button-wrap { bottom: 4.8rem; } .large-carousel.slick-dotted .slick-dots { bottom: 1.6rem; } }

.feature-slideshow button.slick-prev, .feature-slideshow button.slick-next { width: 6.4rem; }

@media only screen and (max-width: 699px) { .feature-slideshow button.slick-prev, .feature-slideshow button.slick-next { top: 25%; } .feature-slideshow button.slick-prev svg, .feature-slideshow button.slick-next svg { fill: #ffffff; } }

@media only screen and (min-width: 769px) { .feature-slideshow:not(.slick-initialized) .wrap { width: 50vw !important; } .feature-slideshow button.slick-prev svg { fill: #ffffff; margin-left: 3.2rem; } .feature-slideshow button.slick-next svg { margin-right: 3.2rem; } .feature-slideshow .split-image { padding-right: 1.6rem; } .feature-slideshow .split-text { padding-left: 1.6rem; } }

.feature-slideshow .slick-dots li { margin: 0 1.6rem 0 0; }

@media only screen and (min-width: 700px) { .feature-slideshow .slick-dots { text-align: left; transform: none; left: calc(50% + 3.2rem); bottom: 3.2rem; } }

@media only screen and (min-width: 769px) { .feature-slideshow .slick-dots { left: calc(50% + 4.8rem); } }

@media only screen and (min-width: 1024px) { .feature-slideshow .slick-dots { left: calc(50% + 6.4rem); bottom: 4.8rem; } }

.slideshow-layout .fullscreen { margin-top: 1.6rem; }

.slideshow.fullscreen-slideshow button.slick-prev, .slideshow.fullscreen-slideshow button.slick-next { width: 6.4rem; }

.slideshow.fullscreen-slideshow button.slick-prev svg { margin-left: 3.2rem; }

.slideshow.fullscreen-slideshow button.slick-next svg { margin-right: 3.2rem; }

html:not([data-touch-events]) .slick-track, html:not([data-touch-events]) .slick-list, html:not([data-touch-events]) .slick-slide, html:not([data-touch-events]) .slick-slide .slick-slide img { transform: translate3d(0, 0, 0); }

div.slick-slider { width: 1px; min-width: 100%; *width: 100%; }

.subnav-wrap { width: 100%; }

.subnav-wrap.search-current-wrap:not(.fixed) { position: relative; }

.subnav-wrap.fixed.page-subnav-wrap { height: 4.8rem; }

.subnav-wrap.fixed.search-current-wrap { height: 3.2rem; }

.search-panel .subnav-wrap { background-color: #344354; }

@media only screen and (max-width: 1023px) { .subnav-wrap:not(.search-current-wrap) { display: none; } }

.post-subnav-region { position: relative; z-index: 1; }

.post-subnav-region + section { z-index: 0; }

.subnav.page-subnav { position: relative; width: 100%; text-align: center; }

.subnav.page-subnav ul { letter-spacing: -0.31em; text-rendering: optimizeLegibility; }

.subnav.page-subnav ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 0; }

.subnav.page-subnav ul li a { display: block; text-align: center; line-height: 4.8rem; padding: 0 1.6rem; white-space: nowrap; text-transform: uppercase; text-decoration: none; font-size: 90%; }

.subnav.page-subnav ul li a:hover, .subnav.page-subnav ul li a:focus:not(:active) { background-color: #7c4e2f; }

.subnav.page-subnav ul li a.current { cursor: default; }

.subnav.page-subnav ul li a.current span { border-bottom: 1px solid; }

.subnav.page-subnav ul li a.current:hover, .subnav.page-subnav ul li a.current:focus:not(:active) { background-color: transparent; }

.subnav.toc { display: none; }

@media only screen and (min-width: 1024px) { .subnav.toc { display: block; position: absolute; left: 0; top: 0; width: calc(50vw - 25em); padding-top: 3.2rem; } }

.subnav.toc ul { width: 100%; text-align: left; }

.subnav.toc li { display: block; margin: 0; }

.subnav.toc h4, .subnav.toc dl.accordion dt button, dl.accordion dt .subnav.toc button, .subnav.toc a { display: block; padding: 0.8rem 1.6rem; border-bottom: 1px solid #a59f9d; }

.subnav.toc h4, .subnav.toc dl.accordion dt button, dl.accordion dt .subnav.toc button { padding-top: 1.6rem; }

.subnav.toc a { text-decoration: none; }

.subnav.toc a:hover, .subnav.toc a:focus:not(:active) { background-color: #a59f9d; }

.subnav.toc a.current { background-color: #3a3736; color: #F5F4F0; }

.subnav-wrap.fixed .subnav { position: fixed; top: 4.8rem; }

.subnav-wrap.bottom .subnav { top: auto; bottom: 4.8rem; }

dl.accordion { border-bottom: 1px solid; text-align: left; }

dl.accordion dt { border-top: 1px solid; position: relative; cursor: ns-resize; }

dl.accordion dt button { display: block; width: 100%; border: 0; padding: 0; text-align: left; text-transform: none; padding: 0.8rem 3.2rem 0.8rem 0.8rem; color: inherit; }

dl.accordion dt button:hover, dl.accordion dt button:focus:not(:active) { background-color: #231F20; color: #F5F4F0; }

dl.accordion dt button::after { content: '+'; display: block; position: absolute; top: 50%; right: 0.8rem; cursor: pointer; line-height: inherit; font-size: 1.6rem; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ will-change: transform; -webkit-transition: transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out; -o-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }

dl.accordion dt.open button:after { -webkit-transform: translateY(-50%) rotate(-135deg); -moz-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); -o-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

dl.accordion dd { padding: 0.8rem 3.2rem 1.6rem 0.8rem; opacity: 0; will-change: opacity; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

body:not(.loaded) dl.accordion dd { display: none; }

dl.accordion dd.open { opacity: 1; }

.search-panel .wrap { position: relative; }

.search-panel form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; width: 100%; }

.search-panel form label, .search-panel form input { font-size: 128.5714285714%; line-height: 1.4; }

@-moz-document url-prefix() { .search-panel form label, .search-panel form input { line-height: 2.88rem !important; } }

@supports (-ms-ime-align: auto) { .search-panel form label, .search-panel form input { line-height: 2.88rem !important; } }

.search-panel form label span { text-transform: uppercase; }

.search-panel form input { width: 100%; margin: 0.8rem 0 0 0.8rem; padding-left: 0; padding-bottom: 0.8rem; border-width: 1px 0; border-top-color: #F5F4F0; }

.search-post-types { position: relative; border-top: 1px solid #231F20; z-index: 4; }

.search-post-types .ais-menu--item a { display: inline-block; font-size: 85.7142857143%; line-height: 1.6rem; text-transform: uppercase; text-decoration: none; padding: 1.6rem; }

.search-post-types .ais-menu--item a:hover, .search-post-types .ais-menu--item a:focus:not(:active) { background-color: #f9be62; }

.search-post-types .ais-menu--item.ais-menu--item__active a { background-color: #eddfca; }

.search-post-types .ais-menu--item.ais-menu--item__active a:hover, .search-post-types .ais-menu--item.ais-menu--item__active a:focus:not(:active) { background-color: #f9be62; }

@media only screen and (max-width: 767px) { .search-post-types .ais-menu--item { border-bottom: 1px solid #231F20; } .search-post-types .ais-menu--item a { width: 100%; padding: 0.8rem 1.6rem; } }

@media only screen and (min-width: 768px) { .search-post-types { border-bottom: 1px solid #231F20; } .search-post-types .ais-menu--list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } .search-post-types .ais-menu--item { border-right: 1px solid; } .search-post-types .ais-menu--item:first-child { border-left: 1px solid; } .search-post-types .ais-menu--item a { padding: 1.6rem; } @-moz-document url-prefix() { .search-post-types .ais-menu--item a { padding-bottom: 0.8rem; } } @supports (-ms-ime-align: auto) { .search-post-types .ais-menu--item a { padding-bottom: 0.8rem; } } }

@media only screen and (min-width: 900px) { .search-post-types .ais-menu--item a { padding: 1.6rem 3.2rem; } }

.search-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; }

@media only screen and (max-width: 767px) { .search-wrap section.search-terms { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; } }

@media only screen and (min-width: 768px) { .search-wrap section.search-terms { flex: 1; position: relative; z-index: 1; } .search-wrap section.search-results { flex: 3; position: relative; z-index: 0; } }

.search-current { display: block; width: 100%; position: relative; z-index: 2; }

.search-current .ais-current-refined-values--list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; z-index: 0; }

.search-current .ais-current-refined-values--list:empty + .ais-current-refined-values--clear-all { display: none; }

.search-current a { text-decoration: none; line-height: 1.6rem; }

.search-current a:hover div, .search-current a:focus:not(:active) div { color: #fc9947; }

.search-current .ais-current-refined-values--item { display: inline-block; }

.search-current .ais-current-refined-values--item .ais-current-refined-values--count { display: none; }

@media only screen and (max-width: 767px) { .search-current .ais-current-refined-values--list { -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; } .search-current .ais-current-refined-values--list:not(:empty) { padding: 0.4rem 4rem 0.4rem 1.6rem; } .search-current .ais-current-refined-values--item { padding: 0.4rem 0.8rem; padding-left: 1.6rem; background: url(../svg/x-white.svg) 0 50% no-repeat; text-align: left; } .search-current .ais-current-refined-values--clear-all { display: none; } }

@media only screen and (min-width: 768px) { .search-current .ais-current-refined-values--list { -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; } .search-current .ais-current-refined-values--list::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .search-current .ais-current-refined-values--list:not(:empty) { padding: 0.8rem 8em; } .search-current .ais-current-refined-values--item { display: inline-block; padding: 0 0.8rem; } .search-current .ais-current-refined-values--item .ais-current-refined-values--count { display: none; } .search-current .ais-current-refined-values--item + .ais-current-refined-values--item { border-left: 1px solid; } .search-current .ais-current-refined-values--clear-all { position: absolute; top: 50%; right: 6px; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ display: block; padding-left: 1.6rem; background: url(../svg/x-white.svg) 0 50% no-repeat; } }

.subnav-wrap.fixed .search-current { position: fixed; top: 4.8rem; }

.search-current-wrap { overflow: hidden; }

.search-current-wrap.fixed .search-current, .search-current-wrap.fixed .filter-button { position: fixed; top: 4.8rem; }

@media only screen and (max-width: 767px) { .search-current-wrap .filter-button { position: absolute; top: 0; right: 0; padding: 0.8rem 1.6rem; z-index: 3; color: inherit; } .search-current-wrap .filter-button svg { width: 1.6rem; height: 1.6rem; fill: #ffffff; } .search-current-wrap .filter-button:hover svg, .search-current-wrap .filter-button:focus:not(:active) svg { fill: #fc9947; } }

@media only screen and (min-width: 768px) { .search-current-wrap .filter-button { display: none; } }

.current-term { position: relative; z-index: 2; }

.current-term-details .current-term-description p { line-height: 1.5em; }

.current-term-details .current-term-description p:not(.expand) { max-height: 15em; -webkit-line-clamp: 10; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; visibility: visible; overflow: hidden; cursor: pointer; }

@media only screen and (max-width: 767px) { .current-term-details .current-term-description { padding-top: 4px; } }

@media only screen and (min-width: 768px) { .current-term-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .current-term-details .current-term-title { flex: 2; padding-right: 2.4rem; } .current-term-details .current-term-description { flex: 3; } }

@media only screen and (min-width: 900px) { .current-term-details .current-term-title small { position: absolute; top: 3.2rem; } }

.search-terms .term-list + .term-list { margin-top: 1.6rem; }

.search-terms .term-list h4, .search-terms .term-list dl.accordion dt button, dl.accordion dt .search-terms .term-list button { padding: 0 1.6rem 0.8rem; }

.search-terms .ais-refinement-list--label, .search-terms .ais-hierarchical-menu--link { font-size: 78.5714285714%; position: relative; display: block; padding: 0.8rem 3.2rem 0.8rem 1.6rem; border-bottom: 1px solid #a59f9d; }

@-moz-document url-prefix() { .search-terms .ais-refinement-list--label, .search-terms .ais-hierarchical-menu--link { padding-bottom: 0.4rem; } }

@supports (-ms-ime-align: auto) { .search-terms .ais-refinement-list--label, .search-terms .ais-hierarchical-menu--link { padding-bottom: 0.4rem; } }

.search-terms .ais-refinement-list--list { border-top: 1px solid #a59f9d; }

.search-terms .ais-refinement-list--label { padding-left: 4rem; }

.search-terms .ais-refinement-list--label input[type="checkbox"] { position: absolute; top: 1rem; left: 1.6rem; border-radius: 50%; border-color: #a59f9d; }

.search-terms .ais-refinement-list--label:hover input[type="checkbox"], .search-terms .ais-refinement-list--label:focus:not(:active) input[type="checkbox"] { background-color: #f9be62; border-color: #5b5756; }

.search-terms .ais-refinement-list--item__active .ais-refinement-list--label { background-color: #eddfca; }

.search-terms .ais-refinement-list--item__active .ais-refinement-list--label input[type="checkbox"] { background-color: #231F20; border-color: #231F20; }

.search-terms .ais-refinement-list--item__active .ais-refinement-list--label:hover input[type="checkbox"], .search-terms .ais-refinement-list--item__active .ais-refinement-list--label:focus:not(:active) input[type="checkbox"] { background-color: #ffffff; border-color: #a59f9d; }

.search-terms .ais-hierarchical-menu--list { border-top: 1px solid #a59f9d; }

.search-terms .ais-hierarchical-menu--list .ais-hierarchical-menu--list { border-left: 0.8rem solid #a59f9d; border-top: 0; }

.search-terms .ais-hierarchical-menu--link { text-decoration: none; }

.search-terms .ais-hierarchical-menu--link::after { content: '+'; position: absolute; top: 50%; right: 0.8rem; width: 1.6rem; font-size: 2rem; line-height: 1.6rem; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.search-terms .ais-hierarchical-menu--link:hover, .search-terms .ais-hierarchical-menu--link:focus:not(:active) { background-color: #f9be62; }

.search-terms .ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link { background-color: #eddfca; }

.search-terms .ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link::after { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.search-terms .ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link:hover, .search-terms .ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link:focus:not(:active) { background-color: #f9be62; }

.search-terms [data-count="1"], .search-terms [data-count="2"], .search-terms [data-count="3"] { display: none; }

@media only screen and (max-width: 767px) { .search-terms { position: fixed; top: 4.8rem; right: 0; bottom: 0; width: calc(100vw - 4.8rem); overflow-x: visible; overflow-y: auto; -webkit-overflow-scrolling: touch; will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 4; border-left: 1px solid #a59f9d; } .search-terms:not(.show) { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ } }

@media only screen and (min-width: 768px) { .search-terms .modal-close { display: none; } }

@media only screen and (max-width: 767px) { body.filters-open .search-panel, body.filters-open .search-results, body.filters-open .search-post-types, body.filters-open .search-current-wrap:not(.fixed) { will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 0.79; } body.filters-open .search-panel, body.filters-open .search-results, body.filters-open .search-post-types, body.filters-open .search-current-wrap { pointer-events: none; } }

.search-results { position: relative; z-index: 1; }

@media only screen and (max-width: 767px) { .search-results .filter-button { position: absolute; top: 0; right: 0; padding: 1.6rem; z-index: 1; color: inherit; } .search-results .filter-button svg { width: 1.6rem; height: 1.6rem; } .search-results .filter-button:hover svg, .search-results .filter-button:focus:not(:active) svg { fill: #fc9947; } }

@media only screen and (min-width: 768px) { .search-results .filter-button { display: none; } }

.ais-infinite-hits { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; padding: 3px; }

.ais-infinite-hits .ais-infinite-hits--item { width: 100%; }

@media only screen and (min-width: 768px) { .ais-infinite-hits .ais-infinite-hits--item { width: 50%; } }

@media only screen and (min-width: 1280px) { .ais-infinite-hits .ais-infinite-hits--item { width: 33.3333333333%; } }

@media only screen and (min-width: 1793px) { .ais-infinite-hits .ais-infinite-hits--item { width: 25%; } }

.ais-infinite-hits .preview { width: 100% !important; }

@media only screen and (min-width: 1025px) { .ais-infinite-hits .preview { min-height: calc((100vw - 3.2rem) / 3 * 0.6); } }

@media only screen and (min-width: 1793px) { .ais-infinite-hits .preview { min-height: calc((100vw - 3.2rem) / 4 * 0.6); } }

.full-width .ais-infinite-hits .ais-infinite-hits--item { width: 100%; }

@media only screen and (min-width: 600px) { .full-width .ais-infinite-hits .ais-infinite-hits--item { width: 50%; } }

@media only screen and (min-width: 768px) { .full-width .ais-infinite-hits .ais-infinite-hits--item { width: 33.3333333333%; } }

@media only screen and (min-width: 1280px) { .full-width .ais-infinite-hits .ais-infinite-hits--item { width: 25%; } }

.ais-infinite-hits.ais-infinite-hits__empty { padding: 6px; }

.ais-infinite-hits.ais-infinite-hits__empty .no-results { width: 100%; background-color: #e5dadd; padding: 1.6rem; text-align: center; }

.ais-infinite-hits--showmore button { display: block; width: calc(100% - 12px); margin: 0 6px 6px; text-align: center; text-transform: uppercase; padding: 1.6rem; background-color: #d6e1f2; color: #000000; }

.ais-infinite-hits--showmore button:hover, .ais-infinite-hits--showmore button:focus:not(:active) { background-color: #46597f; color: #ffffff; }

.ais-infinite-hits--showmore button[disabled] { display: none; }

.results-grid { position: relative; z-index: 1; }

.help-button { position: absolute; top: 0.6rem; right: 0.6rem; width: 2rem; height: 2rem; background-color: #f9be62; color: #ffffff; border-radius: 50%; font-size: 85.7142857143%; line-height: 2rem; text-align: center; }

.help-button:hover, .help-button:focus:not(:active) { background-color: #fc9947; }

@-moz-document url-prefix() { .help-button { padding-top: 0.2rem; } }

@supports (-ms-ime-align: auto) { .help-button { padding-top: 0.2rem; } }

.help-button.selected { background-color: #eddfca; color: #231F20; -webkit-box-shadow: 0 0 0 1px #231F20; -moz-box-shadow: 0 0 0 1px #231F20; box-shadow: 0 0 0 1px #231F20; }

.help-button.selected:hover, .help-button.selected:focus:not(:active) { background-color: #fc9947; }

.search-post-types .help-button { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

@media only screen and (max-width: 767px) { .help-button { display: none; } }

.help-panel { position: absolute; background-color: #eddfca; padding: 1.6rem; -webkit-box-shadow: 0 0 0 2px #231F20; -moz-box-shadow: 0 0 0 2px #231F20; box-shadow: 0 0 0 2px #231F20; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.125s, opacity 0.125s linear; will-change: visibility, opacity; }

.help-panel.show { visibility: visible; opacity: 1; transition-delay: 0s; }

.help-panel::before { content: ''; position: absolute; display: block; width: 0; height: 0; z-index: -1; }

.help-panel[data-help="post-types"] { top: calc(100% + 2.4rem); left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ max-width: calc(50vw - 3.2rem - 10px); }

.help-panel[data-help="post-types"]::before { left: 50%; top: calc(-3.2rem + 2px); border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-bottom: 3.2rem solid #eddfca; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ -webkit-filter: drop-shadow(0 -3px 0 #231F20); -moz-filter: drop-shadow(0 -3px 0 #231F20); -ms-filter: drop-shadow(0 -3px 0 #231F20); -o-filter: drop-shadow(0 -3px 0 #231F20); filter: drop-shadow(0 -3px 0 #231F20); }

.help-panel[data-help="terms"] { left: calc(100% + 2.4rem); top: 2.4rem; width: 66.666vw; width: calc(75vw - 4.8rem); }

@media only screen and (min-width: 1280px) { .help-panel[data-help="terms"] { width: calc(50vw - 4.8rem); } }

.help-panel[data-help="terms"]::before { top: 50%; left: calc(-3.2rem + 2px); border-bottom: 2rem solid transparent; border-top: 2rem solid transparent; border-right: 3.2rem solid #eddfca; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ -webkit-filter: drop-shadow(-3px 0 0 #231F20); -moz-filter: drop-shadow(-3px 0 0 #231F20); -ms-filter: drop-shadow(-3px 0 0 #231F20); -o-filter: drop-shadow(-3px 0 0 #231F20); filter: drop-shadow(-3px 0 0 #231F20); }

.help-panel[data-help="posts"] { top: 2.4rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.help-panel[data-help="posts"]::before { left: 50%; bottom: calc(-3.2rem + 2px); border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-top: 3.2rem solid #eddfca; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ -webkit-filter: drop-shadow(0 3px 0 #231F20); -moz-filter: drop-shadow(0 3px 0 #231F20); -ms-filter: drop-shadow(0 3px 0 #231F20); -o-filter: drop-shadow(0 3px 0 #231F20); filter: drop-shadow(0 3px 0 #231F20); }

.help-panel[data-help="posts"] .preview { border: 1px solid #231F20; }

.help-panel[data-help="posts"] .preview a { color: #231F20 !important; }

.help-panel ul { list-style: disc; padding-left: 2rem; }

.help-panel ul li { margin-top: 4px; }

@media only screen and (max-width: 767px) { .help-panel { display: none; } }

.preview.loading .background { background-image: linear-gradient(to right, rgba(165, 159, 157, 0), #a59f9d, rgba(165, 159, 157, 0)); -webkit-background-size: 200% 100%; -moz-background-size: 200% 100%; -o-background-size: 200% 100%; background-size: 200% 100%; -webkit-animation: loading 1.5s linear 0s infinite normal forwards; -moz-animation: loading 1.5s linear 0s infinite normal forwards; animation: loading 1.5s linear 0s infinite normal forwards; cursor: wait; }

.modal-close { position: absolute; top: 0; right: 0; padding: 1.6rem; z-index: 1; color: inherit; }

.modal-close svg { width: 1.6rem; height: 1.6rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.modal-close:hover svg, .modal-close:focus:not(:active) svg { fill: #fc9947; }

.modal { position: fixed; top: 4.8rem; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.modal .modal-wrap { min-height: 100%; overflow: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-flex-direction: column; flex-direction: column; }

body:not([data-loaded]) .modal { display: none; }

.modal:not(.show) iframe, .modal:not(.show) .slide-wrap { -webkit-transform: translateY(100vw); -moz-transform: translateY(100vw); -ms-transform: translateY(100vw); -o-transform: translateY(100vw); transform: translateY(100vw); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.modal:not(.loading).show { visibility: visible; opacity: 1; transition-delay: 0s; }

.modal .wrap { position: relative; }

.modal.panel-modal { left: auto; bottom: auto; overflow: visible; }

.modal.panel-modal.loading { -webkit-transform: translateY(100vh); -moz-transform: translateY(100vh); -ms-transform: translateY(100vh); -o-transform: translateY(100vh); transform: translateY(100vh); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

@media only screen and (max-width: 1279px) { .modal.panel-modal { position: fixed; right: 0; top: 4.8rem; height: calc(100vh - 4.8rem); overflow: hidden; will-change: transform; -webkit-transition: transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out; -o-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; width: 33.333%; z-index: 3; } .modal.panel-modal:not(.show) { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ } .modal.panel-modal .panel { height: 100%; } .modal.panel-modal .panel-content { max-height: calc(100vh - 9.6rem); overflow: auto; } }

@media only screen and (max-width: 1023px) { .modal.panel-modal { width: 50%; } }

@media only screen and (max-width: 450px) { .modal.panel-modal { width: calc(100vw - 4.8rem); } }

@media only screen and (min-width: 1280px) { .modal.panel-modal { position: absolute; top: 0; right: 0; width: calc(50vw - 25em); } }

.timer-modal { background-color: rgba(0, 0, 0, 0.5); }

.timer-modal .wrap { will-change: transform; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }

.timer-modal:not(.show) .wrap { -webkit-transform: translateY(3.2rem); -moz-transform: translateY(3.2rem); -ms-transform: translateY(3.2rem); -o-transform: translateY(3.2rem); transform: translateY(3.2rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

@media only screen and (min-width: 600px) { .timer-modal .wrap { min-width: 42em; } }

.timer-modal .smcx-widget, .timer-modal .smcx-iframe-container, .timer-modal .smcx-widget iframe { width: 100% !important; max-width: 100% !important; border: 0 !important; height: 360px !important; }

.timer-modal .smcx-widget-footer { display: none !important; }

[data-panel-content] { display: none; }

.panel-arrow { position: absolute; top: 50%; left: -3.2rem; display: block; width: 0; height: 0; border-top: 2.4rem solid transparent; border-bottom: 2.4rem solid transparent; border-right: 3.2rem solid #3a3736; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ z-index: -1; }

@media only screen and (min-width: 1280px) { .panel-arrow::before { content: ''; display: block; width: calc(50vw - 25em); height: 5.6rem; background-color: #3a3736; position: absolute; left: 3.2rem; top: -2.4rem; z-index: -1; } }

.panel-title { padding: 1.6rem 2.4rem; border-bottom: 1px solid #a59f9d; }

.panel-title h4, .panel-title dl.accordion dt button, dl.accordion dt .panel-title button { line-height: 1.6rem; }

.panel-content { padding: 3.2rem 2.4rem; }

.panel-content.posts { padding: 0.8rem; }

@media only screen and (max-width: 1279px) { body.panel-open .content-wrap, body.panel-open footer { will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 0.79; pointer-events: none; } }

.post-toggles { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-content: center; /* Safari 7.0+ */ align-content: center; }

.post-toggles button:not(.help-button) { display: block; width: 100%; border-top: 1px solid #3a3736; border-bottom: 1px solid #3a3736; position: relative; height: 6.4rem; padding: 0 1.6rem; text-transform: uppercase; line-height: 1.8rem; }

.post-toggles button:not(.help-button) + button:not(.help-button) { border-left: 1px solid #3a3736; }

.post-toggles button:not(.help-button):hover, .post-toggles button:not(.help-button):focus:not(:active) { background-color: #ffffff; }

.post-toggles button:not(.help-button) span { display: inline-block; margin-left: 0.4rem; }

.post-toggles button:not(.help-button) svg { position: absolute; top: 50%; right: 1.6rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ width: 1.2rem; height: 1.2rem; will-change: transform; -webkit-transition: transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out; -o-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }

@media only screen and (max-width: 699px) { .post-toggles button:not(.help-button) svg { display: none; } }

.post-toggles.active button.open { border-bottom-color: #5b5756; background-color: #3a3736; color: #ffffff; }

.post-toggles.active button.open svg { fill: #ffffff; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

@media only screen and (min-width: 700px) { .post-toggles.active button.open:hover, .post-toggles.active button.open:focus:not(:active) { background-color: #231F20; } }

.toggle-content { position: relative; z-index: 2; }

.toggle-block { position: absolute; width: 100%; z-index: 1; }

.toggle-block .wrap { padding: 1.6rem; opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }

.toggle-block .wrap:nth-child(even) { background-color: #5b5756; }

.toggle-block a.wrap { text-decoration: none; }

.toggle-block a.wrap:hover, .toggle-block a.wrap:focus:not(:active) { background-color: #231F20; color: #fc9947; }

.toggle-block a.inline-button:hover, .toggle-block a.inline-button:focus:not(:active) { color: #fc9947; }

.toggle-block.open .wrap { opacity: 1; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; }

.toggle-block h3 + p, .toggle-block h3 + ul { margin-top: 0.8rem; }

.toggle-block.post-functions p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

.toggle-block .preview { border: none; }

.toggle-block .preview a { text-decoration: none; }

.toggle-block .button-wrap { margin-top: 1.6rem; }

.toggle-block .button:not(:hover):not(:focus) { background-color: transparent !important; }

.toggle-block .button:hover, .toggle-block .button:focus:not(:active) { color: #3a3736 !important; }

.toggle-block .button:hover svg, .toggle-block .button:focus:not(:active) svg { fill: #3a3736 !important; }

@media only screen and (max-width: 768px) { .toggle-block .split-text .wrap { padding-left: 0; padding-right: 0; } }

@media only screen and (min-width: 769px) { .toggle-block:only-child, .toggle-block:nth-child(1):nth-last-child(3), .toggle-block:nth-child(2):nth-last-child(2), .toggle-block:nth-child(3):nth-last-child(1), .toggle-block:nth-child(1):nth-last-child(2), .toggle-block:nth-child(2):nth-last-child(1) { width: 50%; } .toggle-block:only-child, .toggle-block:nth-child(2):nth-last-child(2) { left: 25%; } .toggle-block:nth-child(3):nth-last-child(1) { left: 50%; } .toggle-block:nth-child(2):nth-last-child(1) { left: 50%; } .toggle-block:nth-child(1) { -webkit-box-shadow: 1px 0 0 #3a3736; -moz-box-shadow: 1px 0 0 #3a3736; box-shadow: 1px 0 0 #3a3736; } }

.document-set { padding: 1.6rem 0; }

.document-list { padding-top: 0.8rem; }

.document-list li { padding-bottom: 0.8rem; }

.document-list a { text-decoration: none; }

.document-list a:hover, .document-list a:focus:not(:active) { color: #fc9947; }

.post-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; border-top: 1px solid; padding-top: 0.8rem; }

.post-details li { width: 100%; padding-right: 3.2rem; }

@media only screen and (min-width: 450px) { .post-details li { width: 50%; } }

h4 + .post-details, dl.accordion dt button + .post-details { margin-top: 0.4rem; }

.post-details.sdgs { padding-left: 0 !important; margin-bottom: -1.6rem; }

.post-details.sdgs li { list-style-type: none; padding-top: 0.8rem; padding-bottom: 1.6rem; }

@media only screen and (max-width: 450px) { .post-details.sdgs li { width: 100%; } }

.post-details.sdgs div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

.post-details.sdgs img { width: auto; height: auto; max-width: 6.4rem; max-height: 4.8rem; }

.post-details.sdgs p { padding-left: 1.6rem; }

.collection-preview { padding: 1.6rem; overflow: hidden; }

.collection-preview .banner-image { position: relative; height: 36vmax; z-index: 1; background-color: rgba(0, 0, 0, 0.21); }

.collection-preview .banner-image .image-wrap { overflow: hidden; }

.collection-preview .banner-image img, .collection-preview .banner-image .image-wrap { position: relative; width: 100%; height: 100%; }

html:not([data-touch-events]) .collection-preview .banner-image img { height: calc(137.5%); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

[data-touch-events] .collection-preview .banner-image img { transform: none !important; }

.collection-preview q.quote::before { margin-left: -0.42em; }

.collection-preview q + cite { margin-top: 4px; }

.collection-preview p { margin-top: 3.2rem; }

@media only screen and (max-width: 699px) { .collection-preview > .wrap { padding: 0; } .collection-preview .split-text + .split-text .wrap { padding-top: 0; } }

.contributor-profile { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

.contributor-profile.wrap { max-width: 70em; }

.contributor-profile .profile-photo { display: block; width: 24rem; height: 24rem; }

.contributor-profile .profile-photo img { border-radius: 50%; }

.contributor-profile .profile-text { padding: 3.2rem 0 0 0; }

@media only screen and (min-width: 700px) { .contributor-profile { -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } .contributor-profile .profile-text { flex: 1; padding: 1.6rem 0 1.6rem 4.8rem; } }

.source-list { padding-left: 1.6rem; }

@media only screen and (min-width: 700px) { .source-list { padding-left: 3.2rem; } }

.source-list dd { border-bottom: 1px solid; position: relative; padding: 3.2rem 0; }

.source-list h4 + p, .source-list dl.accordion dt button + p, dl.accordion dt .source-list button + p { font-size: 85.7142857143%; margin-top: 0.4rem; }

.source-list .source-meta { position: relative; padding-right: 3.2rem; }

.source-list .source-meta:not(:only-child) { padding-top: 1.6rem; }

.source-list .embedly-card { display: none; }

.source-list [data-show-panel] { display: block; position: absolute; top: 0; right: 0; z-index: 2; width: 1.6rem; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; cursor: context-menu; }

.source-list [data-show-panel] svg { width: 1.2rem; height: 1.2rem; will-change: transform; -webkit-transition: transform 0.125s ease-in-out; -moz-transition: transform 0.125s ease-in-out; -o-transition: transform 0.125s ease-in-out; transition: transform 0.125s ease-in-out; }

.source-list [data-show-panel]:hover svg, .source-list [data-show-panel]:focus:not(:active) svg { fill: #fc9947; }

.source-list [data-show-panel].loading { cursor: wait; opacity: 0.5; }

[data-show-related] { cursor: alias; }

[data-term] { border-bottom: 1px dashed; cursor: help; }

[data-term].loading { padding: 2px; margin: -2px; -webkit-background-size: 200% 100%; -moz-background-size: 200% 100%; -o-background-size: 200% 100%; background-size: 200% 100%; border-bottom-color: transparent !important; -webkit-animation: loading 1s linear 0s infinite normal forwards; -moz-animation: loading 1s linear 0s infinite normal forwards; animation: loading 1s linear 0s infinite normal forwards; cursor: wait; }

@-webkit-keyframes loading { 0% { background-position: -100% 0; }
  100% { background-position: 100% 0; } }

@-moz-keyframes loading { 0% { background-position: -100% 0; }
  100% { background-position: 100% 0; } }

@keyframes loading { 0% { background-position: -100% 0; }
  100% { background-position: 100% 0; } }

.button.search-button { display: inline-flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

.button.search-button svg { width: 1em; height: 1em; margin-right: 0.5em; }

.highlight-green a:not(.button):hover, .highlight-green a:not(.button):focus:not(:active), .highlight-green .inline-button:hover, .highlight-green .inline-button:focus:not(:active) { color: #2f5b47; }

.highlight-green [data-term] { border-color: #2f5b47; }

.highlight-green [data-term].loading { background-image: linear-gradient(to right, rgba(219, 233, 223, 0), #dbe9df, rgba(219, 233, 223, 0)); }

.highlight-green .button.search-button:hover svg, .highlight-green .button.search-button:focus:not(:active) svg { fill: #2f5b47 !important; }

.highlight-blue a:not(.button):hover, .highlight-blue a:not(.button):focus:not(:active), .highlight-blue .inline-button:hover, .highlight-blue .inline-button:focus:not(:active) { color: #46597f; }

.highlight-blue [data-term] { border-color: #46597f; }

.highlight-blue [data-term].loading { background-image: linear-gradient(to right, rgba(214, 225, 242, 0), #d6e1f2, rgba(214, 225, 242, 0)); }

.highlight-blue .button.search-button:hover svg, .highlight-blue .button.search-button:focus:not(:active) svg { fill: #46597f !important; }

.highlight-brown a:not(.button):hover, .highlight-brown a:not(.button):focus:not(:active), .highlight-brown .inline-button:hover, .highlight-brown .inline-button:focus:not(:active) { color: #915c30; }

.highlight-brown [data-term] { border-color: #915c30; }

.highlight-brown [data-term].loading { background-image: linear-gradient(to right, rgba(237, 223, 202, 0), #eddfca, rgba(237, 223, 202, 0)); }

.highlight-brown .button.search-button:hover svg, .highlight-brown .button.search-button:focus:not(:active) svg { fill: #915c30 !important; }

.highlight-red a:not(.button):hover, .highlight-red a:not(.button):focus:not(:active), .highlight-red .inline-button:hover, .highlight-red .inline-button:focus:not(:active) { color: #9b4b3e; }

.highlight-red [data-term] { border-color: #9b4b3e; }

.highlight-red [data-term].loading { background-image: linear-gradient(to right, rgba(229, 218, 221, 0), #e5dadd, rgba(229, 218, 221, 0)); }

.highlight-red .button.search-button:hover svg, .highlight-red .button.search-button:focus:not(:active) svg { fill: #9b4b3e !important; }

.quote-wrap { padding-bottom: 1.6rem; border-bottom: 1px solid; }

.quote-wrap q { line-height: 23/19; }

.quote-wrap q + cite { margin-top: 0.8rem; }

.quote-wrap:not(.flush-top) { border-top: 1px solid; padding-top: 1.6rem; }

[data-listen] { display: block; width: 3.2rem; height: 3.2rem; border-radius: 50%; -webkit-background-size: 1.6rem auto; -moz-background-size: 1.6rem auto; -o-background-size: 1.6rem auto; background-size: 1.6rem auto; text-indent: 1500%; white-space: nowrap; overflow: hidden; will-change: box-shadow; -webkit-transition: box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; }

[data-listen] svg { margin: auto; }

@-moz-document url-prefix() { [data-listen] { display: none; } }

.align-center [data-listen] { margin: 0 auto 1.6rem; border: 1px solid #000000; }

.align-center [data-listen]:hover, .align-center [data-listen]:focus:not(:active) { background-color: #000000; }

.align-center [data-listen]:hover svg, .align-center [data-listen]:focus:not(:active) svg { fill: #ffffff; }

.align-center [data-listen].playing { box-shadow: 0 0 0 0.8rem #9b4b3e; }

.panel [data-listen] { margin-right: 1.6rem; float: left; border: 1px solid #ffffff; }

.panel [data-listen]:hover, .panel [data-listen]:focus:not(:active) { background-color: #ffffff; }

.panel [data-listen]:hover svg, .panel [data-listen]:focus:not(:active) svg { fill: #3a3736; }

.panel [data-listen].playing { box-shadow: 0 0 0 0.8rem #a59f9d; }

[data-listen] + audio + h3 { line-height: 3.2rem; }

audio[controls] { width: 100%; border-radius: 3.2rem; box-shadow: 0 0 0 0.4rem #a59f9d; }

.balance-text { text-rendering: optimizeLegibility; opacity: 0; will-change: opacity; -webkit-transition: opacity 0.125s ease-in-out; -moz-transition: opacity 0.125s ease-in-out; -o-transition: opacity 0.125s ease-in-out; transition: opacity 0.125s ease-in-out; }

.balance-text + h3, .balance-text + .button-wrap { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.125s ease-in-out; -moz-transition: opacity 0.125s ease-in-out; -o-transition: opacity 0.125s ease-in-out; transition: opacity 0.125s ease-in-out; }

html[data-ios-browser] .balance-text, .balance-text[style] { opacity: 1; }

html[data-ios-browser] .balance-text + h3, html[data-ios-browser] .balance-text + .button-wrap, .balance-text[style] + h3, .balance-text[style] + .button-wrap { opacity: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .balance-text { opacity: 1; } .balance-text + h3, .balance-text + .button-wrap { opacity: 1; } }

[data-sizes="auto"] { width: 100%; }

[data-src] { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }

[data-src].lazyloaded { opacity: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { [data-src] { opacity: 1; } }

[data-video] { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }

[data-video][data-loaded] { opacity: 1; }

.object-height { overflow: hidden; }

.object-height video, .object-height img { height: 100%; width: initial; max-width: initial; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.admin-edit { padding: 28px; background: #663936; text-align: center; position: relative; z-index: 2; }

.admin-edit a { color: #ffffff; }

.preview-image { position: relative; width: 100%; height: 0; padding-bottom: 66%; overflow: hidden; background-color: rgba(0, 0, 0, 0.21); }

.preview-image img { position: absolute; top: 0; left: 0; }

.preview { position: relative; }

.preview.collection { background-color: #9b4b3e; }

.preview.strategy { background-color: #2f5b47; }

.preview.innovation { background-color: #46597f; }

.preview.resource { background-color: #915c30; }

.preview:not(.full) { min-height: calc((100vw - 3.2rem) * 0.6); }

@media only screen and (min-width: 600px) { .preview:not(.full) { min-height: calc((100vw - 3.2rem) / 2 * 0.6); } }

@media only screen and (min-width: 900px) { .preview:not(.full) { min-height: calc((100vw - 3.2rem) / 3 * 0.6); } }

@media only screen and (min-width: 1280px) { .preview:not(.full) { min-height: calc((100vw - 3.2rem) / 4 * 0.6); } }

.preview:not(.full) a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; height: 100%; color: #ffffff !important; text-decoration: none; }

.preview:not(.full) a .preview-details { display: block; }

.preview:not(.full) a .preview-description { display: none; }

.preview:not(.full) a:hover .background, .preview:not(.full) a:focus:not(:active) .background { mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; }

.preview:not(.full) a:hover .background img, .preview:not(.full) a:focus:not(:active) .background img { filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); -webkit-filter: grayscale(100%) contrast(1.5); filter: grayscale(100%) contrast(1.5); opacity: 0.5; }

@media only screen and (min-width: 769px) { .preview:not(.full) a:hover .preview-details, .preview:not(.full) a:focus:not(:active) .preview-details { display: none; } .preview:not(.full) a:hover .preview-description, .preview:not(.full) a:focus:not(:active) .preview-description { display: block; } }

.preview:not(.full) .preview-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: 1.6rem; }

.preview:not(.full) .preview-text h4 + p, .preview:not(.full) .preview-text dl.accordion dt button + p, dl.accordion dt .preview:not(.full) .preview-text button + p { margin-top: 4px; }

.preview:not(.full) .preview-description, .preview:not(.full) .preview-details { position: absolute; top: 50%; left: 1.6rem; right: 1.6rem; bottom: 1.6rem; }

.preview:not(.full) .preview-details p { font-size: 85.7142857143%; }

.preview:not(.full) .preview-description p { font-size: 107.1428571429%; line-height: 1.5; display: -webkit-box; height: 3em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word; visibility: visible; }

@media only screen and (min-width: 769px) { .preview:not(.full) .preview-description p { height: 4.5em; -webkit-line-clamp: 3; } }

@media only screen and (min-width: 1440px) { .preview:not(.full) .preview-description p { height: 6em; -webkit-line-clamp: 4; } }

.preview:not(.full) small { text-transform: uppercase; line-height: 1; display: inherit; }

.preview.full { box-shadow: 0 0 0 1px #a59f9d; padding: 3.2rem 1.6rem 9.6rem; }

.preview.full .preview-text { padding: 2.4rem 1.6rem 0; }

.preview.full .preview-meta { text-transform: uppercase; font-size: 128.5714285714%; margin-top: 4px; }

.preview.full p:not(.preview-meta) { margin-top: 0.8rem; }

.preview.full .button-wrap { position: absolute; bottom: 3.2rem; }

.educator-details { border-bottom: 1px solid #a59f9d; }

.background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; }

.inline-posts .preview { width: 100%; border: 0 !important; min-height: calc((100vw - 3.2rem) * 0.42); }

@media only screen and (min-width: 600px) { .inline-posts .preview { min-height: calc((100vw - 3.2rem) * 0.3); } .inline-posts .preview .preview-description, .inline-posts .preview .preview-details { top: 62.5%; } }

@media only screen and (min-width: 1024px) { .inline-posts .preview { min-height: calc((100vw - 3.2rem) * 0.2); } }

@media only screen and (min-width: 1440px) { .inline-posts .preview { min-height: calc((100vw - 3.2rem) * 0.15); } }

.inline-posts .preview + .preview { margin-top: 6px; }

.inline-posts .preview .preview-description p { height: 3em; -webkit-line-clamp: 2; }

.image-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; }

.disabled { opacity: 0.5; cursor: default; }

.collection-label h3 { padding-bottom: 4px; border-bottom: 1px solid; }

.image-caption { font-size: 90%; padding: 1.6rem 1.6rem 0; word-wrap: break-word; }

.media-layout:not(:last-child) > .media-wrap:not(.audio-wrap) { position: relative; overflow: visible; padding-bottom: 3.2rem; margin-bottom: 1.6rem; }

.media-layout:not(:last-child) > .media-wrap:not(.audio-wrap)::after { content: ''; display: block; position: absolute; left: 1.6rem; right: 1.6rem; bottom: 0; border-top: 1px solid; }

@media only screen and (min-width: 769px) { .media-layout:not(:last-child) > .media-wrap:not(.audio-wrap)::after { left: 3.2rem; right: 3.2rem; } }

@media only screen and (min-width: 1024px) { .media-layout:not(:last-child) > .media-wrap:not(.audio-wrap)::after { left: 4.8rem; right: 4.8rem; } }

.image-credit { position: absolute; bottom: 0; left: 0; right: 0; padding: 1.28rem 4.8rem; z-index: 2; text-align: center; line-height: 1.92rem; border-radius: 0 0 1.6rem 1.6rem; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.125s, opacity 0.125s linear; will-change: visibility, opacity; }

.image-credit.show { visibility: visible; opacity: 1; transition-delay: 0s; }

.image-credit a { color: #ffffff !important; }

@media only screen and (max-width: 399px) { .image-credit { display: none; } }

.image-credit-icon { position: absolute; bottom: 0; right: 0; padding: 1.6rem; cursor: pointer; z-index: 3; background-color: rgba(0, 0, 0, 0.21); border-radius: 1.6rem 0 1.6rem 0; will-change: background-color; -webkit-transition: background-color 0.125s ease-in-out; -moz-transition: background-color 0.125s ease-in-out; -o-transition: background-color 0.125s ease-in-out; transition: background-color 0.125s ease-in-out; }

.image-credit-icon:hover, .image-credit-icon:focus:not(:active) { background-color: rgba(0, 0, 0, 0.79); }

.image-credit-icon svg { fill: #ffffff; width: 1.28rem; height: 1.28rem; will-change: transform; -webkit-transition: transform 0.125s ease-in-out; -moz-transition: transform 0.125s ease-in-out; -o-transition: transform 0.125s ease-in-out; transition: transform 0.125s ease-in-out; }

.image-credit.show + .image-credit-icon svg { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

@media only screen and (max-width: 399px) { .image-credit-icon { display: none; } }

.hidden { display: none; visibility: hidden; }

header:not(.opaque), .over-image { text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }

header:not(.opaque) svg, .over-image svg { -webkit-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5)); -moz-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5)); -ms-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5)); -o-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5)); }

header:not(.opaque) a:hover svg, header:not(.opaque) a:focus svg, .over-image a:hover svg, .over-image a:focus svg { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }

@media only screen and (min-width: 400px) { .home-intro h2 + p { margin-top: 3.2rem; } }

@media only screen and (min-width: 769px) { .home-intro { padding-bottom: 4.8rem; } .home-intro h2 + p { margin-top: 4.8rem; } }

[data-touch-events] .home-intro { background-color: #dbe9df; }

@media only screen and (min-width: 700px) { [data-touch-events] .home-intro { padding-bottom: 0; } }

.home-notice-wrap { padding: 5em 0 0; }

.home-notice-wrap .wrap { padding: 5em 0; }

.home-notice-wrap .wrap::before { content: ''; display: block; width: 28em; height: 28em; position: absolute; top: 50%; left: 50%; border: 2px solid #2f5b47; border-radius: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ z-index: 0; }

.home-notice-wrap .wrap h3, .home-notice-wrap .wrap p, .home-notice-wrap .wrap .button-wrap { display: block; max-width: 24em; margin-left: auto; margin-right: auto; }

.home-notice-wrap .wrap h3 { max-width: 12em; }

@media only screen and (min-width: 700px) { .home-notice-wrap { padding: 8em 0; } .home-notice-wrap .wrap { padding: 8em 0; } }

.transparent-image img { background-color: #ffffff; }

.by-civilization { position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.by-civilization a { display: block; padding: 1.6rem; }

.by-civilization a:not(:hover):not(:focus) svg .c { display: none; }

.by-civilization svg { height: 2.4rem; }

[role="form"] .screen-reader-response { padding-bottom: 1.6rem; display: none; }

[role="form"] .screen-reader-response li { color: #9b4b3e; }

form.wpcf7-form label { display: block; }

form.wpcf7-form label input:not([type="checkbox"]), form.wpcf7-form label textarea { margin-top: 0.4rem; }

form.wpcf7-form[data-status="invalid"] .wpcf7-validates-as-required.wpcf7-not-valid { border-color: #9b4b3e; }

form.wpcf7-form[data-status="invalid"] .wpcf7-response-output, form.wpcf7-form[data-status="invalid"] .wpcf7-not-valid-tip { color: #9b4b3e; }

form.wpcf7-form[data-status="invalid"] .wpcf7-response-output { margin-top: 1.6rem; }

.ask-step h3 + p { margin-top: 0.2rem; }

@media only screen and (min-width: 769px) { .ask-step h3 { font-size: 150%; } }

.ask-step + .ask-step { margin-top: 3.2rem; }

.elements-bg { background-image: url(../png/an-elements-bg.png); }

.elements-bg h3 + p { margin-top: 0; }

.elements-video video { width: 100%; max-width: 48rem; margin: 0 auto; }

@media only screen and (min-width: 700px) { .elements-video { padding-right: 3.2rem; } }

.language-select { position: fixed; bottom: 0; right: 0; padding: 1.6rem; }

.language-select select { background-color: #ffffff; font-size: 85.7142857143%; }

pre.admin-pre { position: fixed; left: 0; right: 0; bottom: 0; height: auto; max-height: 25vh; background-color: rgba(0, 0, 0, 0.9); color: #ffffff; font: 75% monospace; padding: 5rem; overflow: auto; z-index: 100; white-space: pre; border-top: 2px solid red; text-align: left; }

.pause-animations * { animation: none !important; transition: none !important; }

[data-touch-events] select, [data-touch-events] textarea, [data-touch-events] input[type="text"], [data-touch-events] input[type="password"], [data-touch-events] input[type="datetime"], [data-touch-events] input[type="datetime-local"], [data-touch-events] input[type="date"], [data-touch-events] input[type="month"], [data-touch-events] input[type="time"], [data-touch-events] input[type="week"], [data-touch-events] input[type="number"], [data-touch-events] input[type="email"], [data-touch-events] input[type="url"] { font-size: 16px; }
