/* !*!*!*!*!*!*!NOTES!*!*!*!*!*!*! When you see em(XX), that's a function that divides XX by 16 and multiplies by 1em, so it essentially calculates the value in ems for you going off a base 16. If the base becomes something else (like if you set a new font size), you'll have to do it the old fashioned way - or you can use the power of Maths to do something like (XX/YY)*1em where XX is the value and YY is the new base font size. It works. */ /* ============================================== */ /* Mixins */ /* ============================================== */ /* ============================================== */ /* CSS Triangles Like Whoa! */ /* ============================================== */ /* ---------------------------------------------------------------------- */ /*! MEDIA QUERIES /* ---------------------------------------------------------------------- */ /* Breakpoints */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { list-style-type: none; margin: 0; } dd { margin: 0; } menu, ol, ul { padding: 0; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row { width: 1092px; max-width: 100%; min-width: 768px; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -3px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -3px; } .row .row.collapse { margin: 0; } .column, .columns { float: left; min-height: 1px; padding: 0 16px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } /* [class*="column"] + [class*="column"]:last-child { float: right; } */ [class*="column"] + [class*="column"].end { float: left; } .one, .row .one { width: 8.33333%; } .two, .row .two { width: 16.66667%; } .three, .row .three { width: 25%; } .four, .row .four { width: 33.33333%; } .five, .row .five { width: 41.66667%; } .six, .row .six { width: 50%; } .seven, .row .seven { width: 58.33333%; } .eight, .row .eight { width: 66.66667%; } .nine, .row .nine { width: 75%; } .ten, .row .ten { width: 83.33333%; } .eleven, .row .eleven { width: 91.66667%; } .twelve, .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 8.33333%; } .row .offset-by-two { margin-left: 16.66667%; } .row .offset-by-three { margin-left: 25%; } .row .offset-by-four { margin-left: 33.33333%; } .row .offset-by-five { margin-left: 41.66667%; } .row .offset-by-six { margin-left: 50%; } .row .offset-by-seven { margin-left: 58.33333%; } .row .offset-by-eight { margin-left: 66.66667%; } .row .offset-by-nine { margin-left: 75%; } .row .offset-by-ten { margin-left: 83.33333%; } .push-two { left: 16.66667%; } .pull-two { right: 16.66667%; } .push-three { left: 25%; } .pull-three { right: 25%; } .push-four { left: 33.33333%; } .pull-four { right: 33.33333%; } .push-five { left: 41.66667%; } .pull-five { right: 41.66667%; } .push-six { left: 50%; } .pull-six { right: 50%; } .push-seven { left: 58.33333%; } .pull-seven { right: 58.33333%; } .push-eight { left: 66.66667%; } .pull-eight { right: 66.66667%; } .push-nine { left: 75%; } .pull-nine { right: 75%; } .push-ten { left: 83.33333%; } .pull-ten { right: 83.33333%; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none !important; } /* ============================================== */ /* ROW CLEARFIX */ /* ============================================== */ .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } /* ============================================== */ /* MEDIA QUERIES */ /* ============================================== */ @media only screen and (max-width: 768px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } /* Mobile 4-column Grid */ .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; } .row .mobile-one:last-child { float: right; } .row.collapse .mobile-one { padding: 0; } .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; } .row .mobile-two:last-child { float: right; } .row.collapse .mobile-two { padding: 0; } .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; } .row .mobile-three:last-child { float: right; } .row.collapse .mobile-three { padding: 0; } .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; } .row .mobile-four:last-child { float: right; } .row.collapse .mobile-four { padding: 0; } .push-one-mobile { left: 25%; } .pull-one-mobile { right: 25%; } .push-two-mobile { left: 50%; } .pull-two-mobile { right: 50%; } .push-three-mobile { left: 75%; } .pull-three-mobile { right: 75%; } } html { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { background: #302b2f; font-family: "franklin-gothic-urw", sans-serif; color: #302b2f; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #302b2f; font-weight: bold; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } h3.dottitle { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; color: #302b2f; text-align: center; overflow: hidden; position: relative; font-style: italic; } h3.dottitle span { position: relative; } h3.dottitle span:before, h3.dottitle span:after { content: ""; height: 3px; position: absolute; top: 50%; margin-top: -1px; width: 800px; background: url("../images/layout/dot.png") repeat-x; } h3.dottitle span:before { right: 100%; margin-right: 15px; } h3.dottitle span:after { left: 100%; margin-left: 15px; } h6 { color: #302b2f; font-size: 1.25em; line-height: 1; font-weight: 700; font-family: "franklin-gothic-urw", sans-serif; padding: 1em 0; text-align: center; border-top: 4px solid #c4c8ab; border-top: 4px solid rgba(137, 146, 88, 0.5); margin: 1.5em 0 0 0; display: inline-block; width: 100%; } address { color: #302b2f; } p { margin: 0; color: #302b2f; padding: 0; } a { -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; text-decoration: none; color: #e8c360; } a:focus { outline: 0; } a img { vertical-align: bottom; } blockquote { font-family: "Sentinel A", "Sentinel B", georgia, serif; color: #302b2f; font-style: italic; font-size: 1.375em; line-height: 1.36; margin: 0; padding: 0; position: relative; height: auto; } blockquote:before { content: ""; width: 3px; background: #e8c360; left: -22px; top: 11px; bottom: 11px; position: absolute; } address { margin-bottom: 20px; } .entry ul li a { color: #889158; font-weight: 700; font-style: italic; } .center-text { text-align: center; } .gallery dl dt img { max-width: 150px; margin: 0 !important; } .gallery dl.gallery-item { margin-bottom: 10px; } @media (max-width: 560px) { .gallery dl.gallery-item { float: none !important; margin: 10px auto !important; width: 100% !important; } } .gallery dl dt a { display: inline-block; } @media (max-width: 560px) { .gallery br { display: none; } } table { width: 100%; } tr:nth-child(odd) { background: #f9f9f6; } th { color: #302b2f; text-align: left; padding: 1.25em; text-transform: uppercase; } td { padding: 1.25em; vertical-align: top; } td strong { color: #889158; font-weight: 700; } @media (max-width: 768px) { table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } div.table-wrapper div.scrollable { margin-left: 35%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } } .stripe.sandy { background: url("../images/layout/paper-bg.jpg") repeat; } .stripe.dark-sandy { background: url("../images/layout/dark-paper-bg.jpg") repeat; } .button { text-transform: uppercase; display: inline-block; text-decoration: none; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; letter-spacing: 0.06em; line-height: 1; font-size: 1em; position: relative; } .button.green { color: #fff; text-shadow: 1px 1px 2px #6c7248; text-shadow: 1px 1px 2px rgba(25, 23, 24, 0.25); background: #889158; padding: 0.9375em 1.5625em; border: 1px solid #717947; border-bottom: 5px solid #717947; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .button.green:hover { background: #7f8752; border-bottom: 5px solid #686f41; } .button.gold { color: #fff; padding: 0.9375em 1.5625em; text-shadow: 1px 1px 2px #6c7248; text-shadow: 1px 1px 2px rgba(25, 23, 24, 0.25); background: #e8c360; border: 1px solid #d6b251; border-radius: 3px; border-bottom: 5px solid #d6b251; } .button.gold:hover { background: #e6be53; border-bottom: 5px solid #d3ad45; } .button.teal { color: #fff; text-shadow: 1px 1px 2px #6c7248; text-shadow: 1px 1px 2px rgba(25, 23, 24, 0.25); background: #498499; padding: 0.9375em 1.5625em; border: 1px solid #3f7384; border-bottom: 5px solid #3f7384; border-radius: 3px; } .button.teal:hover { background: #447b8f; border-bottom: 5px solid #3a6a7a; } .button.interior { padding: 0.9375em 2.8125em; } .button.hollow { color: #fff; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0.9375em 2.5em; font-size: 1.25em; } .button.hollow:hover { background: #fff; color: #e8c360; } .superButton { text-transform: uppercase; display: inline-block; text-decoration: none; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; letter-spacing: 0.06em; line-height: 1; font-size: 1em; position: relative; } .superButton i { padding: 0.9375em 1.5625em 0.9375em 1.5625em; display: inline-block; margin-left: 0.9375em; } .superButton i:before { width: auto; margin: 0; font-size: 1.25em; } .superButton.green { color: #fff; text-shadow: 1px 1px 2px #6c7248; text-shadow: 1px 1px 2px rgba(25, 23, 24, 0.25); background: #889158; border: 1px solid #717947; border-bottom: 5px solid #717947; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .superButton.green:hover { background: #7f8752; border-bottom: 5px solid #686f41; } .superButton.green i { border-left: 1px solid #6a7145; } .superButton.green span { margin-left: 1.5625em; } .superButton.gold { color: #fff; text-shadow: 1px 1px 2px #6c7248; text-shadow: 1px 1px 2px rgba(25, 23, 24, 0.25); background: #e8c360; border: 1px solid #d6b251; border-bottom: 5px solid #d6b251; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .superButton.gold:hover { background: #e6be53; border-bottom: 5px solid #d3ad45; } .superButton.gold i { border-left: 1px solid #e2b233; margin-left: 2.1875em; padding: 0.9375em 0.9375em; } .superButton.gold span { margin-left: 2.1875em; } a.read-more { color: #302b2f; text-transform: uppercase; font-size: 1.125em; font-weight: 700; position: relative; } a.read-more i:before { color: #e8c360; margin-right: 10px; font-size: 0.55556em; position: relative; top: -2px; } a.read-more:hover { color: #e8c360; } img.alignleft { float: left; margin: 5px 20px 5px 0; } img.alignright { float: right; margin: 5px 0 5px 20px; } img.aligncenter { display: block; margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } .wp-caption.alignright { margin: 5px 0 5px 10px; } .right-cta { margin-top: 50px; text-align: right; background: url(../images/layout/dot.png) repeat-x center 10px; } .right-cta.no-margin { margin-top: 0; } .right-cta a.read-more { font-size: 0.875em; color: #302b2f; position: relative; background: url(../images/layout/paper-bg.jpg) repeat; padding: 0 0 0 0.57143em; } @media (max-width: 768px) { .right-cta a.read-more { background: url(../images/layout/paper-bg.jpg) repeat; } } .right-cta a.read-more:hover { color: #e8c360; } span.red { color: #a15331; } span.green { color: #889158; } span.yellow { color: #e8c360; } span.orange { color: #cf8944; } span.blue { color: #498499; } #fourohfour { padding-top: 10.625em; padding-bottom: 5.625em; text-align: center; } @media (max-width: 580px) { #fourohfour { padding-top: 10.4375em; padding-bottom: 5em; } } @media (max-width: 420px) { #fourohfour { padding-top: 7.9375em; padding-bottom: 2.5em; } } #fourohfour .button { margin-top: 50px; padding: 15px 50px; } @media (max-width: 420px) { #fourohfour .button { font-size: 0.8125em; } } #fourohfour h1 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 4.5em; text-transform: none; line-height: 1; margin-bottom: 40px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); } #fourohfour h1 .divider { display: inline-block; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase; position: relative; line-height: 1; color: #498499; } @media (max-width: 290px) { #fourohfour h1 .divider { font-size: 12px; } } #fourohfour h1 .divider:after { position: absolute; height: 2px; width: 50px; background: #e8c360; left: 110%; top: 50%; margin: -1px 0 0 0; content: ""; -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); } #fourohfour h1 .divider:before { position: absolute; height: 2px; width: 50px; background: #e8c360; right: 110%; top: 50%; margin: -1px 0 0 0; content: ""; -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); } @media (max-width: 640px) { #fourohfour h1 .divider { font-size: 16px; } } @media (max-width: 840px) { #fourohfour h1 { font-size: 4em; } } @media (max-width: 640px) { #fourohfour h1 { font-size: 3.5em; } } @media (max-width: 500px) { #fourohfour h1 { font-size: 3em; } } @media (max-width: 420px) { #fourohfour h1 { font-size: 2.5em; margin-bottom: 20px; } } @media (max-width: 360px) { #fourohfour h1 { font-size: 2.25em; } } @media (max-width: 320px) { #fourohfour h1 { font-size: 30px; } } #fourohfour p { font-family: "franklin-gothic-urw", sans-serif; font-size: 1.375em; line-height: 1.3; padding: 0 20px; max-width: 620px; margin: 0 auto 30px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); } @media (max-width: 630px) { #fourohfour p { font-size: 1em; } } @media (max-width: 420px) { #fourohfour p { font-size: 0.8125em; margin-bottom: 20px; } } #header { position: fixed; top: 0; width: 100%; padding: 0.9375em 0; z-index: 99998; background: #fff; -moz-box-shadow: 0 0 8px rgba(48, 43, 47, 0.4); -webkit-box-shadow: 0 0 8px rgba(48, 43, 47, 0.4); box-shadow: 0 0 8px rgba(48, 43, 47, 0.4); } .admin-bar #header { top: 32px; } @media screen and (max-width: 782px) { .admin-bar #header { top: 46px; } } a.logo { display: inline-block; position: relative; z-index: 99999; width: 150px; height: 80px; background: url("../images/svg/logo.svg") no-repeat; background-size: 150px 80px; } @media (max-width: 720px) { a.logo { background-size: 100px 53px; width: 100px; height: 53px; } } .rightSide { position: absolute; bottom: -15px; right: 1em; } @media (max-width: 720px) { .rightSide { top: 0; bottom: 0; right: 0; } } .social-nav { float: right; margin-bottom: 20px; } .social-nav form { float: right; margin: 0 1.25em; position: relative; } .social-nav label { position: absolute; color: #889158; left: 6px; z-index: 9999; font-size: 11.5px; top: 50%; margin-top: -8px; } .social-nav input { width: 120px; height: 27px; font-size: 14px; background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #979597; color: #302b2f; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-style: italic; font-size: 0.875em; line-height: 1; padding: 0.4375em 1em 0.4375em 2.375em; max-width: 8.75em; -webkit-appearance: none; box-shadow: none !important; } .social-nav ul { float: right; } .social-nav ul li { margin: 0 0 0 0.625em; float: left; } .social-nav ul li a { display: inline-block; } .social-nav ul li a img { vertical-align: middle; } @media (max-width: 1000px) { .social-nav { margin-bottom: 10px; } } @media (max-width: 720px) { .social-nav { display: none; } } .utility-menu { float: right; margin-bottom: 20px; } .utility-menu li { margin: 0 0 0 1.25em; float: left; line-height: 27px; } .utility-menu a { color: #302b2f; font-size: 0.875em; } .utility-menu a:hover { color: #e8c360; } @media (max-width: 1000px) { .utility-menu { margin-bottom: 10px; } } @media (max-width: 720px) { .utility-menu { display: none; } } .main-nav { float: right; width: 100%; } .main-nav ul { float: right; } .main-nav ul li { float: left; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1em; margin-left: 2.5em; position: relative; padding-bottom: 30px; } .main-nav ul li.mobile-show { display: none; } .main-nav ul li.current-menu-item:before { content: ""; width: 0; height: 0; border: 4px solid transparent; position: absolute; border-left: 4px solid #889158; left: -11px; top: 4px; } @media (max-width: 1200px) { .main-nav ul li.about ul { left: auto; right: -10px; text-align: right; } } @media (max-width: 930px) { .main-nav ul li { margin-left: 1.25em; } } @media (max-width: 780px) { .main-nav ul li { margin-left: 0.9375em; } } .main-nav ul li a { color: #889158; font-weight: 700; font-size: 1.125em; } .main-nav ul li a:hover { color: #e8c360; } .main-nav ul li a.blog { color: #e8c360; } @media (max-width: 1000px) { .main-nav ul li a { font-size: 1em; } } @media (max-width: 840px) { .main-nav ul li a { font-size: 0.875em; } } @media (max-width: 780px) { .main-nav ul li a { font-size: 0.8125em; } } .main-nav ul li:hover > a { color: #e8c360; } .main-nav ul li:hover > .sub-menu { display: block; } .main-nav ul li ul { display: none; float: none; position: absolute; left: 0; top: 100%; padding: 0.625em 0.625em 0.625em 0.625em; background: #302b2f; background: rgba(48, 43, 47, 0.75); text-align: left; } @media (max-width: 1210px) { .main-nav ul li ul { right: 0; left: auto; text-align: right; } } .main-nav ul li ul li { float: none; display: block; margin: 0 0 15px 0; font-size: 14px; padding: 0; white-space: nowrap; } .main-nav ul li ul li.current-menu-item a { color: #e8c360; } .main-nav ul li ul li.current-menu-item:before { display: none; } .main-nav ul li ul li a { padding: 0; font-size: 14px; display: block; color: #fff; } @media (max-width: 1000px) { .main-nav ul li ul li a { font-size: 13px; } } @media (max-width: 780px) { .main-nav ul li ul li a { font-size: 12px; } } @media (max-width: 720px) { .main-nav ul li ul { display: block; } } @media (max-width: 720px) { .main-nav { display: none; } } .searchform .tooltip { display: block; position: absolute; z-index: 0; top: 25px; left: 50%; margin: 20px 0 0 -100px; padding: 1em .875em; width: 200px; text-align: center; opacity: 0; background: rgba(48, 43, 47, 0.95); border-top: 5px solid #e8c360; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .searchform .tooltip.js-show { top: 20px; opacity: 1; z-index: 999; } .searchform .tooltip-content { font-size: .875em; line-height: 1.25; color: #fff; } .searchform .tooltip:after { content: ''; position: absolute; top: -25px; left: 50%; margin-left: -10px; height: 0; width: 0; border: solid transparent; border-color: transparent; border-bottom-color: #e8c360; border-width: 10px; } #mobile-searchform .tooltip { margin-left: 0; left: 0; top: 40px; } #mobile-searchform .tooltip.js-show { left: 0; margin-left: 0; top: 35px; } #respond-main-menu { display: none; } @media (max-width: 720px) { #respond-main-menu { display: block; } } .mobile-menu { display: none; position: fixed; left: 0; right: 0; top: 87px; bottom: 0; padding: 32px; overflow: auto; background: #302b2f; background: rgba(48, 43, 47, 0.9); } .mobile-menu form { margin: 10px 0; position: relative; } .mobile-menu label { position: absolute; color: #fff; left: 6px; z-index: 9999; font-size: 11.5px; top: 50%; margin-top: -8px; } .mobile-menu input { width: 220px; height: 40px; font-size: 14px; background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #fff; color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-style: italic; font-size: 14px; line-height: 40px; padding: 0.4375em 1em 0.4375em 2.375em; -webkit-appearance: none; box-shadow: none !important; } .mobile-menu ul li { font-size: 1.375em; text-transform: uppercase; font-weight: 700; margin: 0 0 10px 0; } .mobile-menu ul li.mobile-show { font-size: 16px; } .mobile-menu ul li.mobile-show.first { padding-top: 10px; border-top: 1px solid #999; } .mobile-menu ul li a { color: #fff; position: relative; } .mobile-menu ul li a:hover, .mobile-menu ul li a:active { color: #e8c360; } .mobile-menu ul li.menu-item-has-children > a:after { content: ""; content: ""; width: 0; height: 0; border: 8px solid transparent; position: absolute; border-left: 8px solid #ffffff; position: absolute; right: -30px; top: 5px; } .mobile-menu ul li.menu-item-has-children.is-active > a { color: #e8c360; } .mobile-menu ul li.menu-item-has-children.is-active > a:after { content: ""; width: 0; height: 0; border: 8px solid transparent; position: absolute; border-top: 8px solid #e8c360; top: 9px; } .mobile-menu ul.mobile-submenu { margin: 20px 0; padding: 0 0 0 10px; display: none; } .mobile-menu ul.mobile-submenu li { font-size: 16px; text-transform: none; font-weight: normal; } .mobile-trigger { display: none; border: none; background: transparent; padding: 0; position: absolute; top: 11px; right: 10px; font-size: 32px; color: #302b2f; } .mobile-trigger:before { width: auto !important; line-height: 1 !important; margin: 0 !important; } @media (max-width: 720px) { .mobile-trigger { display: block; } } #footer-contact { position: relative; height: 240px; padding: 60px 0 0 0; vertical-align: bottom; } @media (max-width: 700px) { #footer-contact { padding: 0; } } @media (max-width: 520px) { #footer-contact { height: 290px; } } #footer-contact:before { content: ""; height: 240px; float: left; width: 100%; bottom: -10px; position: absolute; background: url("../images/layout/footer-image.jpg"); background-size: cover; z-index: 90; } @media (max-width: 520px) { #footer-contact:before { height: 290px; } } #footer-contact .row { position: relative; z-index: 110; } #footer-contact h3 { font-size: 1.75em; text-transform: uppercase; margin: 0 0 15px 0; } #footer-contact .address { line-height: 1.333; float: left; font-size: 1.125em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; } #footer-contact .address.first { margin: 0 100px 0 0; } @media (max-width: 800px) { #footer-contact .address.first { margin-right: 50px; } } @media (max-width: 700px) { #footer-contact .address.first { margin: 0; padding-left: 0; } } @media (max-width: 520px) { #footer-contact .address.first { margin: 0 0 20px 0; } } @media (max-width: 760px) { #footer-contact .address { font-size: 1em; } } @media (max-width: 700px) { #footer-contact .address { width: 50%; padding-left: 20px; } } @media (max-width: 520px) { #footer-contact .address { width: 100%; padding: 0; margin: 0 0 20px 0; } } #footer-contact .address span { font-family: "franklin-gothic-urw", sans-serif; } #footer-contact .address a { color: #302b2f; } #footer-contact .address a:hover { color: #889158; } #footer-contact .address a.email { margin: 10px 0 0 0; display: block; } #footer-contact .social-footer { float: right; } @media (max-width: 700px) { #footer-contact .social-footer { float: left; width: 100%; } } #footer-contact .social-footer ul { float: right; } @media (max-width: 700px) { #footer-contact .social-footer ul { float: left; } } #footer-contact .social-footer ul li { float: left; margin: 0 0 0 10px; } #footer-contact .social-footer ul li a { display: inline-block; } #footer-contact .social-footer ul li a img { vertical-align: middle; } @media (max-width: 700px) { #footer-contact .social-footer ul li { margin: 0 10px 0 0; } } #footer-contact a.donate { margin: 15px 0 0 0; float: left; width: 100%; text-align: right; color: #302b2f; font-size: 0.875em; text-transform: uppercase; font-weight: 700; } #footer-contact a.donate i:before { margin-right: 5px; font-size: 0.66667em; position: relative; top: -2px; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } @media (max-width: 700px) { #footer-contact a.donate { text-align: left; } } #footer-contact a.donate:hover, #footer-contact a.donate:hover i:before { color: #889158; } #footercap { position: relative; height: 30px; } #footercap:after { content: ""; height: 30px; float: left; width: 100%; bottom: 0px; position: absolute; background: url("../images/layout/footer-bg.png") repeat-x; z-index: 100; } #footer { padding: 0.625em 0 1.875em 0; } #footer .left { width: 100%; float: left; } @media (max-width: 720px) { #footer .left { width: 50%; } } @media (max-width: 480px) { #footer .left { width: 100%; margin-bottom: 1.25em; } } #footer p { width: 50%; float: left; color: #f4f0e6; font-size: 0.875em; margin: 0 0 0.35714em 0; line-height: 1.5; } #footer p a { color: #fff; position: relative; } #footer p a:hover { color: #e8c360; } #footer p.right { text-align: right; } @media (max-width: 720px) { #footer p.right { text-align: left; } } #footer p i:before { margin-left: 0; font-size: 28px; margin-left: 5px; position: relative; top: 5px; } @media (max-width: 720px) { #footer p { width: 100%; } } @media (max-width: 400px) { #footer p { font-size: 0.75em; } } #footer .utility-nav { display: none; margin: 0; width: 50%; } @media (max-width: 480px) { #footer .utility-nav ul { float: left; } } #footer .utility-nav ul li { margin-top: 0; } #footer .utility-nav ul li a { color: #f4f0e6; } #footer .utility-nav ul li a:hover { color: #e8c360; } #footer .utility-nav ul li a i:before { width: auto; margin: 0; } #footer .utility-nav form { clear: both; margin: 1.25em 0 0 0; } @media (max-width: 480px) { #footer .utility-nav form { float: left; width: 100%; } #footer .utility-nav form input { max-width: 100%; width: 50%; } } @media (max-width: 380px) { #footer .utility-nav form input { width: 100%; } } @media (max-width: 720px) { #footer .utility-nav { display: block; } } @media (max-width: 480px) { #footer .utility-nav { width: 100%; float: left; } } .hasCards .three h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 2.375em; line-height: 1.1; border-top: 5px solid #e8c360; padding: 0.65789em 0 0 0; } .hasCards .three h2 span { font-weight: 400; display: block; } @media (max-width: 680px) { .hasCards .three h2 { font-size: 1.625em; } } .hasCards .card { background: #fff; -moz-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); -webkit-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); width: 100%; padding: 1.25em; margin: 0 0 1.25em 0; *zoom: 1; } .hasCards .card:before, .hasCards .card:after { content: ""; display: table; } .hasCards .card:after { clear: both; } .hasCards .card:last-child { margin-bottom: 0; } .hasCards .card.landscape img.feature { max-width: 291px; width: 39%; margin: 0; } @media (max-width: 540px) { .hasCards .card.landscape img.feature { width: 100%; max-width: 291px; margin: 0 auto 0.625em; display: block; } } .hasCards .card.landscape .right { float: right; width: 57%; } .hasCards .card.landscape .right .row { margin-bottom: 0.9375em; } .hasCards .card.landscape .right .four { padding-left: 0.1875em; } @media (max-width: 880px) { .hasCards .card.landscape .right .eight { padding-left: 0.1875em; } } @media (max-width: 540px) { .hasCards .card.landscape .right { width: 100%; } } .hasCards .card.landscape .right h4 { font-size: 1.5em; line-height: 1; color: #302b2f; font-weight: 700; margin: 0 0 1.25em 0; } @media (max-width: 720px) { .hasCards .card.landscape .right h4 { margin: 0 0 0.83333em 0; font-size: 1.25em; } } .hasCards .card.landscape .right h5 { font-size: 0.875em; line-height: 1.2; font-weight: 700; color: #889158; text-transform: uppercase; } @media (max-width: 720px) { .hasCards .card.landscape .right h5 { font-size: 0.75em; } } .hasCards .card.landscape .right p { color: #302b2f; font-size: 1em; line-height: 1.25; } .hasCards .card.voice { padding: 3.125em; } @media (max-width: 480px) { .hasCards .card.voice { padding: 2.5em 1.5625em; } } .hasCards .card.voice img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: right; margin: 0 0 0 7%; width: 22%; max-width: 150px; } @media (max-width: 540px) { .hasCards .card.voice img { width: 32%; } } @media (max-width: 480px) { .hasCards .card.voice img { width: 100%; max-width: 150px; margin: 0 auto; float: none; display: block; } } .hasCards .card.voice .left { float: left; width: 71%; } @media (max-width: 540px) { .hasCards .card.voice .left { width: 61%; } } @media (max-width: 480px) { .hasCards .card.voice .left { width: 100%; text-align: center; margin: 1.875em 0 0 0; } } .hasCards .card.voice .left h5 { font-size: 0.875em; color: #e8c360; line-height: 1; margin-bottom: 0.5em; text-transform: uppercase; } @media (max-width: 480px) { .hasCards .card.voice .left h5 { font-size: 0.75em; } } .hasCards .card.voice .left p { font-size: 1.1875em; font-style: italic; line-height: 1.35; color: #302b2f; font-family: "Sentinel A", "Sentinel B", georgia, serif; margin: 0 0 1.31579em; } .hasCards .card.voice .left span { display: block; text-align: right; } .hasCards .card.voice .left span.attribution { color: #889158; font-size: 1em; font-weight: 700; } .hasCards .card.voice .left span.title { font-size: 0.875em; color: #999; line-height: 1.3; } .hasCards .card.split { padding: 0; } .hasCards .card.split .left { float: left; width: 37%; background: #302b2f; padding: 1.875em; } .hasCards .card.split .left h3 { font-size: 1.5em; color: #e8c360; line-height: 1.08; margin: 0 0 0.625em; } @media (max-width: 620px) { .hasCards .card.split .left h3 { font-size: 1.25em; } } @media (max-width: 600px) { .hasCards .card.split .left h3 { font-size: 1.125em; } } .hasCards .card.split .left p { color: #fff; font-size: 1.0625em; line-height: 1.22; } @media (max-width: 620px) { .hasCards .card.split .left p { font-size: 1em; } } @media (max-width: 600px) { .hasCards .card.split .left p { font-size: 0.875em; } } @media (max-width: 530px) { .hasCards .card.split .left { width: 100%; height: auto !important; } } .hasCards .card.split .right { float: right; width: 63%; padding: 1.875em; } @media (max-width: 530px) { .hasCards .card.split .right { width: 100%; height: auto !important; } } .hasCards .card.split .right .button-holster { float: left; width: 100%; } .hasCards .card.split .right .superButton { width: 48%; float: left; margin: 20px 1% 0 1%; } @media (max-width: 1030px) { .hasCards .card.split .right .superButton { width: 100%; margin: 20px 0 0 0; } } .hasCards .card.split .right .superButton i { margin-left: 10%; width: 30%; text-align: center; } .hasCards .card.split .right .superButton span { margin-left: 10%; display: inline-block; text-align: center; width: 50%; } .hasCards .card.split .right h5 { font-size: 0.9375em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; line-height: 1; position: relative; } .hasCards .card.split .right h5:after { content: ""; width: 80%; top: 50%; margin-top: -1px; height: 3px; position: absolute; right: 0; background: url("../images/layout/dot.png") repeat-x center center; } .hasCards .card.split .right form { float: left; width: 100%; position: relative; margin: 0.9375em 0; } .hasCards .card.split .right label { position: absolute; color: #e0dfe0; right: 18px; z-index: 9999; font-size: 1.5em; top: 50%; margin-top: -15px; } .hasCards .card.split .right input { background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #cccccc; color: #bfbfbf; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-style: italic; font-size: 1.625em; width: 100%; float: left; line-height: 1.2; padding: 0.76923em 2.30769em 0.76923em 0.96154em; -webkit-appearance: none; box-shadow: none !important; } @media (max-width: 620px) { .hasCards .card.split .right input { font-size: 1.25em; } } @media (max-width: 420px) { .hasCards .card.split .right input { font-size: 1em; } } .hasCards .card.split .right .floatRight { float: right; } .hasCards .card.event { padding: 3.125em; } @media (max-width: 660px) { .hasCards .card.event { padding: 1.25em; } } @media (max-width: 520px) { .hasCards .card.event { padding: 2.5em; } } @media (max-width: 420px) { .hasCards .card.event { padding: 1.25em; } } .hasCards .card.event .left { float: left; width: 26%; } @media (max-width: 520px) { .hasCards .card.event .left { width: 100%; margin: 0 0 1.25em 0; text-align: center; } } .hasCards .card.event .right { margin-left: 30%; } @media (max-width: 520px) { .hasCards .card.event .right { width: 100%; margin: 0; float: left; } } .hasCards .card.event a.event-image { max-width: 100%; display: inline-block; } .hasCards .card.event a.event-image img { border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); } .hasCards .card.event a.event-image:hover { opacity: 0.8; } .hasCards .card.event .type { display: block; font-size: 0.75em; font-style: italic; margin: 0 0 0.75em 0; } .hasCards .card.event .type i:before { margin: 0 0.3125em 0 0; width: auto; } .hasCards .card.event .time { display: block; text-transform: uppercase; font-size: 0.875em; margin: 0 0 0.35714em 0; } @media (max-width: 520px) { .hasCards .card.event .time { font-size: 0.75em; } } .hasCards .card.event h3 { color: #889158; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.5em; line-height: 1.17; font-weight: 700; margin: 0 0 0.625em 0; } @media (max-width: 520px) { .hasCards .card.event h3 { font-size: 1.25em; } } .hasCards .card.event a h3 { color: #889158; } .hasCards .card.event a h3:hover { color: #6a7145; } .hasCards .card.event p { font-size: 1em; margin: 0 0 1em 0; } @media (max-width: 520px) { .hasCards .card.event p { font-size: 0.875em; } } .hasCards .card.event a.read-more { font-size: 1em; text-transform: uppercase; } .hasCards .card.event a.read-more i:before { color: #889158; } .hasCards .card.event a.read-more:hover { color: #6a7145; } @media (max-width: 768px) { .hasCards .card.event a.read-more { font-size: 0.875em; } } .hasCards .card.featured { padding: 3.125em; } @media (max-width: 660px) { .hasCards .card.featured { padding: 1.25em; } } @media (max-width: 520px) { .hasCards .card.featured { padding: 2.5em; } } @media (max-width: 420px) { .hasCards .card.featured { padding: 1.25em; } } .hasCards .card.featured .left { float: left; width: 23%; } @media (max-width: 520px) { .hasCards .card.featured .left { width: 100%; margin: 0 0 1.25em 0; text-align: center; } } .hasCards .card.featured .right { margin-left: 27%; } @media (max-width: 520px) { .hasCards .card.featured .right { width: 100%; margin: 0; float: left; } } .hasCards .card.featured .category { font-size: 1em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; margin: 0 0 1em; display: block; color: #999; } @media (max-width: 410px) { .hasCards .card.featured .category { font-size: 0.875em; } } .hasCards .card.featured .category span:after { content: ", "; } .hasCards .card.featured .category span:last-child:after { display: none; } .hasCards .card.featured p { font-size: 1.125em; line-height: 1.22; } @media (max-width: 410px) { .hasCards .card.featured p { font-size: 0.875em; } } .hasCards .card.featured .tag { color: #fff; font-size: 0.75em; text-transform: uppercase; font-weight: 700; line-height: 1; background: rgba(48, 43, 47, 0.5); width: auto; padding: 0.375em 0.75em; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 0.5em; } .hasCards .card.featured a.feat-image { max-width: 100%; display: inline-block; } .hasCards .card.featured a.feat-image img { border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); } .hasCards .card.featured a.feat-image:hover { opacity: 0.8; } .hasCards .card.featured h4 { font-size: 0.875em; text-transform: uppercase; } .hasCards .card.featured h3 { color: #889158; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.5em; line-height: 1.17; font-weight: 700; margin: 0 0 0.29167em 0; } @media (max-width: 520px) { .hasCards .card.featured h3 { font-size: 1.25em; } } .hasCards .card.featured a h3 { color: #889158; } .hasCards .card.featured a h3:hover { color: #6a7145; } .hasCards .card.featured p { font-size: 1em; margin: 0 0 1em 0; } @media (max-width: 520px) { .hasCards .card.featured p { font-size: 0.875em; } } .hasCards .card.featured a.read-more { font-size: 1em; text-transform: uppercase; } .hasCards .card.featured a.read-more i:before { color: #889158; } .hasCards .card.featured a.read-more:hover { color: #6a7145; } @media (max-width: 768px) { .hasCards .card.featured a.read-more { font-size: 0.875em; } } .hasCards .card.map { background: #889158 url("../images/layout/map-outline.jpg") no-repeat center center; position: relative; padding: 3.125em; z-index: 1; height: auto; } .hasCards .card.map:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(137, 146, 88, 0.65); left: 0; top: 0; z-index: 2; display: block; } @media (max-width: 880px) { .hasCards .card.map { text-align: center; } } @media (max-width: 500px) { .hasCards .card.map { padding: 1.25em; } } .hasCards .card.map h3 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-size: 4.625em; line-height: 0.8; color: #fff; position: relative; z-index: 3; text-transform: uppercase; font-weight: 400; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.25); } .hasCards .card.map h3 .gold { color: #e8c360; } @media (max-width: 780px) { .hasCards .card.map h3 { font-size: 4em; } } @media (max-width: 680px) { .hasCards .card.map h3 { font-size: 3.625em; } } @media (max-width: 500px) { .hasCards .card.map h3 { font-size: 2.5em; } } @media (max-width: 340px) { .hasCards .card.map h3 { font-size: 2.25em; } } .hasCards .card.map p { font-size: 1.25em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; line-height: 1.3; color: #fff; position: relative; z-index: 3; margin: 0.75em 0 1.75em; } @media (max-width: 880px) { .hasCards .card.map p { font-size: 1.125em; padding: 0 1.25em; } } @media (max-width: 680px) { .hasCards .card.map p { font-size: 1em; } } @media (max-width: 480px) { .hasCards .card.map p { font-size: 0.875em; padding: 0; } } .hasCards .card.map.dark p { color: #302b2f; } .hasCards .card.map .button { position: relative; z-index: 3; } @media (max-width: 520px) { .hasCards .card.map .button { font-size: 1em; } } .hasCards .card.text { padding: 3.125em; } @media (max-width: 600px) { .hasCards .card.text { padding: 1.875em; } } @media (max-width: 480px) { .hasCards .card.text { padding: 1.25em; } } .hasCards .card.text p { margin-bottom: 10px; line-height: 1.4; } .hasCards .card.text p:last-child { margin-bottom: 0; } .hasCards .card.text p a { color: #889158; font-weight: bold; font-style: italic; } .hasCards .card.text p a:hover { color: #6a7145; } .hasCards .card.text h4 { text-transform: uppercase; } .hasCards .card.text ol, .hasCards .card.text ul { padding: 1.25em 0 1.25em; } .hasCards .card.text ol li { list-style: decimal; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; } .hasCards .card.text ul li { list-style: disc; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; } .hasCards .card.text ul li a { color: #889158; font-weight: bold; font-style: italic; } .hasCards .card.text ul li a:hover { color: #6a7145; } .hasCards .card.text h2 { margin: 0 0 10px 0; } .hasCards .card.text h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 0 0 0.16667em 0; line-height: 1.3; } .hasCards .card.text h5 { color: #889158; font-size: 1.125em; line-height: 1.625; text-transform: uppercase; } .hasCards .card.photos { padding: 3.125em; } @media (max-width: 660px) { .hasCards .card.photos { padding: 1.25em; } } @media (max-width: 520px) { .hasCards .card.photos { padding: 2.5em; } } @media (max-width: 420px) { .hasCards .card.photos { padding: 1.25em; } } .hasCards .card.photos .left { float: left; width: 200px; position: relative; } @media (max-width: 520px) { .hasCards .card.photos .left { width: 100%; margin: 0 0 1.25em 0; text-align: center; } } .hasCards .card.photos .left a.cta { position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; width: 4em; height: 4em; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .hasCards .card.photos .left a.cta i { font-size: 1.875em; top: 0; width: 100%; text-align: center; margin: 0; position: absolute; color: #889158; } .hasCards .card.photos .left a.cta i:before { width: 100%; margin: 0; line-height: 64px; } .hasCards .card.photos .left a.cta i.icon-play { margin-left: 3px; } .hasCards .card.photos .left a.cta i.icon-headphones { margin-left: .5px; } .hasCards .card.photos .left a.cta i.icon-camera { margin-left: 0px; } .hasCards .card.photos .right { margin-left: 220px; } @media (max-width: 520px) { .hasCards .card.photos .right { width: 100%; float: left; margin-left: 0; } } .hasCards .card.photos img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid #d8d7d7; vertical-align: bottom; } .hasCards .card.photos h4 { font-size: 0.875em; text-transform: uppercase; } .hasCards .card.photos h3 { color: #889158; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.5em; line-height: 1.17; font-weight: 700; margin: 0 0 0.625em 0; } @media (max-width: 680px) { .hasCards .card.photos h3 { font-size: 1.25em; margin: 0 0 0.75em 0; } } .hasCards .card.photos a h3 { color: #889158; } .hasCards .card.photos a h3:hover { color: #6a7145; } .hasCards .card.photos p { font-size: 1em; margin-bottom: 1.25em; line-height: 1.25; } .hasCards .card.photos a.read-more { font-size: 1em; text-transform: uppercase; } .hasCards .card.photos a.read-more i:before { color: #889158; } .hasCards .card.photos a.read-more:hover { color: #889158; } @media (max-width: 768px) { .hasCards .card.photos a.read-more { font-size: 0.875em; } } .hasCards .card.numbers { padding: 3.125em; } @media (max-width: 480px) { .hasCards .card.numbers { padding: 1.875em; } } @media (max-width: 360px) { .hasCards .card.numbers { padding: 1.25em; } } .hasCards .card.numbers .infoBox { float: left; width: 100%; margin-top: 1.25em; } .hasCards .card.numbers .infoBox:first-child { margin-top: 0; } .hasCards .card.numbers .number { display: table; float: left; width: 3.75em; height: 3.75em; background: #e8c360; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .hasCards .card.numbers .number span { color: #fff; display: table-cell; vertical-align: middle; text-align: center; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 2em; } .hasCards .card.numbers .right { margin-left: 5em; } @media (max-width: 420px) { .hasCards .card.numbers .right { margin: 1.25em 0 0 0; float: left; } } .hasCards .card.numbers h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 20px 0 0 0; line-height: 1.3; } .hasCards .card.numbers h3:first-child { margin-top: 0; } .hasCards .card.numbers h4 { font-weight: 700; font-size: 1em; line-height: 1.25; text-transform: uppercase; } .hasCards .card.numbers a { color: #889158; font-weight: 700; font-style: italic; } .hasCards .card.numbers a h4 { text-transform: none; } .hasCards .card.numbers p { font-size: 1em; line-height: 1.25; } .hasCards .card.numbers p.full { float: left; margin-top: 1.25em; } .hasCards .card.numbers.working p { margin-top: 1.25em; } .hasCards .card.numbers.working p:first-child { margin: 0; } .hasCards .card.related { padding: 3.125em; } @media (max-width: 660px) { .hasCards .card.related { padding: 1.25em; } } @media (max-width: 520px) { .hasCards .card.related { padding: 2.5em; } } @media (max-width: 420px) { .hasCards .card.related { padding: 1.25em; } } .hasCards .card.related .blogBox { float: left; width: 100%; margin: 0 0 1.875em 0; } @media (max-width: 400px) { .hasCards .card.related .blogBox { text-align: center; } } .hasCards .card.related .blogBox.noRelated { margin-bottom: 0; } .hasCards .card.related .blogBox.noRelated h3 { color: #889158; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.5em; line-height: 1.17; font-weight: 700; margin: 0 0 0.29167em 27% !important; } @media (max-width: 520px) { .hasCards .card.related .blogBox.noRelated h3 { font-size: 1.25em; margin-left: 0 !important; } } @media (max-width: 400px) { .hasCards .card.related a.image { display: inline-block; max-width: 100%; } } .hasCards .card.related img { float: left; max-width: 12.5em; } @media (max-width: 580px) { .hasCards .card.related img { max-width: 10em; } } @media (max-width: 480px) { .hasCards .card.related img { max-width: 8.75em; } } @media (max-width: 400px) { .hasCards .card.related img { max-width: 100%; display: inline-block; float: none; margin: 0 0 0.3125em 0; } } .hasCards .card.related h3 { font-size: 1.5em; line-height: 1.16; margin-left: 9.375em; } @media (max-width: 680px) { .hasCards .card.related h3 { font-size: 1.25em; margin-left: 11.25em; } } @media (max-width: 580px) { .hasCards .card.related h3 { margin-left: 10em; font-size: 1.125em; } } @media (max-width: 480px) { .hasCards .card.related h3 { font-size: 1em; margin-left: 10em; } } @media (max-width: 400px) { .hasCards .card.related h3 { margin: 0 0 0.3125em 0; } } .hasCards .card.related a h3 { color: #889158; } .hasCards .card.related a h3:hover { color: #6a7145; } .hasCards .card.related p { font-size: 0.875em; margin: 0.14286em 0 1.42857em 16.07143em; } @media (max-width: 580px) { .hasCards .card.related p { margin-left: 12.85714em; } } @media (max-width: 480px) { .hasCards .card.related p { margin-left: 11.42857em; } } @media (max-width: 400px) { .hasCards .card.related p { margin: 0; } } .hasCards .card.related p.meta { color: #302b2f; } .hasCards .card.related p.meta span.block { display: block; } .hasCards .card.related p.meta span.block span.comma:after { content: ", "; } .hasCards .card.related p.meta span.block span.comma:last-child:after { display: none; } .hasCards .card.related p.meta a { color: #302b2f; } .hasCards .card.related p.meta a:hover { color: #889158; } .hasCards .card.eventOverview { padding: 3.125em; } .hasCards .card.eventOverview h1 a, .hasCards .card.eventOverview h2 a, .hasCards .card.eventOverview h3 a, .hasCards .card.eventOverview h4 a, .hasCards .card.eventOverview h5 a { color: #889158; font-weight: 700; font-style: italic; } .hasCards .card.eventOverview h1 a:hover, .hasCards .card.eventOverview h2 a:hover, .hasCards .card.eventOverview h3 a:hover, .hasCards .card.eventOverview h4 a:hover, .hasCards .card.eventOverview h5 a:hover { color: #6a7145; } .hasCards .card.eventOverview ol li { list-style: decimal; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.4; } .hasCards .card.eventOverview ol li a { color: #889158; font-weight: 700; font-style: italic; } .hasCards .card.eventOverview ol li a:hover { color: #6a7145; } .hasCards .card.eventOverview ul li { list-style: disc; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.4; } .hasCards .card.eventOverview ul li a { color: #889158; font-weight: 700; font-style: italic; } .hasCards .card.eventOverview ul li a:hover { color: #6a7145; } .hasCards .card.eventOverview h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 0 0 0.66667em 0; line-height: 1.067; } .hasCards .card.eventOverview h5 { color: #889158; font-size: 1.125em; line-height: 1.625; text-transform: uppercase; } .hasCards .card.eventOverview h1 { font-size: 2.125em; color: #889158; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; line-height: 1.18; margin: 0 0 0.29412em 0; } @media (max-width: 680px) { .hasCards .card.eventOverview h1 { font-size: 1.75em; margin: 0 0 0.35714em 0; } } @media (max-width: 460px) { .hasCards .card.eventOverview h1 { font-size: 1.5em; margin: 0 0 0.41667em 0; } } .hasCards .card.eventOverview .date { font-size: 1em; line-height: 1.25; margin: 0 0 0.3125em 0; display: block; } .hasCards .card.eventOverview .date strong { text-transform: uppercase; font-weight: 700; } .hasCards .card.eventOverview .location { font-style: italic; line-height: 1; margin: 0 0 1.5625em 0; display: block; } .hasCards .card.eventOverview p { margin: 0 0 1.25em 0; font-size: 1em; line-height: 1.4; } @media (max-width: 460px) { .hasCards .card.eventOverview p { font-size: 0.875em; } } .hasCards .card.eventOverview p a { color: #889158; font-weight: 700; font-style: italic; } .hasCards .card.eventOverview p a:hover { color: #6a7145; } .hasCards .card.agenda { padding: 0; } .hasCards .card.agenda h3 { font-weight: 400; font-size: 2.75em; padding: 0.68182em 1.13636em; } @media (max-width: 460px) { .hasCards .card.agenda h3 { font-size: 2em; padding: 0.625em 0.9375em; } } @media (max-width: 340px) { .hasCards .card.agenda h3 { font-size: 1.5em; padding: 0.83333em 1.25em; } } .hasCards .card.agenda.green .agendaRow.tan { background: rgba(136, 145, 88, 0.05); } .hasCards .card.agenda.green .agendaRow .hours { color: #889158; } .hasCards .card.agenda.red .agendaRow.tan { background: rgba(161, 83, 49, 0.05); } .hasCards .card.agenda.red .agendaRow .hours { color: #a15331; } .hasCards .card.agenda.red .agendaRow .information a { color: #a15331; } .hasCards .card.agenda.red .agendaRow .information a:hover { color: #7a3f25; } .hasCards .card.agenda.yellow .agendaRow.tan { background: rgba(232, 195, 96, 0.05); } .hasCards .card.agenda.yellow .agendaRow .hours { color: #e8c360; } .hasCards .card.agenda.yellow .agendaRow .information a { color: #e8c360; } .hasCards .card.agenda.yellow .agendaRow .information a:hover { color: #e2b233; } .hasCards .card.agenda .agendaRow { *zoom: 1; padding: 1.875em 3.125em; } .hasCards .card.agenda .agendaRow:before, .hasCards .card.agenda .agendaRow:after { content: ""; display: table; } .hasCards .card.agenda .agendaRow:after { clear: both; } @media (max-width: 460px) { .hasCards .card.agenda .agendaRow { padding: 1.25em 1.875em; } } .hasCards .card.agenda .agendaRow .hours { width: 6.25em; float: left; font-size: 2em; line-height: 1; font-weight: 700; font-family: "Sentinel A", "Sentinel B", georgia, serif; } @media (max-width: 680px) { .hasCards .card.agenda .agendaRow .hours { width: 100%; margin: 0 0 0.625em 0; } } @media (max-width: 460px) { .hasCards .card.agenda .agendaRow .hours { font-size: 1.5em; margin: 0 0 0.41667em 0; } } .hasCards .card.agenda .agendaRow .information { margin-left: 14.375em; } @media (max-width: 680px) { .hasCards .card.agenda .agendaRow .information { margin: 0; width: 100%; float: left; } } .hasCards .card.agenda .agendaRow .information h4 { font-size: 1.25em; line-height: 1; margin: 0 0 0.3125em 0; } @media (max-width: 460px) { .hasCards .card.agenda .agendaRow .information h4 { font-size: 1.125em; } } @media (max-width: 400px) { .hasCards .card.agenda .agendaRow .information h4 { font-size: 1em; } } .hasCards .card.agenda .agendaRow .information p { font-size: 1em; line-height: 1.375; margin: 0 0 1.25em 0; } .hasCards .card.agenda .agendaRow .information p:last-child { margin-bottom: 0; } @media (max-width: 460px) { .hasCards .card.agenda .agendaRow .information p { font-size: 0.875em; } } .hasCards .card.agenda .agendaRow .information a { color: #889158; font-weight: 700; font-style: italic; } .hasCards .card.agenda .agendaRow .information a:hover { color: #6a7145; } .hasCards .card.publication { padding: 0; } .hasCards .card.publication img.attachment-publication-header { width: 100%; height: auto; } .hasCards .card.publication .content { padding: 3.125em; float: left; width: 100%; } @media (max-width: 530px) { .hasCards .card.publication .content { padding: 1.25em; } } .hasCards .card.publication .left { width: 10.625em; float: left; } .hasCards .card.publication .left .superButton { width: 100%; font-size: 0.75em; } .hasCards .card.publication .left .superButton i { padding: 10px 12px; float: right; } .hasCards .card.publication .left .superButton span { padding-top: 10px; position: absolute; top: 0; left: 0; width: 100%; margin: 0; text-align: center; padding-right: 40px; } @media (max-width: 350px) { .hasCards .card.publication .left .superButton span { font-size: 10px; padding-top: 12px; } } .hasCards .card.publication .left img { display: block; margin: 0 auto 1.25em auto; border: 1px solid #c3c3c3; } .hasCards .card.publication .left h4 { color: #302b2f; font-size: 0.875em; line-height: 1; text-transform: uppercase; margin: 1.5625em 0 0.3125em 0; } .hasCards .card.publication .left p { font-size: 12px; line-height: 1.25; } .hasCards .card.publication .left a { font-size: 12px; color: #889158; font-weight: 700; font-style: italic; } .hasCards .card.publication .left a.green { color: #fff; font-style: normal; } @media (max-width: 620px) { .hasCards .card.publication .left { width: 100%; margin-bottom: 1.25em; } .hasCards .card.publication .left img { display: inline-block; margin: 0; max-width: 45%; } .hasCards .card.publication .left .mobileRight { float: right; width: 50%; } } .hasCards .card.publication .right { margin-left: 12.5em; } .hasCards .card.publication .right h1 { font-size: 1.5em; color: #302b2f; line-height: 1.25; } @media (max-width: 720px) { .hasCards .card.publication .right h1 { font-size: 1.25em; } } .hasCards .card.publication .right h3 { color: #8e8c88; font-size: 1.125em; line-height: 1; margin-top: 0.55556em; } .hasCards .card.publication .right h4 { color: #302b2f; font-size: 1em; line-height: 1; text-transform: uppercase; margin: 1.5625em 0 0.3125em 0; } .hasCards .card.publication .right h3.sd-title { color: #302b2f; font-size: 1em !important; line-height: 1; text-transform: uppercase; margin: 1.5625em 0 0.3125em 0; } .hasCards .card.publication .right a { color: #889158; font-weight: 700; font-style: italic; } .hasCards .card.publication .right a:hover { color: #6a7145; } .hasCards .card.publication .right a.theme { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .hasCards .card.publication .right a.theme:last-child { margin-right: 0; } .hasCards .card.publication .right a.theme:hover .icon-graph { color: #fff; background: #889158; } .hasCards .card.publication .right a.theme:hover .icon-wheat { color: #fff; background: #e8c360; } .hasCards .card.publication .right a.theme:hover .icon-pin-1 { color: #fff; background: #a15331; } .hasCards .card.publication .right a.theme:hover .icon-briefcase { color: #fff; background: #302b2f; } .hasCards .card.publication .right a.theme:hover .icon-policy { color: #fff; background: #498499; } .hasCards .card.publication .right a.theme:hover .icon-clipboard { color: #fff; background: #cf8944; } .hasCards .card.publication .right a.theme i { display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 64px; height: 64px; font-size: 30px; border: 4px solid #889158; text-align: center; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } @media (max-width: 768px) { .hasCards .card.publication .right a.theme i { display: inline-block; } } @media (max-width: 540px) { .hasCards .card.publication .right a.theme i { display: block; margin: 0 auto; } } .hasCards .card.publication .right a.theme i.icon-graph { border: 3px solid #889158; color: #889158; } .hasCards .card.publication .right a.theme i.icon-wheat { border: 3px solid #e8c360; color: #e8c360; } .hasCards .card.publication .right a.theme i.icon-pin-1 { border: 3px solid #a15331; color: #a15331; } .hasCards .card.publication .right a.theme i.icon-briefcase { border: 3px solid #302b2f; color: #302b2f; } .hasCards .card.publication .right a.theme i.icon-policy { border: 3px solid #498499; color: #498499; } .hasCards .card.publication .right a.theme i.icon-clipboard { border: 3px solid #cf8944; color: #cf8944; } .hasCards .card.publication .right a.theme i:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .hasCards .card.publication .right a.theme i:before { vertical-align: middle; width: auto; } .hasCards .card.publication .right p.commas span:after { content: ", "; } .hasCards .card.publication .right p.commas span:last-child:after { display: none; } @media (max-width: 620px) { .hasCards .card.publication .right { width: 100%; margin: 0; font-size: 0.875em; } } @media (max-width: 880px) { .hasCards .columns { width: auto !important; float: none; } .hasCards .three h2 { text-align: center; margin: 0 0 0.65789em 0; position: relative; border: none; } .hasCards .three h2 span { display: inline; } .hasCards .three h2:before { content: ""; position: absolute; height: 5px; background: #e8c360; width: 50%; top: 0; left: 25%; } } p.metabox { width: 100%; border: 1px solid #e8c360; font-size: 0.875em; margin: 1.28571em 0; padding: 1.42857em; } p.metabox a { font-style: italic; color: #889158; font-weight: 700; } p.metabox a:hover { color: #6a7145; } p.metabox strong { text-transform: uppercase; } div.sharedaddy { margin-top: 30px !important; } div.sharedaddy .sd-sharing h3.sd-title:before { display: none; } div.sharedaddy .sd-sharing h3.sd-title { display: block; text-transform: uppercase !important; color: #302b2f !important; font-size: 0.875em !important; font-weight: 700 !important; font-family: "franklin-gothic-urw", sans-serif !important; font-style: normal !important; margin-bottom: 10px !important; } .sd-content ul li { padding: 0 !important; } .sd-content ul li a { font-style: normal !important; font-weight: normal !important; } .fixedHero { position: relative; padding: 15.3125em 0 12.5em; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom: 5px solid #e8c360; } .fixedHero .columns { z-index: 9; } .fixedHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; text-align: center; line-height: 1; font-weight: 400; z-index: 9; text-shadow: 1px 1px 1px #302b2f; } @media (max-width: 840px) { .fixedHero h1 { font-size: 5em; } } @media (max-width: 660px) { .fixedHero h1 { font-size: 4em; } } @media (max-width: 840px) { .fixedHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { .fixedHero { padding: 9.375em 0 3.75em; } } .fixedHero p { color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 1.25em; text-align: center; line-height: 1.3; margin: 1em 0 0 0; padding: 0 5%; z-index: 9; } @media (max-width: 600px) { .fixedHero p br { display: none; } } @media (max-width: 480px) { .fixedHero p { font-size: 1.125em; } } @media (max-width: 320px) { .fixedHero p { font-size: 1em; } } .fixedHero .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: rgba(48, 43, 47, 0.3); } .generic-hero { background-image: url(../images/layout/generic-bg.jpg); padding: 17.1875em 0 10.625em 0; /* max-height: 450px; padding-top: em(200); */ } .photo-credit { position: absolute; z-index: 4; bottom: 10px; right: 10px; color: #fff; font-size: 12px; font-style: italic; font-family: "Sentinel A", "Sentinel B", georgia, serif; } #takeover-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 999998; display: none; opacity: .7; } #takeover { width: 100%; max-width: 768px; z-index: 999999; top: 200px; left: 50%; margin-left: -384px; position: fixed; display: none; border-radius: 3px; box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); } @media (max-width: 1024px) { #takeover { top: 100px; } } @media (max-width: 850px) { #takeover { left: 5%; margin-left: 0; width: 90%; } } button.takeover-close { position: absolute; top: -10px; right: -10px; font-size: 42px; padding: 0; background: transparent; line-height: 1; border: 0; color: #fff; } button.takeover-close:hover { opacity: 0.9; } button.takeover-close i:before { margin: 0; width: auto; line-height: 1; } #takeover.book-takeover { min-height: 500px; background: #302b2f url("../images/takeovers/book-takeover-bg.jpg") no-repeat 0 0; background-size: cover; padding: 24px; } @media (max-width: 768px) { #takeover.book-takeover { padding: 48px 24px; min-height: 0; } } @media (max-width: 360px) { #takeover.book-takeover { padding: 32px 24px; } } #takeover.book-takeover .book-image { position: absolute; left: -40px; top: 35px; } @media (max-width: 768px) { #takeover.book-takeover .book-image { width: 300px; left: -30px; top: -20px; } } @media (max-width: 660px) { #takeover.book-takeover .book-image { width: 250px; top: 24px; left: -20px; } } @media (max-width: 615px) { #takeover.book-takeover .book-image { display: none; } } #takeover.book-takeover .text { float: right; max-width: 452px; width: 100%; color: #fff; text-align: center; margin: 88px 0 0 0; } @media (max-width: 850px) { #takeover.book-takeover .text { margin: 44px 0 0 290px; width: auto; } } @media (max-width: 820px) { #takeover.book-takeover .text { margin-top: 0; } } @media (max-width: 768px) { #takeover.book-takeover .text { margin-left: 240px; } } @media (max-width: 615px) { #takeover.book-takeover .text { margin-left: 0; width: 100%; max-width: none; } } #takeover.book-takeover .text h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 2em; color: #fff; text-transform: none; line-height: 1.1875; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); margin: 0 0 52px 0; } @media (max-width: 768px) { #takeover.book-takeover .text h2 { margin: 0 0 16px 0; font-size: 1.5em; } } #takeover.book-takeover .text p { color: #fff; font-family: "franklin-gothic-urw", sans-serif; font-size: 1.125em; font-weight: 700; line-height: 1.4444; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); margin: 0 0 34px 0; } @media (max-width: 768px) { #takeover.book-takeover .text p { margin: 0 0 24px 0; font-size: 1em; } } #takeover.book-takeover .text .button { display: inline-block; } @media (max-width: 700px) { #takeover.book-takeover .text .button { font-size: 0.875em; } } @media (max-width: 360px) { #takeover.book-takeover .text .button { font-size: 0.75em; } } #takeover.book-takeover .text span.takeover-close { display: block; color: #fff; font-style: italic; font-size: 0.875em; cursor: pointer; margin: 36px 0 0 0; } @media (max-width: 768px) { #takeover.book-takeover .text span.takeover-close { margin: 16px 0 0 0; } } #takeover.little-landscapes { background: #302b2f url("../images/takeovers/little-landscapes-bg.png") no-repeat 0 0; } #takeover.little-landscapes .text { margin-top: 48px; } #takeover.little-landscapes p.top { width: 300px; text-align: center; margin: auto; margin-bottom: 34px; font-size: 1em; } .story-card-wrap { padding: 0 16px; } @media print, screen and (min-width: 762px) { .story-card-wrap { display: flex; flex-wrap: wrap; margin: 0 -10px; } } .story-card-wrap .col { margin-bottom: 20px; } @media print, screen and (min-width: 762px) { .story-card-wrap .col { display: flex; padding: 0 10px; flex: 0 0 25%; } } .story-card { width: 100%; display: flex; flex-direction: column; background: #fff; box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); } .story-card .story-card-image { background-position: center; background-size: cover; border-bottom: 4px solid #e8c360; padding-top: 45.5%; position: relative; } .story-card .story-card-image:hover { opacity: .9; } .story-card .story-card-image:before { content: ""; background-image: linear-gradient(0deg, rgba(48, 43, 47, 0) 0%, rgba(48, 43, 47, 0.53) 100%); position: absolute; top: 0; left: 0; right: 0; height: 58px; z-index: 1; mix-blend-mode: multiply; } .story-card .story-card-image .category { right: 20px; z-index: 2; } .story-card-body { padding: 20px; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 auto; } .story-card-date { font-size: 14px; line-height: 19px; font-weight: 400; font-style: italic; margin-bottom: 9px; font-family: "Sentinel A", "Sentinel B", georgia, serif; } .story-card h4 { font-size: 16px; line-height: 20px; margin-bottom: 20px; } .story-card h4 a { color: #889158; } .story-card h4 a:hover { text-decoration: underline; } .story-card .read-more { margin-top: auto; font-size: 13px; line-height: 1; } .story-card .read-more i { font-size: 18px; } .story-card .read-more i:before { margin-right: 8px; } #stories .secondary { margin-top: 0; } .touch .fixedHero { background-attachment: scroll !important; } #hero { background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding-top: 10.625em; padding-bottom: 5.625em; text-align: center; border-bottom: 5px solid #e8c360; } @media (max-width: 580px) { #hero { padding-top: 10.4375em; padding-bottom: 5em; } } @media (max-width: 420px) { #hero { padding-top: 7.9375em; padding-bottom: 2.5em; } } #hero .button { padding: 15px 50px; } @media (max-width: 420px) { #hero .button { font-size: 0.8125em; } } #hero h1 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 4.5em; color: #fff; text-transform: none; line-height: 1; margin-bottom: 40px; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); } #hero h1 .divider { display: inline-block; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase; position: relative; line-height: 1; } @media (max-width: 290px) { #hero h1 .divider { font-size: 12px; } } #hero h1 .divider:after { position: absolute; height: 2px; width: 50px; background: #fff; left: 110%; top: 50%; margin: -1px 0 0 0; content: ""; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } #hero h1 .divider:before { position: absolute; height: 2px; width: 50px; background: #fff; right: 110%; top: 50%; margin: -1px 0 0 0; content: ""; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } @media (max-width: 640px) { #hero h1 .divider { font-size: 16px; } } @media (max-width: 840px) { #hero h1 { font-size: 4em; } } @media (max-width: 640px) { #hero h1 { font-size: 3.5em; } } @media (max-width: 500px) { #hero h1 { font-size: 3em; } } @media (max-width: 420px) { #hero h1 { font-size: 2.5em; margin-bottom: 20px; } } @media (max-width: 360px) { #hero h1 { font-size: 2.25em; } } @media (max-width: 320px) { #hero h1 { font-size: 30px; } } #hero p { color: #fff; font-family: "franklin-gothic-urw", sans-serif; font-size: 1.375em; font-weight: 700; line-height: 1.3; padding: 0 20px; max-width: 620px; margin: 0 auto 50px; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); } @media (max-width: 630px) { #hero p { font-size: 1em; } } @media (max-width: 420px) { #hero p { font-size: 0.8125em; margin-bottom: 20px; } } #latest { padding: 2.5em 0 5em; } #latest .card-list { padding: 40px 0 0 0; } #latest .card { background: #fff; box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); } #latest .card > a { display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 146px; width: 100%; } #latest .card > a:hover { opacity: 0.9; } #latest .card .card-content { padding: 20px; } #latest .card .card-content h5 { font-size: 0.75em; text-transform: uppercase; line-height: 1; } #latest .card .card-content h5.date { color: #8e8c88; } #latest .card .card-content h4 { font-size: 1em; line-height: 1.25; margin: 14px 0 3px 0; } #latest .card .card-content h4 a { color: #889158; } #latest .card .card-content h4 a:hover { text-decoration: underline; } #latest .card .card-content p { font-size: 0.875em; margin: 15px 0 10px 0; } #latest .card .card-content a.read-more { font-size: 0.75em; } @media (max-width: 768px) { #latest .card > a { display: table-cell; width: 240px; } #latest .card { display: table; height: auto !important; margin: 0 0 20px 0; } #latest .card .card-content { display: table-cell; vertical-align: top; } } @media (max-width: 540px) { #latest .card > a { width: 200px; } } @media (max-width: 460px) { #latest .card > a { width: 160px; } } @media (max-width: 420px) { #latest .card > a { display: block; width: 100%; } #latest .card { display: block; } #latest .card .card-content { display: block; } } #project-slider { position: relative; } #project-slider .slide { padding: 40px 0 180px 0; position: absolute; z-index: 10; width: 100%; background: url("../images/layout/slider-bg.jpg") no-repeat center center; background-size: cover; text-align: center; } @media (max-width: 768px) { #project-slider .slide { padding-bottom: 100px; } } #project-slider .slide.is-active { z-index: 12; } #project-slider .slide h4.count { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 1.25em; line-height: 1; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); color: #fff; } #project-slider .slide h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 2.8125em; line-height: 1; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); max-width: 800px; margin: 18px auto; } #project-slider .slide h2 a { color: #fff; } #project-slider .slide h2 a:hover { color: #e8c360; } @media (max-width: 900px) { #project-slider .slide h2 { padding: 0 60px; } } @media (max-width: 600px) { #project-slider .slide h2 { font-size: 2.25em; } } @media (max-width: 480px) { #project-slider .slide h2 { font-size: 1.5em; padding: 0 30px; } } #project-slider .slide p.subtitle { font-family: "franklin-gothic-urw", sans-serif; font-size: 1.375em; font-style: italic; font-weight: 700; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); color: #fff; max-width: 800px; margin: 0 auto; } @media (max-width: 900px) { #project-slider .slide p.subtitle { padding: 0 60px; } } @media (max-width: 600px) { #project-slider .slide p.subtitle { font-size: 1.125em; } } @media (max-width: 480px) { #project-slider .slide p.subtitle { font-size: 0.875em; padding: 0 30px; } } #project-slider .slide .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(48, 43, 47, 0.3); } .fade-me { opacity: 0; } #project-slider h3 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; color: #fff; overflow: hidden; text-align: center; font-style: italic; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); margin: 0 0 120px 0; } @media (max-width: 768px) { #project-slider h3 { margin-bottom: 60px; } } #project-slider h3 span { position: relative; } #project-slider h3 span:before, #project-slider h3 span:after { content: ""; height: 3px; position: absolute; top: 50%; margin-top: -1px; width: 800px; background: url("../images/layout/yellow-dot.png") repeat-x; } #project-slider h3 span:before { right: 100%; margin-right: 15px; } #project-slider h3 span:after { left: 100%; margin-left: 15px; } #project-slider a.read-more { width: 1060px; position: absolute; left: 50%; bottom: 80px; margin-top: -15px; margin-left: -520px; overflow: hidden; text-align: right; color: #fff; font-size: 0.875em; display: block; } #project-slider a.read-more span { position: relative; } #project-slider a.read-more span:before { content: ""; height: 3px; position: absolute; top: 50%; margin-top: -1px; width: 1092px; background: url("../images/layout/yellow-dot.png") repeat-x; right: 100%; margin-right: 15px; } #project-slider a.read-more:hover { color: #e8c360; } @media (max-width: 1100px) { #project-slider a.read-more { width: 90%; margin-left: 0; left: 5%; right: 5%; } } @media (max-width: 768px) { #project-slider a.read-more { bottom: 40px; } } #project-slider .slider { margin-top: 124px; margin-bottom: 124px; position: relative; } @media (max-width: 900px) { #project-slider .slider { margin-top: 100px; margin-bottom: 100px; } } @media (max-width: 600px) { #project-slider .slider { margin-top: 60px; margin-bottom: 60px; } } @media (max-width: 480px) { #project-slider .slider { margin-top: 30px; margin-bottom: 30px; } } #project-slider .navigation { width: 1092px; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -546px; } @media (max-width: 1100px) { #project-slider .navigation { width: 100%; margin-left: 0; left: 0; } } #project-slider .slide .navigation i { position: absolute; top: 50%; color: #fff; font-size: 30px; cursor: pointer; z-index: 90; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } #project-slider .slide .navigation i:hover { color: #e8c360; } #project-slider .slide .navigation i.page-left { left: 0; } #project-slider .slide .navigation i.page-right { right: 0; } #strategy { padding: 5em 0; } .strategy-box { margin: 60px 0 0 0; position: relative; padding-bottom: 80px; text-align: center; } @media (max-width: tablePortrait) { .strategy-box { margin-top: 30px; } } .strategy-box .button { position: absolute; bottom: 0; font-size: 13px; left: 50%; margin-left: -81px; width: 162px; text-align: center; } .strategy-image { height: 100px; width: 100%; margin: 0 0 30px 0; background-repeat: no-repeat; background-position: center center; } .strategy-image.innovation { background-image: url("../images/svg/innovation.svg"); background-size: 138px 81px; } .strategy-image.policy { background-image: url("../images/svg/policy.svg"); background-size: 78px 99px; } .strategy-image.partnerships { background-image: url("../images/svg/partnerships.svg"); background-size: 98px 98px; } .strategy-box h3 { font-size: 24px; font-family: "Sentinel A", "Sentinel B", georgia, serif; line-height: 1.25; margin: 0 0 15px 0; } #countries { padding: 5em 0 3.125em; } .country-navigation { margin: 40px 0 60px; text-align: center; } .country-label { display: inline-block; width: auto; padding: 0 30px; font-size: 1em; font-weight: 700; text-transform: uppercase; text-align: center; color: #302b2f; } @media (max-width: 1024px) { .country-label { padding: 0 15px; } } @media (max-width: 910px) { .country-label { padding: 0 10px; } } @media (max-width: 710px) { .country-label { padding: 0 30px; margin-bottom: 20px; } } @media (max-width: 510px) { .country-label { width: 100%; padding: 0; } } .country-label span.title { display: inline-block; line-height: 20px; position: relative; padding-left: 36px; } .country-label span.title:before { content: ""; height: 20px; width: 20px; position: absolute; left: 0; top: 0; } @media (max-width: 880px) { .country-label span.title:before { left: 50%; margin-left: -10px; } } @media (max-width: 510px) { .country-label span.title:before { left: 0; margin-left: 0; } } @media (max-width: 880px) { .country-label span.title { padding: 30px 0 0 0; } } @media (max-width: 510px) { .country-label span.title { padding: 0 0 0 36px; } } .country-label.brazil { padding-left: 0; } @media (max-width: 710px) { .country-label.brazil { padding-left: 30px; } } @media (max-width: 510px) { .country-label.brazil { padding: 0; } } .country-label.w-africa { padding-right: 0; } @media (max-width: 710px) { .country-label.w-africa { padding-right: 30px; } } @media (max-width: 510px) { .country-label.w-africa { padding: 0; } } .country-label.n-america { padding-right: 0; } @media (max-width: 710px) { .country-label.n-america { padding-right: 30px; } } @media (max-width: 510px) { .country-label.n-america { padding: 0; } } .country-label.brazil span.title:before { background: #a15331; } .country-label.e-africa span.title:before { background: #e8c360; } .country-label.se-asia span.title:before { background: #498499; } .country-label.t-americas span.title:before { background: #cf8944; } .country-label.w-africa span.title:before { background: #889158; } .country-label.n-america span.title:before { background: #889158; } .country-grid { text-align: center; } .country-item { display: inline-block; width: 14%; text-align: center; margin: 0 -4px 30px 0; } @media (max-width: 960px) { .country-item { width: 20%; } } @media (max-width: 800px) { .country-item { width: 25%; } } @media (max-width: 660px) { .country-item { width: 33%; } } @media (max-width: 500px) { .country-item { width: 50%; } } @media (max-width: 319px) { .country-item { width: 100%; } } .country-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-left: -0.25em; } .country-item a { display: inline-block; vertical-align: middle; } .country-item a img { display: inline-block; } #stories { padding: 2.5em 0 4.375em; } @media (max-width: 768px) { #stories { padding: 2.5em 0; } } @media (max-width: 480px) { #stories { padding: 1.25em 0; } } #stories .dottitle { margin-bottom: 40px; } @media (max-width: 480px) { #stories .dottitle { margin-bottom: 20px; } } #stories a.read-more.stories { overflow: hidden; width: 100%; text-align: right; color: #302b2f; font-size: 0.875em; display: block; } #stories a.read-more.stories span { position: relative; } #stories a.read-more.stories span:before { content: ""; height: 3px; position: absolute; top: 50%; margin-top: -1px; width: 1092px; background: url("../images/layout/dot.png") repeat-x; right: 100%; margin-right: 15px; } #stories a.read-more.stories:hover { color: #e8c360; } .featured-story { width: 100%; margin-bottom: 20px; background: #302b2f; position: relative; min-height: 450px; *zoom: 1; } .featured-story:before, .featured-story:after { content: ""; display: table; } .featured-story:after { clear: both; } @media print, screen and (min-width: 762px) { .featured-story { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 30px; } } .featured-story .featured-image { position: absolute; top: 0; bottom: 0; left: 0; width: 57%; background-size: cover; background-position: center center; } @media (max-width: 768px) { .featured-story .featured-image { width: 100%; position: relative; height: 350px; float: left; } } @media (max-width: 520px) { .featured-story .featured-image { height: 300px; } } @media (max-width: 440px) { .featured-story .featured-image { height: 200px; } } @media (max-width: 320px) { .featured-story .featured-image { height: 160px; } } .featured-story .featured-text { padding: 24px 32px; margin-left: 57%; } @media (max-width: 768px) { .featured-story .featured-text { padding: 20px; margin: 0; float: left; width: 100%; } } .featured-story .featured-text h3 a { color: #e8c360; font-family: "Sentinel A", "Sentinel B", georgia, serif; weight: 700; font-size: 30px; line-height: 1.3; } .featured-story .featured-text h3 a:hover { color: #e2b233; } @media (max-width: 800px) { .featured-story .featured-text h3 a { font-size: 26px; } } @media (max-width: 768px) { .featured-story .featured-text h3 a { font-size: 22px; } } @media (max-width: 560px) { .featured-story .featured-text h3 a { font-size: 18px; } } .featured-story .featured-text p { color: #fff; font-family: "franklin-gothic-urw", sans-serif; font-size: 1.125em; line-height: 1.222; margin: 0 0 1.6em 0; } .featured-story .featured-text p.meta { font-size: 16px; font-style: italic; margin: 16px 0; } .featured-story .featured-text p.meta a:hover { text-decoration: underline; } .featured-story .featured-text p.meta span.block { display: block; } .featured-story .featured-text p.meta span.block span.comma:after { content: ", "; } .featured-story .featured-text p.meta span.block span.comma:last-child:after { display: none; } @media (max-width: 560px) { .featured-story .featured-text p { font-size: 0.8125em; } } .featured-story .featured-text a.read-more { color: #fff; } .featured-story .featured-text a.read-more:hover { color: #e8c360; } @media (max-width: 560px) { .featured-story .featured-text a.read-more { font-size: 0.8125em; } } @media (max-width: 768px) { .secondary { margin-top: 1em; } } .secondary a.story { float: left; width: 100%; margin: 0 0 25px 0; position: relative; z-index: 9999; background: #fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 14.375em; } @media (max-width: 768px) { .secondary a.story { height: auto; min-height: 150px; } } @media (max-width: 400px) { .secondary a.story { height: 230px; } } .secondary a.story:hover .overlay { background: rgba(48, 43, 47, 0.3); } .secondary a.story .storyBG { position: absolute; width: 100%; top: 0; bottom: 0; z-index: 1; background-position: center center; background-size: cover; } @media (max-width: 768px) { .secondary a.story .storyBG { max-width: 30%; } } @media (max-width: 340px) { .secondary a.story .storyBG { max-width: 40%; } } @media (max-width: 400px) { .secondary a.story .storyBG { width: 100%; max-width: 100%; } } @media (max-width: 768px) { .secondary a.story { box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); } } @media (max-width: 400px) { .secondary a.story { box-shadow: none; } } .secondary .category { position: absolute; top: 10px; right: 10px; text-align: right; color: #fff; font-size: 0.75em; text-transform: uppercase; text-shadow: 1px 1px 1px #302b2f; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); font-weight: 700; z-index: 99999; } @media (max-width: 768px) { .secondary .category { text-shadow: none; color: #302b2f; right: auto; float: left; top: 0; margin-top: 10px; margin-left: 35%; position: relative; } } @media (max-width: 400px) { .secondary .category { text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); color: #fff; top: 10px; right: 10px; float: none; margin-left: 0; position: absolute; } } .secondary .info { position: absolute; bottom: 1.5625em; padding: 0 1.875em; color: #fff; z-index: 5; text-shadow: 1px 1px 1px #302b2f; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); } @media (max-width: 880px) { .secondary .info { padding: 0 0.625em; } } @media (max-width: 768px) { .secondary .info { text-shadow: none; color: #302b2f; float: left; margin-left: 35%; width: 65%; position: relative; bottom: auto; padding: 5px 10px 15px 0; } } @media (max-width: 400px) { .secondary .info { position: absolute; bottom: 25px; padding: 0 30px; color: #fff; z-index: 5; margin: 0; width: 100%; float: none; text-shadow: 1px 1px 1px #302b2f; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); } } .secondary .info p { font-size: 1.125em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-style: italic; position: relative; margin-bottom: 5px; color: #fff; } @media (max-width: 768px) { .secondary .info p { color: #302b2f; } } @media (max-width: 400px) { .secondary .info p { color: #fff; } } .secondary .info p.fakelink { display: none; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; font-style: normal; margin-top: 0.625em; } @media (max-width: 768px) { .secondary .info p.fakelink { display: inline-block; } } .secondary .info p.fakelink i:before { color: #e8c360; margin-right: 10px; } @media (max-width: 560px) { .secondary .info p.fakelink { font-size: 0.6875em; } } @media (max-width: 460px) { .secondary .info p.fakelink { font-size: 0.625em; } } @media (max-width: 300px) { .secondary .info p.fakelink { font-size: 0.5625em; } } .secondary .info h4 { font-size: 1.25em; line-height: 1.2; color: #fff; } @media (max-width: 768px) { .secondary .info h4 { color: #302b2f; } } @media (max-width: 400px) { .secondary .info h4 { color: #fff; } } .secondary .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: rgba(48, 43, 47, 0.5); -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } @media (max-width: 768px) { .secondary .overlay { width: 30%; } } @media (max-width: 400px) { .secondary .overlay { width: 100%; } } #sign { background: #a15331 url(../images/layout/chevron-bg.png) repeat left center; padding: 40px 0; } @media (max-width: 768px) { #sign { padding: 2.5em 0; } } #sign h2 { font-size: 3.5em; padding: 0 40px 0 0; color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; line-height: 1; font-weight: normal; } #sign h2 .gold { color: #e8c360; } @media (max-width: 1020px) { #sign h2 { padding-right: 0; } } @media (max-width: 930px) { #sign h2 { font-size: 3em; } } @media (max-width: 820px) { #sign h2 { font-size: 2.75em; } } @media (max-width: 768px) { #sign h2 { text-align: center; font-size: 2em; line-height: 1; } } @media (max-width: 280px) { #sign h2 { font-size: 1.625em; } } #sign p { color: #fff; font-size: 20px; line-height: 24px; margin-top: 10px; font-weight: 700; } @media (max-width: 768px) { #sign p { text-align: center; font-size: 16px; } } #sign .cta { text-align: right; } #sign .cta .button { margin-top: 17px; padding-left: 30px; padding-right: 30px; } #sign .cta .button:hover { color: #889158; } @media (max-width: 620px) { #sign .cta .button { font-size: 1em; } } @media (max-width: 480px) { #sign .cta .button { font-size: 0.75em; } } @media (max-width: 768px) { #sign .cta { text-align: center; } } #twitter-feed { min-height: 430px; background: url("../images/layout/twitter-bg.jpg") no-repeat center center; background-size: cover; text-align: center; color: #fff; padding: 70px 0; position: relative; } @media (max-width: 768px) { #twitter-feed { padding: 50px 0 70px; } } #twitter-feed a.icon-twitter { color: #fff; font-size: 38px; } #twitter-feed a.icon-twitter:hover { color: #e8c360; } #twitter-feed .tweet > ul li { display: none; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); font-size: 1.75em; font-weight: 700; line-height: 1.3; max-width: 700px; padding: 0 16px; margin: 40px auto 0; } #twitter-feed .tweet > ul li .attribution { font-size: 18px; margin: 30px 0 0 0; } @media (max-width: 560px) { #twitter-feed .tweet > ul li { font-size: 1.375em; margin-top: 20px; } } @media (max-width: 360px) { #twitter-feed .tweet > ul li { font-size: 18px; } } .twitter-navigation { text-align: center; width: 100%; position: absolute; bottom: 40px; left: 0; } .twitter-navigation li { display: inline-block; height: 12px; width: 12px; border-radius: 50%; background: #fff; cursor: pointer; margin: 0 5px 0 9px; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } @media (max-width: 560px) { .twitter-navigation li { width: 24px; height: 24px; } } .twitter-navigation li:hover { background: #e8c360; } .twitter-navigation li.is-active { background: #e8c360; } #split-section { padding: 80px 0 50px 0; } @media (max-width: 768px) { #split-section { padding: 40px 0; } } .split-row { display: table; width: 100%; } @media (max-width: 768px) { .split-row { display: block; } } .split-half { width: 50%; display: table-cell; vertical-align: middle; text-align: center; padding: 50px 80px; position: relative; } @media (max-width: 768px) { .split-half { width: 100%; display: block; padding: 40px; } } @media (max-width: 480px) { .split-half { padding: 40px 0; } } .split-half:first-child:after { content: ""; position: absolute; right: 0; width: 3px; top: 0; bottom: 0; background: url("../images/layout/green-dot.png") repeat-y 0 0; } @media (max-width: 768px) { .split-half:first-child:after { height: 3px; width: 100%; bottom: 0; top: auto; left: 0; right: 0; background-repeat: repeat-x; } } .split-half img { margin: 0 0 32px 0; } .split-half h3 { line-height: 1; font-size: 1.375em; color: #889158; text-transform: uppercase; } .split-half p { line-height: 1.5; margin: 16px 0 0 0; } .split-half a.read-more { font-size: 14px; display: block; margin: 30px 0 0 0; } .sign-up-form { width: 100%; margin: 20px 0 0 0; position: relative; *zoom: 1; } .sign-up-form:before, .sign-up-form:after { content: ""; display: table; } .sign-up-form:after { clear: both; } @media (max-width: 900px) { .sign-up-form { padding-bottom: 55px; } } @media (max-width: 768px) { .sign-up-form { padding: 0; } } @media (max-width: 480px) { .sign-up-form { padding-bottom: 55px; } } .sign-up-submit { float: right; width: 107px; } @media (max-width: 900px) { .sign-up-submit { width: 100%; position: absolute; left: 0; bottom: 0; } } @media (max-width: 768px) { .sign-up-submit { position: relative; width: 107px; float: right; } } @media (max-width: 480px) { .sign-up-submit { width: 100%; position: absolute; left: 0; bottom: 0; } } .sign-up-text { margin-right: 110px; } @media (max-width: 900px) { .sign-up-text { width: 100%; margin: 0; float: left; } } @media (max-width: 768px) { .sign-up-text { width: auto; float: none; margin-right: 110px; } } @media (max-width: 480px) { .sign-up-text { width: 100%; margin: 0; float: left; } } .sign-up-form input[type="text"] { width: 100%; height: 49px; border: 1px solid #d7d1ca; line-height: 47px; padding: 0 23px; padding-top: 3px; border-radius: 3px 0 0 3px; } @media (max-width: 900px) { .sign-up-form input[type="text"] { border-radius: 3px; } } @media (max-width: 768px) { .sign-up-form input[type="text"] { border-radius: 3px 0 0 3px; } } @media (max-width: 480px) { .sign-up-form input[type="text"] { border-radius: 3px; } } .sign-up-form input[type="text"]:active, .sign-up-form input[type="text"]:focus { outline: 0; } .sign-up-form button { width: 100%; background: #575253; border-radius: 0 3px 3px 0; border: none; height: 48px; line-height: 49px; color: #fff; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } .sign-up-form button:hover { background: #e8c360; } .sign-up-form button:active, .sign-up-form button:focus { outline: 0; } @media (max-width: 900px) { .sign-up-form button { border-radius: 3px; } } @media (max-width: 768px) { .sign-up-form button { border-radius: 0 3px 3px 0; } } @media (max-width: 480px) { .sign-up-form button { border-radius: 3px; } } .ctct-form-errorMessage { position: absolute; bottom: 100%; margin-bottom: 16px; padding: 16px; background: #a15331; color: #fff; border-radius: 5px; box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); } .ctct-form-errorMessage:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #a15331 transparent transparent transparent; position: absolute; top: 100%; left: 50%; margin-left: 10px; } #success_message { color: #fff; font-size: 16px; background: #889158; padding: 8px; text-align: center; display: block; max-width: 370px; margin: 0 auto; border-radius: 5px; } #defaultContent { padding: 5em 0 5em; } #defaultContent .entry h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 0 0 0.16667em 0; line-height: 1.3; } #defaultContent .entry h4 { color: #302b2f; font-size: 1.375em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-style: italic; margin: 0 0 0.45455em 0; line-height: 1.6; } #defaultContent .entry h4 a { color: #889158; } #defaultContent .entry h4 a:hover { color: #6a7145; } #defaultContent .entry h5 { color: #302b2f; font-size: 1.125em; line-height: 1.625; text-transform: uppercase; } #defaultContent .entry h5 a { color: #889158; } #defaultContent .entry h5 a:hover { color: #6a7145; } #defaultContent .entry table { background: #fff; border: 20px solid #fff; -moz-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); -webkit-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); } #defaultContent .entry .wp-caption { width: 100% !important; position: relative; margin-bottom: 1.875em; } #defaultContent .entry .wp-caption-text { width: 165px; position: absolute; text-align: right; left: -185px; top: 30px; font-family: "Sentinel A", "Sentinel B", georgia, serif; color: #302b2f; font-size: 0.875em; font-style: italic; } #defaultContent .entry .wp-caption-text:before { width: 60px; height: 3px; background: #e8c360; position: absolute; top: -10px; right: 0; content: ""; } @media (max-width: 1020px) { #defaultContent .entry .wp-caption-text { left: -150px; width: 135px; } } @media (max-width: 850px) { #defaultContent .entry .wp-caption-text { width: 135px; left: -145px; } } @media (max-width: 768px) { #defaultContent .entry .wp-caption-text { position: relative; top: auto; left: auto; margin: 0 0 1.07143em; width: 100%; text-align: center; } #defaultContent .entry .wp-caption-text:before { width: 50%; margin: 0 25%; bottom: -5px; top: auto; } } #defaultContent .entry li { line-height: 1.4; margin-bottom: 5px; position: relative; } #defaultContent .entry li:before { position: absolute; content: '\2022'; } #defaultContent p { font-size: 1em; line-height: 1.625; margin: 0 0 1.875em 0; } #defaultContent p a { font-style: italic; font-weight: 700; color: #889158; } #defaultContent p a:hover { color: #6a7145; } #defaultContent p a.button { margin-top: 10px; font-style: normal; color: #fff; } #defaultContent p a.button:hover { color: #fff; } #defaultContent p a.read-more { color: #302b2f; font-style: normal; text-transform: uppercase; } #defaultContent p a.read-more:hover { color: #889158; } #defaultContent p a.read-more i:before { color: #889158; } .contact-us-signup-form br { display: none; } #aboutHero { background: url(../images/layout/about-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.625em 0 10em; } #aboutHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; line-height: 1; text-align: center; font-weight: 400; } @media (max-width: 840px) { #aboutHero h1 { font-size: 5em; } } @media (max-width: 660px) { #aboutHero h1 { font-size: 4em; } } @media (max-width: 840px) { #aboutHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #aboutHero { padding: 9.375em 0 3.75em; } } #values, #aboutContent { padding: 2.5em 0; } #values .dots, #aboutContent .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin-top: 0; margin-bottom: 0; } #values.press, #aboutContent.press { padding: 0 0 2.5em 0; } @media (max-width: 520px) { #values.press, #aboutContent.press { padding-bottom: 1.25em; } } #values.press .row:first-child, #aboutContent.press .row:first-child { padding-top: 0; } #values .row, #aboutContent .row { padding: 2.5em 0; } @media (max-width: 520px) { #values .row, #aboutContent .row { padding: 1.25em 0; } } #values .row.noPad, #aboutContent .row.noPad { padding: 0; } @media (max-width: 1024px) { #values .eight, #aboutContent .eight { width: 90%; } } #values .left, #aboutContent .left { width: 24%; float: left; text-align: center; } #values .left.has-circles img, #aboutContent .left.has-circles img { border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); } @media (max-width: 520px) { #values .left.has-circles img, #aboutContent .left.has-circles img { max-width: 80%; } } @media (max-width: 520px) { #values .left, #aboutContent .left { width: 100%; margin: 0 0 1.25em 0; text-align: center; } } #values .right, #aboutContent .right { margin-left: 30%; } #values .right h3, #aboutContent .right h3 { color: #889158; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 1.875em; line-height: 1.26; margin: 0 0 0.66667em 0; } @media (max-width: 520px) { #values .right h3, #aboutContent .right h3 { font-size: 1.5em; } } #values .right a h3:hover, #aboutContent .right a h3:hover { color: #6a7145; } #values .right p, #aboutContent .right p { font-size: 1.125em; line-height: 1.44; } @media (max-width: 520px) { #values .right p, #aboutContent .right p { font-size: 1em; } } #values .right a, #aboutContent .right a { color: #889158; font-weight: 700; font-style: italic; } #values .right a:hover, #aboutContent .right a:hover { color: #6a7145; } @media (max-width: 520px) { #values .right, #aboutContent .right { width: 100%; margin: 0; float: left; } } #values .contact, #aboutContent .contact { text-align: center; } #values .contact.left-align, #aboutContent .contact.left-align { text-align: left; } #values .contact p, #aboutContent .contact p { line-height: 1.25; } #values .contact a, #aboutContent .contact a { color: #889158; font-weight: 700; font-style: italic; } #values .contact a:hover, #aboutContent .contact a:hover { color: #6a7145; } .about-donate { text-align: center; padding: 7.5em 0 6.25em 0; background: #889158 url(../images/layout/video-bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (max-width: 900px) { .about-donate { padding: 3.75em 0; } } .about-donate .video-wrapper { max-width: 32.1875em; margin: 0 auto; display: block; } @media (max-width: 520px) { .about-donate .video-wrapper { max-width: 100%; } } .about-donate .button { margin: 2.5em 0 0 0; } .about-donate h2 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-weight: 400; font-size: 4.625em; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px #302b2f; line-height: 1; } @media (max-width: 900px) { .about-donate h2 { font-size: 4em; } } @media (max-width: 780px) { .about-donate h2 { font-size: 3.625em; } } @media (max-width: 480px) { .about-donate h2 { font-size: 2.375em; } } #partners { padding: 0 0 2.5em 0; } #partners .title { margin-bottom: 3.75em; } @media (max-width: 460px) { #partners .title { margin-bottom: 1.25em; } } #partners p { margin-top: 3.75em; } @media (max-width: 460px) { #partners p { margin-top: 1.25em; } } #partners li { font-size: 1.125em; line-height: 1; margin: 0 0 0.55556em 0; } @media (max-width: 768px) { #partners li { text-align: center; } } #partners li.no-link { color: #889158; font-style: italic; font-weight: 700; } #partners li a { color: #889158; font-style: italic; font-weight: 700; } #partners li a:hover { color: #6a7145; } .supporters-wrap { display: flex; flex-wrap: wrap; } .supporters-wrap .supporter-logo { display: flex; align-items: center; justify-content: center; padding: 1rem; flex: 0 0 50%; max-width: 49.5%; } @media print, screen and (min-width: 600px) { .supporters-wrap .supporter-logo { flex: 0 0 33.333%; max-width: 33%; } } @media print, screen and (min-width: 992px) { .supporters-wrap .supporter-logo { flex: 0 0 20%; max-width: 19.7%; } } .supporters-wrap .supporter-logo img { max-height: 150px; max-width: 100%; width: auto; } .feature-story { padding: 40px; background: #302b2f; float: left; width: 100%; } @media (max-width: 768px) { .feature-story { padding: 1.25em; } } .feature-story a h3 { color: #e8c360; font-family: "Sentinel A", "Sentinel B", georgia, serif; weight: 700; font-size: 1.875em; line-height: 1.3; } .feature-story a h3:hover { color: #e2b233; } @media (max-width: 800px) { .feature-story a h3 { font-size: 1.625em; } } @media (max-width: 768px) { .feature-story a h3 { font-size: 1.375em; } } @media (max-width: 560px) { .feature-story a h3 { font-size: 1.125em; } } .feature-story p { color: #fff; font-family: "franklin-gothic-urw", sans-serif; font-size: 1.125em; line-height: 1.222; margin: 0 0 1.6em 0; } .feature-story p.meta { font-size: 0.8333em; font-style: italic; margin-bottom: 1em; margin-top: 5px; } @media (max-width: 560px) { .feature-story p { font-size: 0.8125em; } } .feature-story a.read-more { color: #fff; } .feature-story a.read-more:hover { color: #e8c360; } @media (max-width: 560px) { .feature-story a.read-more { font-size: 0.8125em; } } /* ============================================== */ /* Blog - Landing */ /* ============================================== */ #blogLandingHero { background: url(../images/layout/blog-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.625em 0 10em; position: relative; border-bottom: 5px solid #e8c360; z-index: 1; } #blogLandingHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; text-align: center; line-height: 1; font-weight: 400; position: relative; z-index: 9; } @media (max-width: 840px) { #blogLandingHero h1 { font-size: 5em; } } @media (max-width: 660px) { #blogLandingHero h1 { font-size: 4em; } } @media (max-width: 840px) { #blogLandingHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #blogLandingHero { padding: 9.375em 0 3.75em; } } #blogLandingHero .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: rgba(48, 43, 47, 0.3); } #blogLanding { padding: 5em 0 2.5em; } #blogLanding .tag { color: #fff; font-size: 0.75em; text-transform: uppercase; font-weight: 700; line-height: 1; background: #95908e; background: rgba(48, 43, 47, 0.5); width: auto; padding: 0.375em 0.75em; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 0.5em; } #blogLanding .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin: 3.75em 0 0 0; width: 100%; } #blogLanding .post { margin: 0 0 3.75em 0; } #blogLanding .post a h2 { font-size: 1.875em; color: #889158; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; line-height: 1.3; margin: 0 0 0.33333em 0; } #blogLanding .post a h2:hover { color: #6a7145; } #blogLanding .entry { font-size: 1em; color: #302b2f; line-height: 1.625; margin: 0 0 1.25em 0; } #blogLanding .featured { margin: 0 0 3.75em 0; *zoom: 1; } #blogLanding .featured:before, #blogLanding .featured:after { content: ""; display: table; } #blogLanding .featured:after { clear: both; } #blogLanding .featured .meta { color: #fff; font-size: 0.9375em; } #blogLanding .featured .meta a { display: inline; color: #fff; } #blogLanding .featured .meta a:hover { color: #e8c360; } #blogLanding .meta { margin: 0 0 0.9375em 0; color: #302b2f; } #blogLanding .meta { display: block; } #blogLanding .meta span.block { display: block; } #blogLanding .meta span.comma:after { content: ", "; } #blogLanding .meta span.comma:last-child:after { display: none; } #blogLanding .meta a { color: #302b2f; font-style: italic; } #blogLanding .meta a:hover { color: #889158; } .featured .meta { margin: 0 0 0.9375em 0; color: #fff; } .featured .meta span.block { display: block; } .featured .meta span.block span.comma:after { content: ", "; } .featured .meta span.block span.comma:last-child:after { display: none; } .featured .meta a { color: #fff; font-style: italic; } .featured .meta a:hover { color: #e8c360; } .widget { float: left; width: 100%; margin: 0 0 3.75em 0; padding: 0 0 0 0.625em; } .widget .widget { padding-left: 0; margin-bottom: 0; } .widget h3, .widget h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; color: #302b2f; font-weight: 700; font-style: italic; line-height: 1; margin: 0 0 1.36364em 0; position: relative; } .widget h3:after, .widget h2:after { content: ""; width: 100%; height: 3px; position: absolute; bottom: -15px; left: 0; background: url(../images/layout/dot.png) repeat-x center center; } .widget p { line-height: 1.25; } .widget p#subscribe-text { margin-bottom: 20px; } .widget .button { padding: 15px 50px; text-align: center; } @media (max-width: 880px) { .widget .button { padding: 15px 30px; } } @media (max-width: 768px) { .widget .button { padding: 15px 50px; } } .widget form { margin: 1.5625em 0 0 0; *zoom: 1; } .widget form:before, .widget form:after { content: ""; display: table; } .widget form:after { clear: both; } .widget #subscribe-email { float: left; width: 12.5em; } @media (max-width: 1110px) { .widget #subscribe-email { width: 11.25em; } } @media (max-width: 1030px) { .widget #subscribe-email { width: 10em; } } @media (max-width: 980px) { .widget #subscribe-email { width: 9.375em; } } @media (max-width: 900px) { .widget #subscribe-email { width: 8.75em; } } @media (max-width: 870px) { .widget #subscribe-email { width: 100%; } } @media (max-width: 768px) { .widget #subscribe-email { width: 14.25em; } } @media (max-width: 400px) { .widget #subscribe-email { width: 12.5em; } } @media (max-width: 350px) { .widget #subscribe-email { width: 10em; } } @media (max-width: 315px) { .widget #subscribe-email { width: 9.375em; } } @media (max-width: 300px) { .widget #subscribe-email { width: 100%; } } .widget #subscribe-email label { display: none; } .widget #subscribe-email input[type="email"] { background: #fff; border: 1px solid #d9d2cb; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px; border-radius: 3px 0 0 3px; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; color: #302b2f; padding: 0.875em 1.25em; line-height: 1.2; float: left; width: 100%; } @media (max-width: 790px) { .widget #subscribe-email input[type="email"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; } } @media (max-width: 768px) { .widget #subscribe-email input[type="email"] { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px; border-radius: 3px 0 0 3px; } } @media (max-width: 300px) { .widget #subscribe-email input[type="email"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; } } .widget #subscribe-submit { float: left; width: 5.5em; margin-left: 0.3125em; } @media (max-width: 900px) { .widget #subscribe-submit { width: 5em; } } @media (max-width: 870px) { .widget #subscribe-submit { width: 100%; margin-left: 0; margin-top: 5px; } } @media (max-width: 768px) { .widget #subscribe-submit { width: 5.5em; margin-left: 5px; margin-top: 0; } } @media (max-width: 300px) { .widget #subscribe-submit { width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; margin-left: 0; } } .widget #subscribe-submit input[type="submit"] { background: #585354; border: none; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0; border-radius: 0 3px 3px 0; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; color: #fff; padding: 0.9375em 1.25em; line-height: 1.2; text-align: center; width: 100%; } @media (max-width: 870px) { .widget #subscribe-submit input[type="submit"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; } } @media (max-width: 768px) { .widget #subscribe-submit input[type="submit"] { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0; border-radius: 0 3px 3px 0; } } @media (max-width: 300px) { .widget #subscribe-submit input[type="submit"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; } } .widget ul.blogroll li { float: left; width: 103px; height: 103px; margin: 1px; } .widget ul.blogroll li a { display: block; border: 1px solid #efe8e0; } .widget ul.blogroll li a:hover { border: 1px solid #decfbe; } .widget.secondary .info { padding: 0 1.25em; } @media (max-width: 768px) { .widget.secondary .info { padding-top: 1.25em; } } .widget.secondary a.story { height: 13.125em; margin-bottom: 0.625em; } @media (max-width: 768px) { .widget.secondary a.story { height: 8.75em; } } .widget.secondary .storyBG { background: url("../images/layout/blog-post-default.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (max-width: 400px) { .widget.secondary a.story .storyBG { max-width: 100%; } .widget.secondary .overlay { width: 100%; } .widget.secondary .info { width: 100%; margin-left: 0; color: #fff; } .widget.secondary .info p, .widget.secondary .info h4 { color: #fff; } } .overlay.gold { background: rgba(232, 195, 96, 0.7); } .overlay.teal { background: rgba(72, 131, 151, 0.7); } .overlay.green { background: rgba(136, 145, 88, 0.7); } .sort .superButton { -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; cursor: pointer; width: 100%; max-width: 322px; margin-bottom: 10px; position: relative; z-index: 10; } .sort .superButton i { float: right; } .sort .superButton span { display: inline-block; padding-top: 15px; } @media (max-width: 768px) { .sort .superButton { margin-right: 20px; } } .sort .catDrop { position: relative; } .sort .catList { position: absolute; top: 100%; background: #fff; width: 100%; height: 16.25em; overflow-y: scroll; z-index: 99999; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 8px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 8px rgba(48, 43, 47, 0.2); box-shadow: 0 0 8px rgba(48, 43, 47, 0.2); } .sort ul li a { padding: 1.25em; font-size: 1em; line-height: 1; background: #fff; border-bottom: 1px solid #eae9ea; display: block; color: #302b2f; } .sort ul li a:hover { background: #f7f7f7; } .sort ul li a.topLink { /* padding:0; border: none; */ } .sort ul li.year span { background: #edefe6; font-weight: 700; padding: 1.25em; color: #302b2f; display: block; } .sort ul li.topLevel .topLink { font-weight: 700; text-transform: uppercase; padding: 0 5px 0 85px; height: 76px; border: none; width: 100%; color: #302b2f; position: relative; display: inline-block; } .sort ul li.topLevel .topLink:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-left: -0.25em; } .sort ul li.topLevel .topLink span { display: inline-block; vertical-align: middle; } .sort ul li.topLevel .topLink i { height: 45px; width: 45px; border-radius: 50%; position: absolute; left: 20px; top: 15px; text-align: center; } .sort ul li.topLevel .topLink i:before { font-size: 24px; width: auto; margin: 0; height: auto; line-height: 45px; } .sort ul li.topLevel .topLink.red { background: #f1e5e0; } .sort ul li.topLevel .topLink.red:hover { background: #e1c8bd; } .sort ul li.topLevel .topLink.red i { color: #f1e5e0; background: #a15331; } .sort ul li.topLevel .topLink.tan { background: #fcf6e7; } .sort ul li.topLevel .topLink.tan:hover { background: #f6e5ba; } .sort ul li.topLevel .topLink.tan i { color: #fcf6e7; background: #e8c360; } .sort ul li.topLevel .topLink.green { background: #edefe6; } .sort ul li.topLevel .topLink.green:hover { background: #d7dbc7; } .sort ul li.topLevel .topLink.green i { color: #edefe6; background: #889158; } .sort ul li.topLevel .topLink.blue { background: #e4edf0; } .sort ul li.topLevel .topLink.blue:hover { background: #c3d7de; } .sort ul li.topLevel .topLink.blue i { color: #e4edf0; background: #498499; } .sort ul li.topLevel .topLink.orange { background: #f9e3ce; } .sort ul li.topLevel .topLink.orange:hover { background: #f3c9a1; } .sort ul li.topLevel .topLink.orange i { color: #f9e3ce; background: #cf8944; } .sort ul li.topLevel .topLink.black { background: #e8e8e8; } .sort ul li.topLevel .topLink.black:hover { background: #cfcfcf; } .sort ul li.topLevel .topLink.black i { color: #e8e8e8; background: #302b2f; } /* ============================================== */ /* Blog - Single */ /* ============================================== */ #blogHero { background: url(../images/layout/blog-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.625em 0 5em; position: relative; z-index: 1; border-bottom: 5px solid #e8c360; } #blogHero .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: rgba(48, 43, 47, 0.75); } #blogHero h1 { color: #fff; font-family: "franklin-gothic-urw", sans-serif; font-size: 2.25em; text-align: left; line-height: 1.22; font-weight: 700; padding-top: 0.27778em; margin-top: 0.27778em; position: relative; text-transform: none; z-index: 9; border-top: 1px solid rgba(255, 255, 255, 0.5); } @media (max-width: 768px) { #blogHero h1 { font-size: 1.875em; } } @media (max-width: 480px) { #blogHero h1 { font-size: 1.625em; } } @media (max-width: 380px) { #blogHero h1 { font-size: 1.25em; } } @media (max-width: 840px) { #blogHero { padding: 11.25em 0 3.75em; } } @media (max-width: 480px) { #blogHero { padding: 9.375em 0 2.5em; } } @media (max-width: 400px) { #blogHero { padding: 6.25em 0 1.25em; } } #blogHero .tag { color: #fff; font-size: 0.75em; text-transform: uppercase; font-weight: 700; line-height: 1; background: #e8c360; background: rgba(214, 178, 81, 0.5); width: auto; position: relative; z-index: 9; padding: 0.375em 0.75em; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 0.5em; } #blogHero p.meta { font-size: 1.125em; color: #fff; margin-top: 10px; position: relative; z-index: 9; text-align: left; padding: 0; } #blogHero p.meta a { color: #fff; } #blogHero p.meta a:hover { color: #f7f7f7; } #blogHero p.meta span:after { content: ", "; margin-right: 3px; } #blogHero p.meta span:last-child:after { display: none; } #blogSingle { padding: 3.75em 0 2.5em; } #blogSingle .entry a:not(.button) { color: #889158; font-weight: 700; font-style: italic; } #blogSingle .entry a:not(.button):hover { color: #6a7145; } #blogSingle .entry img { width: 100%; margin: 1.25em 0 1.875em; } #blogSingle .wp-caption { width: 100% !important; position: relative; margin-bottom: 1.875em; } #blogSingle .wp-caption img { margin-bottom: 0; } #blogSingle .wp-caption .wp-caption-text { width: 165px; position: absolute; text-align: right; left: -185px; top: 30px; font-family: "Sentinel A", "Sentinel B", georgia, serif; color: #302b2f; font-size: 0.875em; font-style: italic; } #blogSingle .wp-caption .wp-caption-text:before { width: 60px; height: 3px; background: #e8c360; position: absolute; top: -10px; right: 0; content: ""; } @media (max-width: 768px) { #blogSingle .wp-caption .wp-caption-text:before { width: 50%; margin: 0 25%; bottom: -5px; top: auto; } } @media (max-width: 850px) { #blogSingle .wp-caption .wp-caption-text { width: 135px; left: -145px; } } @media (max-width: 768px) { #blogSingle .wp-caption .wp-caption-text { position: relative; top: auto; left: auto; margin: 0 0 1.07143em; width: 100%; text-align: center; } } #blogSingle .entry ol li { list-style: decimal; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; } #blogSingle .entry ul li { list-style: disc; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; } #blogSingle .entry p { font-size: 1em; color: #302b2f; line-height: 1.625; margin: 0 0 1.5625em 0; text-align: left !important; } #blogSingle .entry h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 0 0 0.16667em 0; line-height: 1.3; } #blogSingle .entry h4 { color: #302b2f; font-size: 1.375em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-style: italic; margin: 0 0 0.45455em 0; line-height: 1.6; } #blogSingle .entry h5 { color: #889158; font-size: 1.125em; line-height: 1.625; text-transform: uppercase; } #blogSingle .entry table { background: #fff; border: 20px solid #fff; -moz-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); -webkit-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); } #blogSingle .entry address { font-size: 1em; color: #302b2f; line-height: 1.625; margin: 0 0 1.5625em 0; } .row.meta { color: #302b2f; } .row.meta .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin: 2.5em 0 1.25em 0; } @media (max-width: 420px) { .row.meta .dots.hide { display: none; } } .row.meta span { display: block; text-transform: uppercase; color: #302b2f; font-size: 0.875em; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; } .row.meta .meta-info { display: block; } .row.meta .meta-info.authors a { display: block; } .row.meta a { display: inline-block; margin: 0; font-size: 1em; color: #889158; font-style: italic; font-weight: bold; } .row.meta a:hover { color: #6a7145; } @media (max-width: 420px) { .row.meta a { margin-bottom: 1.25em; } } @media (max-width: 768px) { .row.meta .four { width: 50% !important; float: left !important; } } @media (max-width: 420px) { .row.meta .four { width: auto !important; float: none !important; } } @media (max-width: 768px) { .row.meta .two { display: none; } } .row.navigation span { display: block; text-transform: uppercase; color: #302b2f; font-size: 0.875em; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; } .row.navigation a { float: left; width: 100%; margin: 0.625em 0 1.5625em 0; position: relative; z-index: 9999; background: #fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 14.375em; } @media (max-width: 500px) { .row.navigation a { height: 8.75em; } } .row.navigation a:hover .overlay.gold { background: rgba(232, 195, 96, 0.55); } .row.navigation a:hover .overlay.teal { background: rgba(72, 131, 151, 0.55); } .row.navigation a:hover .overlay.green { background: rgba(136, 145, 88, 0.55); } .row.navigation a .storyBG { position: relative; width: 100%; height: 100%; z-index: 1; background: url("../images/layout/blog-post-default.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .row.navigation .info { position: absolute; bottom: 1.25em; padding: 0 1.875em; color: #fff; z-index: 5; text-shadow: 1px 1px 1px #302b2f; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); } @media (max-width: 420px) { .row.navigation .info { font-size: 0.875em; } } @media (max-width: 320px) { .row.navigation .info { font-size: 0.75em; } } .row.navigation .info p { font-size: 1em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-style: italic; position: relative; margin-bottom: 0.9375em; color: #fff; } .row.navigation .info p:after { width: 1.875em; height: 1px; background: #fff; position: absolute; left: 0; top: 100%; margin-top: 0.4375em; content: ""; z-index: 9999; } .row.navigation .info h4 { font-size: 1.125em; line-height: 1.2; color: #fff; font-family: "franklin-gothic-urw", sans-serif; font-style: normal; } .row.navigation .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } .row.navigation .overlay.gold { background: rgba(232, 195, 96, 0.7); } .row.navigation .overlay.teal { background: rgba(72, 131, 151, 0.7); } @media (max-width: 768px) { .row.navigation .four { width: 50% !important; float: left !important; } } @media (max-width: 500px) { .row.navigation .four { width: auto !important; float: none !important; } } .pingback { display: none; } .comments a { color: #889158; font-weight: 700; font-style: italic; } .comments a:hover { color: #6a7145; } .comments h4, .comments h5 { font-family: "franklin-gothic-urw", sans-serif; font-weight: 400; font-size: 1.25em; color: #302b2f; margin: 1.25em 0 0.25em 0; text-transform: uppercase; } .comments h4 span, .comments h5 span { color: #889158; font-weight: 700; font-style: normal; } .comments h4 a, .comments h5 a { color: #889158; font-weight: 400; font-style: normal; } .comments h4 a:hover, .comments h5 a:hover { color: #6a7145; } .comments h5 { font-weight: 700; color: #889158; } .comments h5 a { font-weight: 700; } .comments .comment-date { color: #8e8c88; text-transform: uppercase; font-size: 0.875em; line-height: 1; display: block; margin: 0 0 1.25em 0; } .comments .comment-date span { text-transform: lowercase; } .comments .children { padding-left: 1.875em; } .comments .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin: 0.9375em 0 2.1875em 0; } .comments li .dots { margin-top: 2.1875em; } .comments .text p { color: #302b2f; line-height: 1.25; margin: 0 0 1.25em 0; font-size: 1em; } .comments .reply a.comment-reply-link { font-size: 1em; color: #302b2f; text-transform: uppercase; font-weight: 700; } .comments .reply a.comment-reply-link i { color: #889158; font-size: 12px; font-weight: 400; } .comments .reply a.comment-reply-link:hover { color: #889158; } #respond { background: #fff; padding: 1.875em; margin: 0.625em 0 0 0; -moz-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); -webkit-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); *zoom: 1; } #respond:before, #respond:after { content: ""; display: table; } #respond:after { clear: both; } #respond h3 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-style: italic; font-size: 1.375em; color: #889158; margin: 0 0 0.9375em 0; } #respond input { border: 1px solid #d6d5d5; font-size: 1em; color: #4b4349; padding: 0.5em 0.9375em; width: 32%; line-height: 1.2; margin: 0 0 0.625em 2%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; font-family: "franklin-gothic-urw", sans-serif; } #respond input:first-child { margin-left: 0; } @media (max-width: 500px) { #respond input { width: 100%; margin-left: 0; } } #respond textarea { border: 1px solid #d6d5d5; font-size: 1em; color: #4b4349; padding: 0.9375em 0.9375em; width: 100%; line-height: 1.3; margin: 0; float: left; font-family: "franklin-gothic-urw", sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #respond .submitbutton { margin: 1.25em 0 0 0; float: right; width: 100%; background: #fff; position: relative; } #respond .submitbutton .dots { position: absolute; z-index: 10; top: 6px; left: 0; width: 100%; margin: 0; } #respond .submitbutton i { color: #e8c360; font-size: 12px; float: right; width: auto; position: relative; z-index: 20; background: #fff; padding-left: 10px; } #respond input[type="submit"] { -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; border: none; background: none; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; text-transform: uppercase; padding: 0 0 0 8px; margin-left: 0; font-size: 0.875em; background: #fff; width: auto; float: right; position: relative; z-index: 20; } #respond input[type="submit"]:hover { color: #e8c360; } p.comment-subscription-form { float: left; width: 100%; margin-bottom: 10px; } p.comment-subscription-form input { margin: 3px 0 0 0 !important; } p.comment-subscription-form label { line-height: 1; padding-left: 5px; } a#cancel-comment-reply-link { background: #889158; color: #fff; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; padding: 0.5em 0.75em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a#cancel-comment-reply-link i:before { width: auto !important; margin: 0 !important; } a#cancel-comment-reply-link:hover { background: #6a7145; } #relatedBlog .card { margin-bottom: 1.25em; } #subscribe-text { margin-bottom: 10px; } .rss-subscribe { margin-top: 20px; *zoom: 1; } .rss-subscribe:before, .rss-subscribe:after { content: ""; display: table; } .rss-subscribe:after { clear: both; } .rss-subscribe a { color: #302b2f; text-transform: uppercase; font-weight: 700; } .rss-subscribe a:hover { color: #889158; } .rss-subscribe a:before { color: #889158; font-weight: normal; margin-right: 8px; } #respond #tgm-mc-get-subscribed { margin-top: 3px; margin-right: 5px; } p.comment-subscription-form ~ p.comment-subscription-form { display: none; } .work-theme-hero { background-image: url(../images/layout/work-theme-bg.jpg); } #cardGrid { padding: 5em 0 2.5em; } #cardGrid .challengeCard { margin: 0 0 3.125em 0; } @media (max-width: 1024px) { #cardGrid .challengeCard { width: 50% !important; float: left !important; } } @media (max-width: 547px) { #cardGrid .challengeCard { width: auto !important; float: none !important; } } #cardGrid .challengeCard .cardWrapper { background: #fff; -moz-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); -webkit-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); position: relative; } @media (max-width: 547px) { #cardGrid .challengeCard .cardWrapper { height: auto !important; } } #cardGrid .challengeCard .cardWrapper img { border-bottom: 4px solid #e8c360; vertical-align: bottom; } #cardGrid .challengeCard .cardWrapper .info { padding: 1.5625em 1.875em 3.3125em 1.875em; } #cardGrid .challengeCard .cardWrapper .info a h3 { color: #889158; font-size: 1.625em; font-weight: 700; line-height: 1; } #cardGrid .challengeCard .cardWrapper .info a h3:hover { color: #6a7145; } #cardGrid .challengeCard .cardWrapper .info p { font-size: 1em; line-height: 1.25; margin: 0.625em 0 1.25em 0; } #cardGrid .challengeCard .cardWrapper .info a.read-more { position: absolute; left: 30px; bottom: 30px; color: #302b2f; } #cardGrid .challengeCard .cardWrapper .info a.read-more:hover { color: #889158; } #cardGrid .challengeCard.featured { position: relative; } #cardGrid .challengeCard.featured:after { content: "FEATURED CHALLENGE"; position: absolute; top: 10px; right: 26px; color: #fff; font-size: 0.75em; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.5); font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; } #cardGrid .challengeCard.featured .cardWrapper { background: #302b2f; } #cardGrid .challengeCard.featured .cardWrapper .info a h3 { color: #e8c360; } #cardGrid .challengeCard.featured .cardWrapper .info a h3:hover { color: #e2b233; } #cardGrid .challengeCard.featured .cardWrapper .info p { color: #fff; } #cardGrid .challengeCard.featured .cardWrapper .info a.read-more { color: #fff; } #cardGrid .challengeCard.featured .cardWrapper .info a.read-more:hover { color: #e8c360; } /* ============================================== */ /* Individual Challenge Page */ /* ============================================== */ #themeDetails { padding: 5em 0 2.5em 0; } #themeDetails .three .sharedaddy { padding-right: 10px; margin-top: 20px; } @media (max-width: 880px) { #themeDetails .three .sharedaddy { padding-right: 0; } } @media (max-width: 880px) { #themeDetails .three { text-align: center; } } @media (max-width: 680px) { #themeDetails { padding: 2.5em 0 1.25em; } } #themeEvents, #themeRelatedPub, #themeRelatedTool, #themeResources, #themeExperiences { padding: 2.5em 0; } @media (max-width: 680px) { #themeEvents, #themeRelatedPub, #themeRelatedTool, #themeResources, #themeExperiences { padding: 1.25em 0; } } .our-work .card { background: url(../images/layout/our-work-bg.jpg); background-position: center; background-size: cover; } .our-work .card h1 { font-size: 4.625em; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-weight: 500; text-transform: uppercase; color: #889158; } @media (max-width: 600px) { .our-work .card h1 { font-size: 3.4375em; } } .our-work .card p { font-size: 1.25em; font-weight: 600; font-family: sentinal; line-height: normal !important; margin-bottom: 36px !important; } @media (max-width: 600) { .our-work .card p { font-size: 1em; } } .our-work .card .button { background: rgba(136, 145, 88, 0.8); color: white; border: none; opacity: .8; } @media (max-width: 600) { .our-work .card .button { font-size: 1em; } } .our-work .card .button:hover { background: #889158; } #projects-hero { padding: 18.125em 0 12.5em; background: url("../images/layout/projects-bg.jpg") no-repeat center center fixed; background-size: cover; border-bottom: 5px solid #e8c360; } #projects-hero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; text-align: center; line-height: 1; font-weight: 400; } @media (max-width: 520px) { #projects-hero h1 br { display: none; } } @media (max-width: 840px) { #projects-hero h1 { font-size: 5em; } } @media (max-width: 660px) { #projects-hero h1 { font-size: 4em; } } @media (max-width: 840px) { #projects-hero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #projects-hero { padding: 9.375em 0 3.75em; } } #projects-hero p { color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 1.25em; text-align: center; line-height: 1.3; margin: 1em 0 0 0; padding: 0 5%; } @media (max-width: 600px) { #projects-hero p br { display: none; } } @media (max-width: 480px) { #projects-hero p { font-size: 1.125em; } } @media (max-width: 320px) { #projects-hero p { font-size: 1em; } } #cardGrid { padding: 5em 0 2.5em; } #cardGrid .challengeCard { margin: 0 0 3.125em 0; } @media (max-width: 1024px) { #cardGrid .challengeCard { width: 50% !important; float: left !important; } } @media (max-width: 547px) { #cardGrid .challengeCard { width: auto !important; float: none !important; } } #cardGrid .challengeCard .cardWrapper { background: #fff; -moz-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); -webkit-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); position: relative; } @media (max-width: 547px) { #cardGrid .challengeCard .cardWrapper { height: auto !important; } } #cardGrid .challengeCard .cardWrapper img { border-bottom: 4px solid #e8c360; vertical-align: bottom; } #cardGrid .challengeCard .cardWrapper .info { padding: 1.5625em 1.875em 3.3125em 1.875em; } #cardGrid .challengeCard .cardWrapper .info a h3 { color: #889158; font-size: 1.625em; font-weight: 700; line-height: 1; } #cardGrid .challengeCard .cardWrapper .info a h3:hover { color: #6a7145; } #cardGrid .challengeCard .cardWrapper .info p { font-size: 1em; line-height: 1.25; margin: 0.625em 0 1.25em 0; } #cardGrid .challengeCard .cardWrapper .info a.read-more { position: absolute; left: 30px; bottom: 30px; color: #302b2f; } #cardGrid .challengeCard .cardWrapper .info a.read-more:hover { color: #889158; } #cardGrid .challengeCard.featured { position: relative; } #cardGrid .challengeCard.featured:after { content: "FEATURED CHALLENGE"; position: absolute; top: 10px; right: 26px; color: #fff; font-size: 0.75em; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.5); font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; } #cardGrid .challengeCard.featured .cardWrapper { background: #302b2f; } #cardGrid .challengeCard.featured .cardWrapper .info a h3 { color: #e8c360; } #cardGrid .challengeCard.featured .cardWrapper .info a h3:hover { color: #e2b233; } #cardGrid .challengeCard.featured .cardWrapper .info p { color: #fff; } #cardGrid .challengeCard.featured .cardWrapper .info a.read-more { color: #fff; } #cardGrid .challengeCard.featured .cardWrapper .info a.read-more:hover { color: #e8c360; } /* ============================================== */ /* Individual Projects Page */ /* ============================================== */ #themeDetails { padding: 5em 0 2.5em 0; } #themeDetails .three .sharedaddy { padding-right: 10px; margin-top: 20px; } @media (max-width: 880px) { #themeDetails .three .sharedaddy { padding-right: 0; } } @media (max-width: 880px) { #themeDetails .three { text-align: center; } } @media (max-width: 680px) { #themeDetails { padding: 2.5em 0 1.25em; } } #themeEvents, #themeRelatedPub, #themeRelatedTool, #themeResources, #themeExperiences { padding: 2.5em 0; } @media (max-width: 680px) { #themeEvents, #themeRelatedPub, #themeRelatedTool, #themeResources, #themeExperiences { padding: 1.25em 0; } } .our-work .card { background: url(../images/layout/our-work-bg.jpg); } .our-work .card h1 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; } .our-work .card p { font-size: 20px; } #project-profile { padding: 5em 0 2.5em; } #project-profile .card.text h4 { margin-bottom: 10px; } #project-profile.hasCards .card.landscape .right h5, #project-profile.hasCards .card.landscape .right p { line-height: 17px; color: #302b2f; } #project-profile.hasCards .card.landscape .right p a { color: #889158; } #project-profile.hasCards .card.landscape .right p a:hover { text-decoration: underline; } #project-profile .meta { display: block; } #project-profile .meta span.comma:after { content: ", "; } #project-profile .meta span.comma:last-child:after { display: none; } .events-hero { padding: 18.125em 0 12.5em; background: url(../images/layout/event-bg.jpg) no-repeat center center fixed; background-size: cover; } @media (max-width: 840px) { .events-hero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { .events-hero { padding: 9.375em 0 3.75em; } } .eventResults h2 { margin: 0 0 2.72727em 0; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; font-weight: 800; font-style: italic; position: relative; color: #302b2f; background: url(../images/layout/dot.png) repeat-x center center; } .eventResults h2.now { margin-top: 0; } .eventResults h2 span { padding: 0 10px 0 0; background: url(../images/layout/paper-bg.jpg) repeat; } @media (max-width: 480px) { .eventResults h2 { float: left; width: 100%; margin-bottom: 1.36364em; } } .eventResults p { font-size: 0.875em; margin: 0 0 1.5625em 0; } .eventResults .resultbox p { margin: 0; } .eventResults .right-cta { margin: 0 0 3.125em 0; } @media (max-width: 480px) { .eventResults .right-cta { margin-bottom: 1.25em; } } @media (max-width: 480px) { .right-cta { float: left; width: 100%; margin-top: 1.875em; } } .eventBox { margin: 0 0 3.75em 0; } @media (max-width: 480px) { .eventBox { float: left; margin-bottom: 1.875em; } } .eventBox .left { float: left; width: 9.375em; } @media (max-width: 480px) { .eventBox .left { width: 100%; text-align: center; } } .eventBox .right { margin-left: 10.9375em; } @media (max-width: 480px) { .eventBox .right { width: 100%; float: left; margin: 1.25em 0 0 0; } } .eventBox .title { margin-bottom: 3.75em; } @media (max-width: 460px) { .eventBox .title { margin-bottom: 1.25em; } } .eventBox h4 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; color: #889158; font-size: 1.5em; line-height: 1.2; margin: 0 0 0.41667em 0; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } @media (max-width: 880px) { .eventBox h4 { font-size: 1.375em; } } @media (max-width: 460px) { .eventBox h4 { font-size: 1.25em; } } .eventBox a h4 { color: #889158; } .eventBox a h4:hover { color: #6a7145; } .eventBox p { font-size: 1em; margin: 0 0 1.25em 0; } @media (max-width: 768px) { .eventBox p { margin-bottom: 0.625em; } } @media (max-width: 460px) { .eventBox p { font-size: 0.875em; } } .eventBox a.event-image { display: inline-block; max-width: 100%; } .eventBox a.event-image img { border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); } .eventBox a.event-image:hover { opacity: 0.8; } .eventBox a.read-more { font-size: 1em; text-transform: uppercase; } .eventBox a.read-more i:before { color: #889158; } .eventBox a.read-more:hover { color: #6a7145; } @media (max-width: 768px) { .eventBox a.read-more { font-size: 0.875em; } } @media (max-width: 480px) { .eventBox a.read-more { float: left; width: 100%; } } .eventBox .type { display: block; font-size: 0.75em; font-style: italic; margin: 0 0 0.75em 0; color: #302b2f; } .eventBox .type i:before { margin: 0 0.75em 0 0; } .eventBox .time { display: block; text-transform: uppercase; font-size: 0.875em; margin: 0 0 0.35714em 0; color: #302b2f; } @media (max-width: 520px) { .eventBox .time { font-size: 0.75em; } } /* ============================================== */ /* Individual Event Page */ /* ============================================== */ #singleEvent { padding: 10.625em 0 5em; } @media (max-width: 400px) { #singleEvent { padding: 7.5em 0 1.25em; } } #singleEvent .eventSidebar { *zoom: 1; } #singleEvent .eventSidebar:before, #singleEvent .eventSidebar:after { content: ""; display: table; } #singleEvent .eventSidebar:after { clear: both; } #singleEvent .eventSidebar .featuredCircles { text-align: center; } #singleEvent .eventSidebar .featuredCircles img { border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); margin: 0 0 3.125em 0; display: inline-block; } @media (max-width: 880px) { #singleEvent .eventSidebar .featuredCircles img { margin: 0 1.25em 3.125em 1.25em; } } @media (max-width: 620px) { #singleEvent .eventSidebar .featuredCircles img { display: block; margin: 0 auto 1.25em auto; } } #singleEvent .eventSidebar .widget { float: left; width: 100%; margin: 0 0 3.125em 0; } #singleEvent .eventSidebar .widget h4 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.375em; margin: 0 0 1.36364em 0; position: relative; } #singleEvent .eventSidebar .widget h4:after { content: ""; position: absolute; bottom: -10px; width: 100%; background: url("../images/layout/dot.png") repeat-x; height: 3px; left: -3px; } @media (max-width: 320px) { #singleEvent .eventSidebar .widget h4 { font-size: 1.125em; } } #singleEvent .eventSidebar .widget img { margin: 0 auto; width: auto; display: block; } #singleEvent .eventSidebar .widget p { margin: 0 0 1.5625em 0; } #singleEvent .eventSidebar .widget p:last-child { margin: 0; } #singleEvent .eventSidebar .widget p.sideMeetingTitle { margin: 0 0 0.3125em 0; } #singleEvent .eventSidebar .widget a { color: #889158; font-style: italic; font-weight: bold; } #singleEvent .eventSidebar .widget a:hover { color: #6a7145; } #singleEvent .eventSidebar .widget a.hostImage { margin-bottom: 0.9375em; display: block; } #singleEvent .eventSidebar .widget a.hostImage img { display: block; } #singleEvent .eventSidebar .widget a.button { color: #fff; font-style: normal; } @media (max-width: 880px) { #singleEvent .eventSidebar .widget { width: 50%; padding: 0 1.25em; } #singleEvent .eventSidebar .widget:nth-child(even) { clear: left; } } @media (max-width: 620px) { #singleEvent .eventSidebar .widget { width: 100%; } } #singleEvent .eventSidebar .twitter.widget { position: relative; } #singleEvent .eventSidebar .twitter.widget:after { content: ""; position: absolute; width: 3.125em; height: 3.125em; top: 0; right: 0; background: url("../images/icons/twitter-icon.png") no-repeat 0 0; } @media (max-width: 880px) { #singleEvent .eventSidebar .twitter.widget:after { top: -20px; right: 20px; } } @media (max-width: 680px) { #singleEvent .eventSidebar .twitter.widget:after { display: none; } } #singleEvent .eventSidebar .twitter.widget h4 { padding: 0 1.36364em 0 0; margin: 0 0 0.90909em 0; } #singleEvent .eventSidebar .twitter.widget #hashtag { display: block; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-weight: 400; font-size: 2.5em; text-transform: uppercase; } #singleEvent .eventSidebar .twitter.widget a.twitterCTA { padding: 0.9375em; border: 1px solid #302b2f; border: 1px solid rgba(48, 43, 47, 0.2); font-weight: 400; font-style: normal; font-size: 1em; color: #302b2f; display: block; width: 100%; margin: 1.25em 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #singleEvent .eventSidebar .twitter.widget a.twitterCTA:hover { background: rgba(48, 43, 47, 0.1); } @media (max-width: 620px) { #singleEvent .eventSidebar .twitter.widget a.twitterCTA { max-width: 18.75em; } } .job-board-hero { background-image: url(../images/layout/job-board-bg.jpg); } .job-board-hero .overlay { background: rgba(72, 131, 151, 0.3); } .job-board .resultbox .right { margin-left: 0; } .job-board .full-dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin-bottom: 55px; clear: both; } .job-board .other-positions { float: right; } .job-header { background: #76a0ae; -webkit-box-shadow: 0 0 8px rgba(48, 43, 47, 0.4); -moz-box-shadow: 0 0 8px rgba(48, 43, 47, 0.4); box-shadow: 0 0 8px rgba(48, 43, 47, 0.4); } .hasCards .card.text.job-details h2 span { font-weight: 500; } .hasCards .card.text.job-details h4 { margin-top: 25px; } .hasCards .card.text.job-details p { line-height: 1.25; } .single-job .card.text ul { padding-bottom: 0; } .single-job .card.text ul li { line-height: 1.25; } .single-job .card.text ul li:last-child { margin-bottom: 0; } .single-job .job-responsibilities { margin-top: 20px; } .card.text.job-apply a { color: #889158; font-weight: bold; font-style: italic; } .card.text.job-apply a:hover { color: #6a7145; } #map-hero { background: url(../images/layout/paper-bg.jpg) repeat; border-bottom: 5px solid #889158; position: relative; } #map-hero a.scrolly { position: absolute; left: 50%; bottom: 20px; width: 30px; height: 30px; z-index: 11; border: 1px solid #fff; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -15px; text-align: center; } #map-hero a.scrolly:hover { background: #e8c360; border: 1px solid #e8c360; } #map-hero a.scrolly:hover i { color: #fff; } #map-hero a.scrolly i { -moz-transition: color 200ms ease-in; -o-transition: color 200ms ease-in; -webkit-transition: color 200ms ease-in; transition: color 200ms ease-in; color: #302b2f; font-size: 1.25em; } #map-hero a.scrolly i:before { width: auto; margin: 0; line-height: 30px; } #map-hero #map_canvas { width: 100%; height: 800px; position: relative; z-index: 1; } @media (max-width: 880px) { #map-hero #map_canvas { height: 600px; } } #map-hero .map-row { position: absolute; z-index: 9; width: 100%; } #map-hero .map-title { text-align: center; padding: 4.375em 4.75em; background: #302b2f; background: rgba(48, 43, 47, 0.75); position: absolute; z-index: 10; left: 50%; margin-left: -33.33333%; top: 13.125em; } @media (max-width: 930px) { #map-hero .map-title { padding: 2.5em; } } @media (max-width: 880px) { #map-hero .map-title { top: 9.375em; } } @media (max-width: 480px) { #map-hero .map-title { padding: 1.25em; } } @media (max-width: 300px) { #map-hero .map-title { padding-top: 2.5em; } } @media (max-width: 768px) { #map-hero .map-title { width: 90% !important; margin-left: 0; left: 5%; } } @media (max-width: 400px) { #map-hero .map-title { top: 9.375em; } } #map-hero .map-title h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; line-height: 1; font-weight: 400; } @media (max-width: 520px) { #map-hero .map-title h1 br { display: none; } } @media (max-width: 840px) { #map-hero .map-title h1 { font-size: 5em; } } @media (max-width: 660px) { #map-hero .map-title h1 { font-size: 4em; } } @media (max-width: 300px) { #map-hero .map-title h1 { font-size: 2.5em; } } #map-hero .map-title p { color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 1.25em; line-height: 1.3; margin: 1em 0 1.5em 0; padding: 0 5%; } @media (max-width: 840px) { #map-hero .map-title p { font-size: 1.125em; } } @media (max-width: 660px) { #map-hero .map-title p { font-size: 1em; } } @media (max-width: 320px) { #map-hero .map-title p { font-size: 0.875em; } } @media (max-width: 680px) { #map-hero .map-title .button { font-size: 1em; } } @media (max-width: 500px) { #map-hero .map-title .button { font-size: 0.875em; } } @media (max-width: 400px) { #map-hero .map-title .button { font-size: 0.75em; padding: 0.83333em 1.66667em; } } @media (max-width: 320px) { #map-hero .map-title .button { padding: 0.83333em 1.25em; } } #map-hero .map-title i.icon-cancel-circled-outline { position: absolute; top: 10px; right: 10px; color: #fff; font-size: 1.875em; font-weight: 400; } #map-hero .map-title i.icon-cancel-circled-outline:before { -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; cursor: pointer; } #map-hero .map-title i.icon-cancel-circled-outline:hover:before { color: #e8c360; } #map-hero .map-title-old { position: absolute; z-index: 2; top: 385px; left: 50%; margin-left: -144px; } @media (max-width: 880px) { #map-hero .map-title-old { margin-left: -125px; top: 275px; } } @media (max-width: 580px) { #map-hero .map-title-old { margin-left: -97px; top: 205px; } } #map-hero .map-title-old i { position: absolute; top: -30px; left: -30px; color: #302b2f; font-size: 1.875em; } #map-hero .map-title-old i:before { -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; cursor: pointer; } #map-hero .map-title-old i:hover:before { color: #a15331; } #map-hero .map-title-old h1 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-size: 6.25em; line-height: 0.75; color: #302b2f; text-transform: uppercase; } @media (max-width: 880px) { #map-hero .map-title-old h1 { font-size: 5.5em; } } @media (max-width: 580px) { #map-hero .map-title-old h1 { font-size: 4.25em; } } #map-hero .infoBox > img { display: none; } #map-hero .infobox { position: relative; background: #FFF; width: 300px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } #map-hero .infobox:before { position: absolute; top: 100%; right: 0.8em; content: ""; width: 0; height: 0; border: 1.2em solid transparent; position: absolute; border-top: 1.2em solid rgba(0, 0, 0, 0.1); } #map-hero .infobox:after { position: absolute; top: 100%; right: 1em; content: ""; width: 0; height: 0; border: 1em solid transparent; position: absolute; border-top: 1em solid #FFF; } #map-hero .infobox .infobox-close { position: absolute; top: -0.5em; right: -0.5em; color: #000; font-size: 2.5em; } #map-hero .infobox .infobox-close button { font: inherit; color: inherit; -moz-appearance: none; -webkit-appearance: none; background: none; padding: 0; border: 0; padding: 0; cursor: pointer; } #map-hero .infobox .infobox-close button:focus { outline: none; } #map-hero .infobox .infobox-content { display: table; width: 100%; } #map-hero .infobox .infobox-content .infobox-photo, #map-hero .infobox .infobox-content .infobox-details { display: table-cell; vertical-align: top; } #map-hero .infobox .infobox-photo { background: #AAA no-repeat center center; background-size: cover; width: 120px; } #map-hero .infobox .infobox-photo.no-photo { display: none; } #map-hero .infobox .infobox-details { padding: 1em; border-left: 3px solid #e8c360; } #map-hero .infobox .infobox-details a { text-decoration: none; font-weight: bold; text-transform: uppercase; color: inherit; } #map-hero .infobox .infobox-details a [class*='icon-'] { color: #e8c360; } #map-hero .infobox .infobox-details p { margin: 0.25em 0 1em; } .landscapeResults h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; font-weight: 800; font-style: italic; position: relative; color: #302b2f; background: url(../images/layout/dot.png) repeat-x center center; } .landscapeResults h2 span { padding: 0 10px 0 0; background: url(../images/layout/paper-bg.jpg) repeat; } .landscapeResults p { font-size: 0.875em; margin: 0 0 1.5625em 0; } .landscapeResults .resultbox .left { width: 12.5em; } @media (max-width: 500px) { .landscapeResults .resultbox .left { width: 100%; } } .landscapeResults .resultbox .left a { display: inline-block; } .landscapeResults .resultbox .left a img { border: 1px solid #999; display: block; } .landscapeResults .resultbox .right { margin-left: 14.0625em; } @media (max-width: 500px) { .landscapeResults .resultbox .right { margin: 0.625em 0 0 0; float: left; } } .landscapeResults .resultbox .right a h4 { text-decoration: none; font-size: 1.5em; } .landscapeResults .resultbox .right p { margin: 0 0 0.625em 0; font-size: 1em; } .single-place-hero { background: url(../images/layout/hero-bg.jpg) no-repeat center center fixed; background-size: cover; padding: 18.125em 0 12.5em; position: relative; z-index: 1; } .single-place-hero p { /* max-width: 500px; margin: auto; margin-top: em(10); text-align: center; color: #fff; font-size:em(16); text-shadow: 1px 1px 1px $dark; position:relative; z-index: 9; @include respond(580px) {font-size:em(14);} */ } @media (max-width: 840px) { .single-place-hero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { .single-place-hero { padding: 9.375em 0 3.75em; } } #landscapeProfile { padding: 5em 0 2.5em; } #featuredVoice, #successes, #workingTogether, #relatedPublication, #relatedBlog { padding: 2.5em 0; } @media (max-width: 680px) { #featuredVoice, #successes, #workingTogether, #relatedPublication, #relatedBlog { padding: 1.25em 0; } } .donate p { padding: 25px; } #lessons { padding: 5em 0 2.5em; text-align: center; } @media (max-width: 620px) { #lessons { padding: 2.5em 0 1.25em; } } @media (max-width: 400px) { #lessons { padding: 1.25em 0 0.625em; } } #lessons h2 { font-weight: 800; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; font-style: italic; line-height: 1; position: relative; margin: 0 0 4.375em 0; } #lessons h2:after { content: ""; background: url(../images/layout/dot.png) repeat-x center center; width: 33%; right: 0; height: 3px; position: absolute; top: 50%; margin-top: -1px; } @media (max-width: 1040px) { #lessons h2:after { width: 25%; } } @media (max-width: 760px) { #lessons h2:after { width: 20%; } } @media (max-width: 620px) { #lessons h2:after { display: none; } } #lessons h2:before { content: ""; background: url(../images/layout/dot.png) repeat-x center center; width: 33%; left: 0; height: 3px; position: absolute; top: 50%; margin-top: -1px; } @media (max-width: 1040px) { #lessons h2:before { width: 25%; } } @media (max-width: 760px) { #lessons h2:before { width: 20%; } } @media (max-width: 620px) { #lessons h2:before { width: 100%; float: left; position: relative; margin: 0 0 1.875em 0; top: auto; } } @media (max-width: 400px) { #lessons h2:before { margin: 0 0 1.25em 0; } } @media (max-width: 620px) { #lessons h2 { margin: 0 0 2.1875em 0; } } #lessons h4 { margin: 3.125em 0 0.625em 0; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; color: #302b2f; font-size: 1em; line-height: 1.5; text-transform: uppercase; } @media (max-width: 768px) { #lessons h4 { margin: 1.875em 0 0.3125em 0; } } @media (max-width: 520px) { #lessons h4 { font-size: 0.875em; } } #lessons p { font-family: "franklin-gothic-urw", sans-serif; font-size: 1.125em; margin: 0 0 2.5em 0; } @media (max-width: 768px) { #lessons p { margin: 0 0 0.9375em 0; height: auto !important; } } @media (max-width: 520px) { #lessons p { font-size: 0.875em; } } #lessons .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin: 4.375em 0 0 0; } @media (max-width: 520px) { #lessons .dots { margin: 1.875em 0 0 0; } } @media (max-width: 520px) { #lessons .button, #lessons .superButton { font-size: 0.75em; } } #featured { padding: 2.5em 0; } @media (max-width: 880px) { #featured { padding-top: 0; } } #tools { padding: 2.5em 0 3.125em; } @media (max-width: 880px) { #tools { padding-top: 0; } } #crossLandscape { padding: 5.625em 0 4.375em; background: url("../images/layout/cross-landscape-bg.jpg") no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (max-width: 880px) { #crossLandscape { text-align: center; } } @media (max-width: 680px) { #crossLandscape { padding: 2.5em 0; } } #crossLandscape h2 { color: #fff; } @media (max-width: 880px) { #crossLandscape h2 .hideMe { display: none; } } #crossLandscape h3 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-size: 4.625em; line-height: 0.8; color: #fff; text-transform: uppercase; font-weight: 400; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.25); } #crossLandscape h3 .gold { color: #e8c360; } @media (max-width: 780px) { #crossLandscape h3 { font-size: 4em; } } @media (max-width: 680px) { #crossLandscape h3 { font-size: 3em; } } @media (max-width: 360px) { #crossLandscape h3 { font-size: 2.375em; } } #crossLandscape p { font-size: 1.25em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; line-height: 1.3; color: #fff; margin: 0.75em 0 1.75em; } @media (max-width: 880px) { #crossLandscape p { font-size: 1.125em; padding: 0 1.25em; } } @media (max-width: 780px) { #crossLandscape p { font-size: 1em; } } @media (max-width: 680px) { #crossLandscape p { font-size: 0.875em; } } @media (max-width: 520px) { #crossLandscape .button { font-size: 1em; } } #upcomingEvents { padding: 5em 0 2.5em; /* .right-cta:before { width:80%; i:before {margin-right:em(10);} } */ } #upcomingEvents a h3 { color: #889158; } #upcomingEvents a h3:hover { color: #6a7145; } @media (max-width: 880px) { #upcomingEvents { padding-top: 2.5em; } } #additional { padding: 2.5em 0; } @media (max-width: 880px) { #additional { padding-top: 0; } } @media (max-width: 500px) { #additional { padding-bottom: 1.25em; } } #where-hero { background: url("../images/layout/generic-bg.jpg") no-repeat center bottom fixed; background-size: cover; border-bottom: 5px solid #e8c360; } .landscapeResults h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; font-weight: 800; font-style: italic; position: relative; color: #302b2f; background: url(../images/layout/dot.png) repeat-x center center; } .landscapeResults h2 span { padding: 0 10px 0 0; background: url(../images/layout/paper-bg.jpg) repeat; } .landscapeResults h2.place-header { margin-bottom: 25px; } .landscapeResults p { font-size: 0.875em; margin: 0 0 1.5625em 0; } .landscapeResults .resultbox .left { width: 12.5em; } @media (max-width: 500px) { .landscapeResults .resultbox .left { width: 100%; } } .landscapeResults .resultbox .left a { display: inline-block; } .landscapeResults .resultbox .left a img { border: 1px solid #999; display: block; } .landscapeResults .resultbox .right { margin-left: 14.0625em; } @media (max-width: 500px) { .landscapeResults .resultbox .right { margin: 0.625em 0 0 0; float: left; } } .landscapeResults .resultbox .right a h4 { text-decoration: none; font-size: 1.5em; } .landscapeResults .resultbox .right p { margin: 0 0 0.625em 0; font-size: 1em; } #landscapeProfile { padding: 5em 0 2.5em; } #featuredVoice, #successes, #workingTogether, #relatedPublication, #relatedBlog { padding: 2.5em 0; } @media (max-width: 680px) { #featuredVoice, #successes, #workingTogether, #relatedPublication, #relatedBlog { padding: 1.25em 0; } } .donate p { padding: 25px; } #pressHero { background: url(../images/layout/press-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom: 5px solid #889158; padding: 15.625em 0 10em; } #pressHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; text-align: center; line-height: 1; font-weight: 400; } @media (max-width: 840px) { #pressHero h1 { font-size: 5em; } } @media (max-width: 660px) { #pressHero h1 { font-size: 4em; } } @media (max-width: 840px) { #pressHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #pressHero { padding: 9.375em 0 3.75em; } } #pressSubHero { padding: 5em 0; text-align: center; } @media (max-width: 480px) { #pressSubHero { padding: 2.5em 0; } } @media (max-width: 960px) { #pressSubHero .ten { width: 100%; } } #pressSubHero .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin: 4.375em 0 0 0; } @media (max-width: 520px) { #pressSubHero .dots { margin: 1.875em 0 0 0; } } @media (max-width: 840px) { #pressSubHero .hide { display: none; } } #pressSubHero h2 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-size: 3.5em; font-weight: 400; line-height: 0.9; margin: 0 0 0.35714em 0; text-transform: uppercase; } @media (max-width: 800px) { #pressSubHero h2 { font-size: 3em; } } @media (max-width: 480px) { #pressSubHero h2 { font-size: 2.5em; } } #pressSubHero p { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-size: 1.375em; line-height: 1.3; } #pressSubHero p a { color: #889158; } #pressSubHero p a:hover { color: #6a7145; } @media (max-width: 800px) { #pressSubHero p { font-size: 1.125em; } } #pressReleases { padding: 0 0 3.75em 0; } @media (max-width: 768px) { #pressReleases { padding: 0; } } @media (max-width: 768px) { #pressReleases .six:first-child { margin: 0 0 2.5em 0; } } #pressReleases h3 { margin: 0 0 1.59091em 0; } #pressReleases .date { color: #fff; font-size: 0.75em; text-transform: uppercase; font-weight: 700; line-height: 1; background: #999; background: rgba(48, 43, 47, 0.5); width: auto; padding: 0.375em 0.75em; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 0.5em; } #pressReleases a { color: #889158; font-size: 1.125em; font-style: italic; font-weight: 700; line-height: 1.333; display: block; margin: 0 0 0.83333em 0; } #pressReleases a:hover { color: #6a7145; } @media (max-width: 768px) { #events.press { padding: 3.75em 0 0 0; } } @media (max-width: 768px) { #featurePub.press { padding: 1.25em 0; } #featurePub.press .pub { margin: 0 0 1.25em 0; } } @media (max-width: 460px) { #featurePub.press { padding: 3.75em 0 1.25em; } } .publications-hero, .find-tools-hero { padding: 18.125em 0 12.5em; } @media (max-width: 840px) { .publications-hero, .find-tools-hero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { .publications-hero, .find-tools-hero { padding: 9.375em 0 3.75em; } } .find-tools-hero { background: url(../images/layout/findTools-bg.jpg) no-repeat center center fixed; background-size: cover; } .publications-hero { background: url(../images/layout/publication-bg.jpg) no-repeat center center fixed; background-size: cover; } #lnInnerSearchResults { padding: 5em 0 2.5em; } @media (max-width: 768px) { #lnInnerSearchResults { padding: 2.5em 0; } } @media (max-width: 500px) { #lnInnerSearchResults { padding: 1.25em 0; } } #lnInnerSearchResults p.metabox { max-width: 300px; line-height: 1.4; } @media (max-width: 768px) { #lnInnerSearchResults p.metabox { max-width: none; } } #lnInnerSearchResults .searchCard { max-width: 300px; } @media (max-width: 768px) { #lnInnerSearchResults .searchCard { max-width: none; } } #lnInnerSearchResults p.metabox:first-child { margin-top: 0; } .searchCard { width: 100%; background: #fff; -moz-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); -webkit-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); padding: 1.875em; *zoom: 1; } .searchCard:before, .searchCard:after { content: ""; display: table; } .searchCard:after { clear: both; } .searchCard h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; font-weight: 800; font-style: italic; color: #302b2f; margin: 0 0 0.90909em 0; } .searchCard h3 { text-transform: uppercase; font-size: 1em; font-weight: 700; color: #302b2f; margin: 0 0 0.9375em 0; } .searchCard ul { margin: 0 0 1.25em 0; } .searchCard ul li { font-size: 0.875em; margin: 0 0 0.71429em 0; padding: 0 0 0 1.78571em; position: relative; } .searchCard ul li.red:before { background: #a15331; } .searchCard ul li.green:before { background: #889158; } .searchCard ul li.yellow:before { background: #e8c360; } .searchCard ul li.orange:before { background: #cf8944; } .searchCard ul li.blue:before { background: #498499; } .searchCard ul li.dark:before { background: #302b2f; } .searchCard ul li:before { content: ""; width: 10px; height: 10px; border: 3px solid #eae9ea; left: 0px; top: 2px; position: absolute; } @media (max-width: 768px) { .searchCard .filterBox { float: left; width: 48%; margin: 0 1%; } } @media (max-width: 500px) { .searchCard .filterBox { width: 100%; margin: 0; } } .searchCard form { float: left; margin: 0 1.25em 1.25em 0; position: relative; width: 100%; } .searchCard label { position: absolute; color: #d6d5d5; right: 8px; z-index: 9999; font-size: 1em; top: 50%; margin-top: -10px; } .searchCard input { background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d6d5d5; color: #ccc; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-style: italic; font-size: 1em; line-height: 1.2; padding: 0.5625em 2em 0.5625em 0.875em; -webkit-appearance: none; box-shadow: none !important; width: 100%; } .toolResults h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; font-weight: 800; font-style: italic; position: relative; color: #302b2f; background: url(../images/layout/dot.png) repeat-x center center; } .toolResults h2 span { padding: 0 10px 0 0; background: url(../images/layout/paper-bg.jpg) repeat; } .toolResults p { font-size: 0.875em; margin: 0 0 1.5625em 0; } .toolResults .resultbox p { margin: 0 0 0.71429em 0; line-height: 1.4; } .searchCard ul li.black:before { background: black; } .resultbox.publication { position: relative; padding: 0 0 2.25em 0; margin: 0 0 2.5em 0; } .resultbox.publication .left { width: 7.8125em; } @media (max-width: 380px) { .resultbox.publication .left { width: 50%; float: none; margin: 0 auto 20px auto; } } .resultbox.publication .right { margin-left: 9.6875em; } @media (max-width: 380px) { .resultbox.publication .right { margin-left: 0; } } .resultbox.publication .left img { border: 1px solid #302b2f; border: 1px solid rgba(48, 43, 47, 0.2); } .resultbox.publication .right h4 a { color: #889158; font-size: 1.5em; font-family: "Sentinel A", "Sentinel B", georgia, serif; line-height: 1.1667; margin: 0; } @media (max-width: 520px) { .resultbox.publication .right h4 a { font-size: 1.25em; } } @media (max-width: 460px) { .resultbox.publication .right h4 a { font-size: 18px; } } .resultbox.publication .right h4 a:hover { color: #6a7145; } .resultbox.publication .right ul.meta { margin: 5px 0 9px 0; } .resultbox.publication .right ul.meta li { display: inline; color: #8e8c88; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; font-size: 1em; } .resultbox.publication .right ul.meta li:after { content: ", "; } .resultbox.publication .right ul.meta li:last-child:after { content: ""; } .resultbox.publication .right p { font-size: 1em; margin-bottom: 13px; } .resultbox.publication:after { content: ""; position: absolute; top: 100%; left: 0; height: 3px; width: 100%; background: url("../images/layout/dot.png") repeat-x; } /* ============================================== */ /* Individual Publications Post */ /* ============================================== */ #publicationTop { padding: 11.875em 0 2.5em; } @media (max-width: 400px) { #publicationTop { padding-top: 6.875em; } } #publicationTop .card.photos { margin-top: 1.25em; } #publicationTop .attachment-lpfn_program_logo { display: block; margin: 1.25em auto; width: 100%; max-width: 300px; } @media (max-width: 768px) { #publicationTop .attachment-lpfn_program_logo { margin-top: 0; } } .publication-modal-wrap { position: relative; } .subscribe-modal { display: none; background: #fff; position: fixed; top: 130px; width: 90%; left: 0; right: 0; margin: auto; max-width: 400px; padding: 20px 15px; z-index: 5; border-top: 3px solid #889158; box-shadow: 0px 0px 15px -2px rgba(48, 43, 47, 0.4); } @media print, screen and (min-width: 621px) { .subscribe-modal { position: absolute; top: auto; bottom: 100%; margin-bottom: 15px; width: 400px; } } .subscribe-modal p { font-size: 16px; line-height: 22px; font-weight: bold; } .subscribe-modal .takeover-close { color: #979893; font-size: 30px; top: -14px; right: -11px; background: transparent; } .subscribe-modal .takeover-close:focus, .subscribe-modal .takeover-close:active { outline: 0; } .subscribe-modal .takeover-close:before { content: ""; width: 20px; height: 20px; position: absolute; top: 4px; left: 4px; background: #fff; z-index: -1; border-radius: 50%; } .subscribe-modal form { margin-top: 20px; position: relative; } .subscribe-modal input.email { width: 100%; height: 49px; border: 1px solid #d7d1ca; line-height: 47px; padding: 0 23px; padding-top: 3px; border-radius: 0; font-family: "franklin-gothic-urw", sans-serif; } .subscribe-modal input.email:hover, .subscribe-modal input.email:focus { outline: 0; } .subscribe-modal input[type=submit] { width: 100%; height: 49px; margin-top: 10px; padding-top: 17px; background: #889158; border-radius: 0; border: 0; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; } @media print, screen and (min-width: 621px) { .subscribe-modal input[type=submit] { position: absolute; top: 0; right: 0; width: 107px; margin-top: 0; } } .subscribe-modal input[type=submit]:hover { background: #7f8752; border: 0; } .subscribe-modal input[type=submit]:hover, .subscribe-modal input[type=submit]:focus { outline: 0; } .subscribe-modal .mce-success { max-width: none; margin-top: 10px; } .subscribe-modal-opt-out { float: right; margin-top: 15px; } .subscribe-modal-opt-out:hover { color: #6a7145 !important; } #takeover-overlay.subscribe-modal-overlay { z-index: 4; opacity: .5; } @media print, screen and (min-width: 621px) { #takeover-overlay.subscribe-modal-overlay { background: transparent; } } .mce-error { position: absolute; bottom: 100%; margin-bottom: 3px; padding: 16px; background: #a15331; color: #fff; border-radius: 5px; box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); left: 0; right: 0; display: none; } .mce-error:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #a15331 transparent transparent transparent; position: absolute; top: 100%; left: 50%; margin-left: -10px; } .mce-success { color: #fff; font-size: 16px; background: #889158; padding: 8px; text-align: center; display: block; max-width: 370px; margin: 0 auto; border-radius: 5px; display: none; float: left; width: 100%; max-width: 322px; } #researchHero { background: url(../images/layout/research-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom: 5px solid #e8c360; padding: 15.625em 0 10em; } #researchHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; text-align: center; line-height: 1; font-weight: 400; } @media (max-width: 840px) { #researchHero h1 { font-size: 5em; } } @media (max-width: 660px) { #researchHero h1 { font-size: 4em; } } #researchHero p { margin: auto; margin-top: 0.625em; text-align: center; color: #fff; font-size: 1.25em; text-shadow: 1px 1px 1px #302b2f; position: relative; z-index: 9; } @media (max-width: 580px) { #researchHero p { font-size: 0.875em; } } @media (max-width: 840px) { #researchHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #researchHero { padding: 9.375em 0 3.75em; } } @media (max-width: 900px) { .searchRow { min-width: 0; } } .superSearch { *zoom: 1; } .superSearch:before, .superSearch:after { content: ""; display: table; } .superSearch:after { clear: both; } @media (max-width: 1060px) { .superSearch { width: 80% !important; } } @media (max-width: 900px) { .superSearch { width: 90% !important; } } @media (max-width: 800px) { .superSearch { width: 100% !important; } } .superSearch form { float: left; width: 100%; position: relative; margin: 3.125em 0 0.9375em; } @media (max-width: 480px) { .superSearch form { margin-top: 0.9375em; } } .superSearch label { position: absolute; color: #a39d98; right: 18px; z-index: 9999; font-size: 1.5em; top: 25px; } @media (max-width: 720px) { .superSearch label { top: 18px; } } @media (max-width: 620px) { .superSearch label { top: 8px; } } @media (max-width: 420px) { .superSearch label { top: 3px; font-size: 1.25em; } } @media (max-width: 350px) { .superSearch label { top: 7px; right: 3px; font-size: 1em; } } .superSearch input { background: none; background: rgba(48, 43, 47, 0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cccccc; color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-style: normal; font-size: 2.25em; width: 100%; float: left; line-height: 1.2; padding: 0.41667em 1.66667em 0.41667em 0.69444em; -webkit-appearance: none; box-shadow: none !important; } @media (max-width: 720px) { .superSearch input { font-size: 2em; } } @media (max-width: 620px) { .superSearch input { font-size: 1.25em; } } @media (max-width: 420px) { .superSearch input { font-size: 1em; } } .superSearch input[type="radio"] { display: none; } .superSearch input[type="submit"] { display: none; float: left; width: 48%; background: none; border: 1px solid #e8c360; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.9375em; font-weight: 700; padding: 0.4em 1.6em 0.4em 0.8em; margin: 1.33333em 4% 0 0; color: #e8c360; font-family: "franklin-gothic-urw", sans-serif; text-transform: uppercase; clear: left; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } .superSearch input[type="submit"]:hover { background: #e8c360; color: #302b2f; } @media (max-width: 480px) { .superSearch input[type="submit"] { display: inline-block; } } @media (max-width: 410px) { .superSearch input[type="submit"] { width: 36%; } } @media (max-width: 335px) { .superSearch input[type="submit"] { font-size: 0.875em; } } @media (max-width: 315px) { .superSearch input[type="submit"] { width: 100%; margin: 1.33333em 0 0 0; } } .superSearch .search-controls { float: left; width: 100%; margin: 0.625em 0 1.25em; } .superSearch .search-controls h5 { color: #fff; display: inline-block; width: auto; text-transform: uppercase; font-size: 0.9375em; font-weight: 700; } @media (max-width: 660px) { .superSearch .search-controls h5 { float: left; line-height: 35px; } } @media (max-width: 400px) { .superSearch .search-controls h5 { font-size: 12px; } } @media (max-width: 315px) { .superSearch .search-controls h5 { width: 45%; } } .superSearch .search-controls ul { margin: 0 0 0 2.5em; display: inline-block; } @media (max-width: 660px) { .superSearch .search-controls ul { float: left; } } @media (max-width: 480px) { .superSearch .search-controls ul { margin-left: 0; float: right; } } @media (max-width: 360px) { .superSearch .search-controls ul { width: 100%; } } @media (max-width: 315px) { .superSearch .search-controls ul { width: 55%; } } .superSearch .search-controls ul li { display: inline-block; font-size: 0.9375em; color: #fff; text-transform: uppercase; margin: 0 0 0 1.5em; cursor: pointer; } .superSearch .search-controls ul li:first-child { margin: 0; } @media (max-width: 440px) { .superSearch .search-controls ul li { margin: 0 0.66667em 0 0; } } @media (max-width: 420px) { .superSearch .search-controls ul li { font-size: 0.875em; } } @media (max-width: 400px) { .superSearch .search-controls ul li { font-size: 0.75em; margin: 0 1.33333em 0 0; } } @media (max-width: 380px) { .superSearch .search-controls ul li { margin: 0 0.66667em 0 0; } } @media (max-width: 360px) { .superSearch .search-controls ul li { font-size: 0.9375em; margin: 0 1.33333em 0 0; } } @media (max-width: 350px) { .superSearch .search-controls ul li { font-size: 0.875em; margin: 0 0.66667em 0 0; } } @media (max-width: 315px) { .superSearch .search-controls ul li { width: 100%; margin: 0 0 0.71429em 0; } } .superSearch .search-controls .advanced-button { color: #fff; display: inline; float: right; text-transform: uppercase; font-size: 0.9375em; font-weight: 700; padding: 0.4em 1.6em 0.4em 0.8em; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; position: relative; } .superSearch .search-controls .advanced-button:hover { background: #fff; color: #302b2f; } .superSearch .search-controls .advanced-button:hover:after { content: ""; width: 0; height: 0; border: 6px solid transparent; position: absolute; border-top: 6px solid #302b2f; right: 7px; top: 50%; margin-top: -2px; } .superSearch .search-controls .advanced-button:after { -moz-transition: background-color 200ms ease-in; -o-transition: background-color 200ms ease-in; -webkit-transition: background-color 200ms ease-in; transition: background-color 200ms ease-in; content: ""; width: 0; height: 0; border: 6px solid transparent; position: absolute; border-top: 6px solid #fff; right: 7px; top: 50%; margin-top: -2px; } .superSearch .search-controls .advanced-button.expanded:hover:after { content: ""; width: 0; height: 0; border: 6px solid transparent; position: absolute; border-bottom: 6px solid #302b2f; right: 7px; top: 50%; margin-top: -10px; } .superSearch .search-controls .advanced-button.expanded:after { content: ""; width: 0; height: 0; border: 6px solid transparent; position: absolute; border-bottom: 6px solid #fff; right: 7px; top: 50%; margin-top: -10px; } @media (max-width: 660px) { .superSearch .search-controls .advanced-button { float: left; margin: 1.33333em 0 0 0; width: 100%; text-align: center; } } @media (max-width: 480px) { .superSearch .search-controls .advanced-button { width: 48%; } } @media (max-width: 410px) { .superSearch .search-controls .advanced-button { width: 60%; } } @media (max-width: 335px) { .superSearch .search-controls .advanced-button { font-size: 0.875em; } } @media (max-width: 315px) { .superSearch .search-controls .advanced-button { width: 100%; } } .superSearch .advanced-search { display: none; margin: 1.4375em 0 0 0; position: relative; } .superSearch .advanced-search:before { content: ""; width: 100%; height: 3px; background: url(../images/layout/yellow-dot.png) repeat-x center center; position: absolute; top: -23px; left: 0; } .superSearch .advanced-search h5 { margin-right: 2.1875em; float: left; line-height: 35px; } @media (max-width: 720px) { .superSearch .advanced-search h5 { width: 100%; margin: 0 0 0.625em 0; } } .superSearch .advanced-search select.fancy { border: none; background: none; outline: none; opacity: 0; -webkit-appearance: none; filter: alpha(opacity=0); } .superSearch .advanced-search .selectbox { border: 1px solid #fff; background: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0 0.3125em; float: left; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } .superSearch .advanced-search .selectbox:hover { background: #fff; } .superSearch .advanced-search .selectbox:hover .selecttext { color: #302b2f; } .superSearch .advanced-search .selectbox:hover .select-arrow { content: ""; width: 0; height: 0; border: 6px solid transparent; position: absolute; border-top: 6px solid #302b2f; } @media (max-width: 720px) { .superSearch .advanced-search .selectbox { margin: 0 0.625em 0 0; } } @media (max-width: 420px) { .superSearch .advanced-search .selectbox { width: 48%; margin: 0 2% 0.625em 0; } } .superSearch .advanced-search .selectbox select { z-index: 10; position: relative; border: none; background: none; outline: none; opacity: 0; height: 31px; -webkit-appearance: none; filter: alpha(opacity=0); padding-right: 6.25em; min-width: 11.25em; cursor: pointer; } .superSearch .advanced-search .selectbox select.years { padding-right: 0.9375em; min-width: 4.6875em; } @media (max-width: 420px) { .superSearch .advanced-search .selectbox select.years { min-width: 100%; } } .superSearch .advanced-search .selectbox select option { background-color: #fff; font-family: "franklin-gothic-urw", sans-serif; padding: 3px; } .superSearch .advanced-search .selectbox select option:nth-child(odd) { background-color: #f4f4f4; } @media (max-width: 540px) { .superSearch .advanced-search .selectbox select { min-width: 6.25em; padding-right: 3.125em; } } @media (max-width: 420px) { .superSearch .advanced-search .selectbox select { min-width: 100%; } } .superSearch .advanced-search .selecttext { z-index: 9; position: absolute; left: 10px; display: inline-block; *display: inline; zoom: 1; padding-top: 6px; background: transparent; color: #fff; font-size: 0.9375em; font-weight: bold; text-transform: uppercase; } .superSearch .advanced-search .select-arrow { position: absolute; top: 50%; right: 10px; margin-top: -3px; content: ""; width: 0; height: 0; border: 6px solid transparent; position: absolute; border-top: 6px solid #fff; } .superSearch .circle { display: inline-block; width: 24px; height: 24px; position: relative; top: 6px; margin-right: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; border: 4px solid rgba(255, 255, 255, 0.3); } .superSearch .selected .circle:after { content: ""; width: 8px; height: 8px; position: absolute; background: #e8c360; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; } #featurePub { padding: 5em 0 2.5em; } #featurePub .title { margin-bottom: 3.75em; } @media (max-width: 460px) { #featurePub .title { margin-bottom: 1.25em; } } #featurePub .pub { margin-bottom: 5em; } #featurePub .pub:last-child { margin-bottom: 0; } @media (max-width: 620px) { #featurePub { padding: 2.5em 0 1.25em; } } @media (max-width: 400px) { #featurePub { padding: 1.25em 0 0.625em; } } #featurePub h2 { font-weight: 800; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; font-style: italic; line-height: 1; text-align: center; position: relative; margin: 0 0 3.18182em 0; } @media (max-width: 620px) { #featurePub h2 { margin: 0 0 1.5625em 0; } } #featurePub h2:after { content: ""; background: url(../images/layout/dot.png) repeat-x center center; width: 37%; right: 0; height: 3px; position: absolute; top: 50%; margin-top: -1px; } @media (max-width: 1040px) { #featurePub h2:after { width: 33%; } } @media (max-width: 760px) { #featurePub h2:after { width: 30%; } } @media (max-width: 620px) { #featurePub h2:after { display: none; } } #featurePub h2:before { content: ""; background: url(../images/layout/dot.png) repeat-x center center; width: 37%; left: 0; height: 3px; position: absolute; top: 50%; margin-top: -1px; } @media (max-width: 1040px) { #featurePub h2:before { width: 33%; } } @media (max-width: 760px) { #featurePub h2:before { width: 30%; } } @media (max-width: 620px) { #featurePub h2:before { width: 100%; float: left; position: relative; margin: 0 0 1.875em 0; top: auto; } } @media (max-width: 400px) { #featurePub h2:before { margin: 0 0 1.25em 0; } } #featurePub .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin: 4.375em 0 0 0; } @media (max-width: 520px) { #featurePub .dots { margin: 1.875em 0 0 0; } } #featurePub .left { float: left; width: 33%; margin: 0 2% 0 0; } @media (max-width: 680px) { #featurePub .left { width: 100%; text-align: center; margin: 0 0 1.25em 0; } } #featurePub .left a.publication-image { display: inline-block; max-width: 100%; } #featurePub .left a.publication-image img { border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); box-shadow: 0 0 20px rgba(48, 43, 47, 0.2); /* @include respond(880px) {max-width:100%;} @include respond(740px) {max-width:86%;} @include respond(600px) {max-width:78%;} @include respond(560px) {max-width:66%;} @include respond(520px) {max-width: 100%;} */ } @media (max-width: 1092px) { #featurePub .left a.publication-image img { max-width: 86%; } } @media (max-width: 900px) { #featurePub .left a.publication-image img { max-width: 80%; } } @media (max-width: 800px) { #featurePub .left a.publication-image img { max-width: 76%; } } @media (max-width: 680px) { #featurePub .left a.publication-image img { max-width: 100%; } } #featurePub .left a.publication-image:hover { opacity: 0.8; } #featurePub .right { float: right; width: 65%; } @media (max-width: 680px) { #featurePub .right { width: 100%; } } #featurePub .right a h3 { color: #889158; font-size: 1.5em; line-height: 1.08; } #featurePub .right a h3:hover { color: #6a7145; } @media (max-width: 410px) { #featurePub .right a h3 { font-size: 1.125em; } } #featurePub .right .category { font-size: 1em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; margin: 0.5em 0 1em; display: block; color: #8e8c88; } @media (max-width: 410px) { #featurePub .right .category { font-size: 0.875em; } } #featurePub .right .category span:after { content: ", "; } #featurePub .right .category span:last-child:after { display: none; } #featurePub .right p { font-size: 1.125em; line-height: 1.22; } @media (max-width: 410px) { #featurePub .right p { font-size: 0.875em; } } #featurePub .right .tag { color: #fff; font-size: 0.75em; text-transform: uppercase; font-weight: 700; line-height: 1; background: #96908e; background: rgba(48, 43, 47, 0.5); width: auto; padding: 0.375em 0.75em; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 0.5em; } #featurePub .right a.read-more { font-size: 1.125em; margin: 1.25em 0 0 0; display: block; } #featurePub .right a.read-more:hover { color: #889158; } #featurePub .right a.read-more i:before { color: #889158; } @media (max-width: 620px) { #featurePub .right a.read-more { font-size: 0.9375em; } } @media (max-width: 480px) { #featurePub .right a.read-more { font-size: 0.8125em; } } #research-themes { padding: 2.5em 0; } @media (max-width: 768px) { #research-themes { padding: 0 0 1.25em 0; } } @media (max-width: 540px) { #research-themes { padding: 1.25em 0; } } #research-themes h2 { color: #302b2f; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 4.625em; text-align: center; margin: 0 0 0.54054em 0; } @media (max-width: 768px) { #research-themes h2 { font-size: 4em; } } @media (max-width: 540px) { #research-themes h2 { font-size: 3.5em; } } @media (max-width: 400px) { #research-themes h2 { font-size: 2.875em; } } @media (max-width: 340px) { #research-themes h2 { font-size: 2.5em; } } #research-themes .themes a.columns img { display: block; margin-bottom: 1.875em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } @media (max-width: 768px) { #research-themes .themes a.columns img { display: inline-block; } } @media (max-width: 540px) { #research-themes .themes a.columns img { display: block; margin: 0 auto; } } #research-themes .themes a.columns:hover .icon-graph { color: #fff; background: #889158; } #research-themes .themes a.columns:hover .icon-wheat { color: #fff; background: #e8c360; } #research-themes .themes a.columns:hover .icon-pin-1 { color: #fff; background: #a15331; } #research-themes .themes a.columns:hover .icon-briefcase { color: #fff; background: #302b2f; } #research-themes .themes a.columns:hover .icon-policy { color: #fff; background: #498499; } #research-themes .themes a.columns:hover .icon-clipboard { color: #fff; background: #cf8944; } #research-themes .themes a.columns i { display: block; margin-bottom: 0.75em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 115px; height: 115px; font-size: 2.5em; border: 6px solid #889158; text-align: center; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } @media (max-width: 768px) { #research-themes .themes a.columns i { display: inline-block; } } @media (max-width: 540px) { #research-themes .themes a.columns i { display: block; margin: 0 auto; } } #research-themes .themes a.columns i.icon-graph { border: 6px solid #889158; color: #889158; } #research-themes .themes a.columns i.icon-wheat { border: 6px solid #e8c360; color: #e8c360; } #research-themes .themes a.columns i.icon-pin-1 { border: 6px solid #a15331; color: #a15331; } #research-themes .themes a.columns i.icon-briefcase { border: 6px solid #302b2f; color: #302b2f; } #research-themes .themes a.columns i.icon-policy { border: 6px solid #498499; color: #498499; } #research-themes .themes a.columns i.icon-clipboard { border: 6px solid #cf8944; color: #cf8944; } #research-themes .themes a.columns i:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } #research-themes .themes a.columns i:before { vertical-align: middle; width: auto; } #research-themes .themes a.columns p { font-size: 0.875em; line-height: 1.42; margin: 0.71429em 0; color: #302b2f; } @media (max-width: 540px) { #research-themes .right-cta { margin-top: 0; } } @media (max-width: 768px) { #research-themes .two { width: 50% !important; float: left !important; text-align: center; margin-bottom: 1.875em; } #research-themes .two.left { clear: left; } } @media (max-width: 540px) { #research-themes .two { width: auto !important; float: none !important; } } #about-global-review { padding: 2.5em 0 2.5em; } #about-global-review h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; font-weight: 800; font-size: 1.875em; } @media (max-width: 940px) { #about-global-review h3 { font-size: 1.625em; } } @media (max-width: 840px) { #about-global-review h3 { font-size: 1.375em; } } @media (max-width: 768px) { #about-global-review h3 { font-size: 1.875em; } } @media (max-width: 640px) { #about-global-review h3 { font-size: 1.625em; } } @media (max-width: 560px) { #about-global-review h3 { font-size: 1.375em; } } #about-global-review p { font-size: 1em; line-height: 1.625; margin: 1.25em 0 0 0; } @media (max-width: 540px) { #about-global-review p { font-size: 0.875em; } } #pubType { padding: 5em 0 0 0; } @media (max-width: 768px) { #pubType { padding-top: 2.5em; } } @media (max-width: 480px) { #pubType { padding-top: 1.25em; } } #pubType h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 0 0 0.33333em 0; } #pubType p { color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; margin: 1.25em 0 0 0; } #pubType p a { color: #889158; } #pubType p a:hover { color: #6a7145; } #learningHero { padding: 18.125em 0 12.5em; background: url(../images/layout/resources-hero.jpg) no-repeat center center fixed; background-size: cover; } @media (max-width: 840px) { #learningHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #learningHero { padding: 9.375em 0 3.75em; } } .insights { padding: 5em 0 2.5em; text-align: center; } @media (max-width: 620px) { .insights { padding: 2.5em 0 1.25em; } } @media (max-width: 400px) { .insights { padding: 1.25em 0 0.625em; } } .insights h2 { min-height: 8px; background: url(../images/layout/dot.png) repeat-x center center; font-weight: 800; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; font-style: italic; line-height: 1; position: relative; margin: 0; padding: 0 10px; } .insights h2 span { background: url(../images/layout/paper-bg.jpg) repeat; padding: 0 10px; } @media (max-width: 620px) { .insights h2 { margin: 0 0 2.1875em 0; } } .insights .dots { margin-top: 47px; margin-bottom: 22px; } .insights h4 { margin: 3.125em 0 0.625em 0; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; color: #302b2f; font-size: 1em; line-height: 1.5; text-transform: uppercase; } @media (max-width: 768px) { .insights h4 { margin: 1.875em 0 0.3125em 0; } } @media (max-width: 520px) { .insights h4 { font-size: 0.875em; } } .insights li { margin: 5px 0; } .insights a { color: #302b2f; font-size: 18px; } .insights a:hover { color: #889158; } .insights p { font-family: "franklin-gothic-urw", sans-serif; font-size: 1.125em; margin: 0 0 2.5em 0; } @media (max-width: 768px) { .insights p { margin: 0 0 0.9375em 0; height: auto !important; } } @media (max-width: 520px) { .insights p { font-size: 0.875em; } } @media (max-width: 520px) { .insights .button, .insights .superButton { font-size: 0.75em; } } #featured { padding: 2.5em 0; } #tools { padding: 2.5em 0 3.125em; } @media (max-width: 880px) { #tools { padding-top: 0; } } .whats-going-on, .meet-lmrc { padding: 5.625em 0 4.375em; } @media (max-width: 880px) { .whats-going-on, .meet-lmrc { text-align: center; } } @media (max-width: 680px) { .whats-going-on, .meet-lmrc { padding: 2.5em 0; } } .whats-going-on h2, .meet-lmrc h2 { color: #fff; } @media (max-width: 880px) { .whats-going-on h2 .hideMe, .meet-lmrc h2 .hideMe { display: none; } } .whats-going-on h3, .meet-lmrc h3 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-size: 4.625em; line-height: 0.8; color: #fff; text-transform: uppercase; font-weight: 400; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.25); } .whats-going-on h3 .gold, .meet-lmrc h3 .gold { color: #e8c360; } @media (max-width: 780px) { .whats-going-on h3, .meet-lmrc h3 { font-size: 4em; } } @media (max-width: 680px) { .whats-going-on h3, .meet-lmrc h3 { font-size: 3em; } } @media (max-width: 360px) { .whats-going-on h3, .meet-lmrc h3 { font-size: 2.375em; } } .whats-going-on p, .meet-lmrc p { font-size: 1.25em; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; line-height: 1.3; color: #fff; margin: 0.75em 0 1.75em; } @media (max-width: 880px) { .whats-going-on p, .meet-lmrc p { font-size: 1.125em; padding: 0 1.25em; } } @media (max-width: 780px) { .whats-going-on p, .meet-lmrc p { font-size: 1em; } } @media (max-width: 680px) { .whats-going-on p, .meet-lmrc p { font-size: 0.875em; } } @media (max-width: 520px) { .whats-going-on .button, .meet-lmrc .button { font-size: 1em; } } .whats-going-on { position: relative; background: url("../images/layout/whats-going-on-bg.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .meet-lmrc { background: url("../images/layout/meet-lmrc-bg.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #upcomingEvents { padding: 5em 0 2.5em; /* .right-cta:before { width:80%; i:before {margin-right:em(10);} } */ } #upcomingEvents a h3 { color: #889158; } #upcomingEvents a h3:hover { color: #6a7145; } @media (max-width: 880px) { #upcomingEvents { padding-top: 2.5em; } } #additional { padding: 2.5em 0; } @media (max-width: 880px) { #additional { padding-top: 0; } } @media (max-width: 500px) { #additional { padding-bottom: 1.25em; } } /* ============================================== */ /* Individual Resource Pages */ /* ============================================== */ #singleResourceTitle { padding: 11.25em 0 3.75em; } @media (max-width: 580px) { #singleResourceTitle { padding: 11.25em 0 2.5em; } } @media (max-width: 400px) { #singleResourceTitle { padding: 7.5em 0 0.625em; } } #singleResourceTitle h1 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-size: 5.5em; font-weight: 400; line-height: 1; color: #302b2f; text-align: center; text-transform: uppercase; } @media (max-width: 580px) { #singleResourceTitle h1 { font-size: 3.625em; } } @media (max-width: 400px) { #singleResourceTitle h1 { font-size: 2.375em; } } #details { padding: 1.25em 0; } @media (max-width: 880px) { #details .three { text-align: center; } } #details .three .sharedaddy { padding-right: 10px; } @media (max-width: 880px) { #details .three .sharedaddy { padding-right: 0; } } #details .three .superButton { width: 70%; font-size: 0.75em; margin-top: 0.83333em; margin-bottom: 1.66667em; display: inline-block; } @media (max-width: 880px) { #details .three .superButton { width: 200px; margin-bottom: 20px; } } #details .three .superButton i { padding: 10px 12px; float: right; } #details .three .superButton span { padding-top: 10px; position: absolute; top: 0; left: 0; width: 100%; margin: 0; text-align: center; padding-right: 40px; } @media (max-width: 350px) { #details .three .superButton span { font-size: 10px; padding-top: 12px; } } #specs { padding: 1.25em 0 3.75em; } #specs h4 { margin-top: 1.25em; } #specs h4:first-child { margin: 0; } #specs .toolType { margin: 0.625em 0.625em 0 0; float: left; position: relative; } @media (max-width: 360px) { #specs .toolType { margin: 0.625em 0.3125em 0 0; } } #specs .toolTip { display: none; position: absolute; bottom: 4.6875em; left: -50%; width: 200%; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; text-align: center; background: #fff; padding: 0.625em; z-index: 9999; color: #666; -moz-box-shadow: 0px 0px 5px rgba(48, 43, 47, 0.35); -webkit-box-shadow: 0px 0px 5px rgba(48, 43, 47, 0.35); box-shadow: 0px 0px 5px rgba(48, 43, 47, 0.35); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #specs .toolTip:after { content: ""; width: 0; height: 0; border: 8px solid transparent; position: absolute; border-top: 8px solid #fff; bottom: -16px; left: 50%; margin-left: -8px; } #specs .toolTip i { display: none; position: absolute; top: -20px; right: -20px; font-size: 1.875em; } #specs .toolTip i.showme { display: block; } #lmrcHero { background: url("../images/layout/lmrc-bg.jpg") no-repeat center bottom fixed; background-size: cover; border-bottom: 5px solid #e8c360; padding: 18.125em 0 12.5em; text-align: center; } #lmrcHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; line-height: 1; font-weight: 400; } @media (max-width: 840px) { #lmrcHero h1 { font-size: 5em; } } @media (max-width: 660px) { #lmrcHero h1 { font-size: 4em; } } @media (max-width: 400px) { #lmrcHero h1 { font-size: 3.125em; } } @media (max-width: 840px) { #lmrcHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #lmrcHero { padding: 9.375em 0 3.75em; } } #lmrc-content { padding: 3.75em 0 1.25em 0; } @media (max-width: 768px) { #lmrc-content { padding: 1.25em 0 1.25em 0; } } #lmrc-content h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 0 0 1em 0; padding-top: 0.66667em; } #lmrc-content h4 { color: #302b2f; font-size: 1.125em; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } #lmrc-content h4 a { color: #889158; text-transform: none; font-style: italic; } #lmrc-content h4 a:hover { color: #6a7145; } #lmrc-content p { color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; margin: 0 0 1.25em 0; } #lmrc-content p a { color: #889158; font-weight: 700; font-style: italic; } #lmrc-content p a:hover { color: #6a7145; } #lmrc-content ol li { list-style: decimal; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; } #lmrc-content ul li { list-style: disc; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; } #lmrc-content .button.teal { margin: 0 0 15px 0; min-width: 180px; text-align: center; } .publication-results { padding: 4.6875em 0 2.5em; } @media (max-width: 800px) { .publication-results .eight.columns { width: 90%; } } @media (max-width: 600px) { .publication-results { padding: 2.5em 0; } } .publication-results h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; font-weight: 800; font-style: italic; position: relative; color: #302b2f; background: url(../images/layout/dot.png) repeat-x center center; } .publication-results h2 span { padding: 0 10px 0 0; background: url(../images/layout/paper-bg.jpg) repeat; } .publication-results p { font-size: 0.875em; margin: 0.3125em 0 0 0; line-height: 20px; } .publication-results p.metabox { max-width: 310px; } .publication-results .dots { padding: 10px 0 0 0; background: url(../images/layout/dot.png) repeat-x center top; } .resultsgrid { margin-top: 1.875em; } .resultbox { width: 100%; float: left; margin: 0 0 1.5625em 0; } .resultbox .left { float: left; width: 3.75em; text-align: center; } .resultbox .left img { margin-top: 3px; } .resultbox .right { margin-left: 4.6875em; } .resultbox .right h4 { font-weight: 700; font-size: 1em; margin: 0 0 0.5em 0; line-height: 1.2; } .resultbox .right a h4 { color: #889158; display: inline-block; } .resultbox .right a h4:hover { color: #6a7145; text-decoration: underline; } .resultbox .right h4 a { color: #889158; display: inline-block; } .resultbox .right h4 a:hover { color: #6a7145; text-decoration: underline; } .resultbox .right p { font-size: 0.875em; line-height: 1.4; margin-top: -6px; } .pagination { *zoom: 1; font-size: 0.875em; position: relative; float: left; } .pagination:before, .pagination:after { content: ""; display: table; } .pagination:after { clear: both; } @media (max-width: 480px) { .pagination { padding-bottom: 3.125em; margin-bottom: 3.75em; } } .pagination span { color: #aaa; font-style: italic; margin: 0 0.35714em; } @media (max-width: 480px) { .pagination span { float: left; width: 100%; margin-bottom: 0.71429em; } } .pagination span.current { font-style: normal; color: #302b2f; font-weight: 700; } @media (max-width: 480px) { .pagination span.current { display: inline-block; float: none; width: auto; border: 1px solid #302b2f; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 0.35714em; padding: 0.71429em 1.07143em; background: #e5e1da; } } @media (max-width: 430px) { .pagination span.current { margin: 0 0.14286em; } } .pagination a { margin: 0 0.35714em; color: #302b2f; font-weight: 700; } .pagination a i { display: none; } .pagination a span { color: #302b2f; font-style: normal; margin: 0; } @media (max-width: 480px) { .pagination a { display: inline-block; border: 1px solid #302b2f; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 0.35714em; padding: 0.71429em 1.07143em; } .pagination a span { display: none; } .pagination a i { display: inline-block; } .pagination a i:before { width: auto; } .pagination a.next { padding: 0.71429em 0.85714em; } .pagination a.previous { padding: 0.71429em 0.85714em; } .pagination a.last { display: none; } .pagination a.first { display: none; } } @media (max-width: 430px) { .pagination a { margin: 0 0.14286em; } } @media (max-width: 480px) { .pagination a.next { position: absolute; right: 0; bottom: -10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 48%; padding: 0.71429em 0; text-align: center; } .pagination a.next i { display: none; } .pagination a.next span { display: inline-block; } .pagination a.previous { position: absolute; left: 0; bottom: -10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0.71429em 0; width: 48%; text-align: center; } .pagination a.previous i { display: none; } .pagination a.previous span { display: inline-block; } } .pagination a:hover { color: #e8c360; } @media (max-width: 660px) { .pagination a:hover { color: #302b2f; background: #e5e1da; } } .pagination a.inactive { font-weight: 400; } @media (max-width: 768px) { .pagination { margin-bottom: 3.75em; } } /* ============================================== */ /* Search - Default */ /* ============================================== */ #searchDefaultHero { background: url(../images/layout/hero-bg.jpg) no-repeat center bottom fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.625em 0 10em; } #searchDefaultHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; text-align: center; line-height: 1; font-weight: 400; } @media (max-width: 840px) { #searchDefaultHero h1 { font-size: 5em; } } @media (max-width: 660px) { #searchDefaultHero h1 { font-size: 4em; } } @media (max-width: 840px) { #searchDefaultHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #searchDefaultHero { padding: 9.375em 0 3.75em; } } #findToolsHero { padding: 18.125em 0 12.5em; background: url(../images/layout/findTools-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom: 5px solid #889158; } #findToolsHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; text-align: center; line-height: 1; font-weight: 400; } @media (max-width: 520px) { #findToolsHero h1 br { display: none; } } @media (max-width: 840px) { #findToolsHero h1 { font-size: 5em; } } @media (max-width: 660px) { #findToolsHero h1 { font-size: 4em; } } @media (max-width: 840px) { #findToolsHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #findToolsHero { padding: 9.375em 0 3.75em; } } #findToolsHero p { color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 1.25em; text-align: center; line-height: 1.3; margin: 1em 0 0 0; padding: 0 5%; } @media (max-width: 600px) { #findToolsHero p br { display: none; } } @media (max-width: 480px) { #findToolsHero p { font-size: 1.125em; } } @media (max-width: 320px) { #findToolsHero p { font-size: 1em; } } #lnInnerSearchResults { padding: 5em 0 2.5em; } @media (max-width: 768px) { #lnInnerSearchResults { padding: 2.5em 0; } } @media (max-width: 500px) { #lnInnerSearchResults { padding: 1.25em 0; } } #lnInnerSearchResults p.metabox:first-child { margin-top: 0; } .searchCard { width: 100%; background: #fff; -moz-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); -webkit-box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); padding: 1.875em; *zoom: 1; } .searchCard:before, .searchCard:after { content: ""; display: table; } .searchCard:after { clear: both; } .searchCard h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; font-weight: 800; font-style: italic; color: #302b2f; margin: 0 0 0.90909em 0; } .searchCard h3 { text-transform: uppercase; font-size: 1em; font-weight: 700; color: #302b2f; margin: 0 0 0.9375em 0; } .searchCard ul { margin: 0 0 1.25em 0; } .searchCard ul:last-child { margin-bottom: 0; } .searchCard ul li { font-size: 0.875em; margin: 0 0 0.71429em 0; padding: 0 0 0 1.78571em; position: relative; } .searchCard ul li:last-child { margin-bottom: 0; } .searchCard ul li.red:before { background: #a15331; } .searchCard ul li.green:before { background: #889158; } .searchCard ul li.yellow:before { background: #e8c360; } .searchCard ul li.orange:before { background: #cf8944; } .searchCard ul li.blue:before { background: #498499; } .searchCard ul li.dark:before { background: #302b2f; } .searchCard ul li.empty:before { background: #fff; } .searchCard ul li:before { content: ""; width: 10px; height: 10px; border: 3px solid #eae9ea; left: 0px; top: 0; position: absolute; } @media (max-width: 768px) { .searchCard .filterBox { float: left; width: 48%; margin: 0 1%; } } @media (max-width: 500px) { .searchCard .filterBox { width: 100%; margin: 0; } } .searchCard form { float: left; margin: 0 1.25em 1.25em 0; position: relative; width: 100%; } .searchCard label { position: absolute; color: #d6d5d5; right: 8px; z-index: 9999; font-size: 1em; top: 50%; margin-top: -10px; } .searchCard input { background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d6d5d5; color: #ccc; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-style: italic; font-size: 1em; line-height: 1.2; padding: 0.5625em 2em 0.5625em 0.875em; -webkit-appearance: none; box-shadow: none !important; width: 100%; } .toolResults h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; font-weight: 800; font-style: italic; position: relative; color: #302b2f; background: url(../images/layout/dot.png) repeat-x center center; } .toolResults h2 span { padding: 0 10px 0 0; background: url(../images/layout/paper-bg.jpg) repeat; } .toolResults p { font-size: 0.875em; margin: 0 0 1.5625em 0; } .toolResults .resultbox p { margin: 0 0 0.71429em 0; } .filterBox a { text-decoration: none; color: #302b2f; } .filterBox a:hover { color: #6a7145; } .searchCard input { color: #302b2f; } /* ============================================== */ /* Individual Tool Page */ /* ============================================== */ @media (max-width: 620px) { .tool-details .mobileLeft { width: 50%; float: left; } } .tool-details .sharedaddy { margin-top: 0 !important; } .tool-summary h4 { margin-top: 19px; } #workingHero { background: url("../images/layout/how-we-work-bg.jpg") no-repeat center bottom fixed; background-size: cover; border-bottom: 5px solid #e8c360; padding: 18.125em 0 12.5em; text-align: center; } #workingHero img { margin-bottom: 10px; max-height: 116px; } #workingHero h1 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; font-size: 5.5em; line-height: 1; font-weight: 400; } @media (max-width: 840px) { #workingHero h1 { font-size: 5em; } } @media (max-width: 660px) { #workingHero h1 { font-size: 4em; } } @media (max-width: 400px) { #workingHero h1 { font-size: 3.125em; } } @media (max-width: 840px) { #workingHero { padding: 11.25em 0 6.25em; } } @media (max-width: 480px) { #workingHero { padding: 9.375em 0 3.75em; } } #indvWGFooter { padding: 1.25em 0 4.375em; } #indvWGFooter .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin-top: 0; margin-bottom: 0; } #indvWGFooter .row { padding: 0.625em 0; } #indvWGFooter .contact p { line-height: 1.625; } #indvWGFooter .contact a { color: #889158; font-weight: 700; font-style: italic; } #indvWGFooter .contact a:hover { color: #6a7145; } #workingGroupContent { padding: 3.75em 0 1.25em 0; } @media (max-width: 768px) { #workingGroupContent { padding: 1.25em 0 1.25em 0; } } #workingGroupContent h3 { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 0 0 1em 0; padding-top: 0.66667em; } #workingGroupContent h4 { color: #899258; font-size: 1.125em; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; text-transform: uppercase; } #workingGroupContent p { color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; margin: 0 0 1.25em 0; } #workingGroupContent p a { color: #889158; font-weight: 700; font-style: italic; } #workingGroupContent p a:hover { color: #6a7145; } #workingGroupContent ol li { list-style: decimal; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; } #workingGroupContent ul li { list-style: disc; padding: 0 0 0 0.3125em; margin: 0 0 1.25em 1.25em; color: #302b2f; font-family: "franklin-gothic-urw", sans-serif; font-size: 1em; line-height: 1.625; } #hww-related-pub, #hww-related-projects { padding: 0 0 60px 0; } @media (max-width: 480px) { #hww-related-pub, #hww-related-projects { padding-bottom: 30px; } } #hww-related-pub.hasCards .card.map p, #hww-related-projects.hasCards .card.map p { color: #fff; } #hww-related-pub h3.redTitle, #hww-related-projects h3.redTitle { color: #498499; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 800; font-style: italic; font-size: 1.875em; margin: 0 0 1em 0; padding-top: 0.66667em; } #hwwSubHero { padding: 5em 0 0 0; text-align: center; } @media (max-width: 480px) { #hwwSubHero { padding: 2.5em 0 0 0; } } @media (max-width: 960px) { #hwwSubHero .ten { width: 100%; } } #hwwSubHero .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin: 4.375em 0 0 0; } @media (max-width: 520px) { #hwwSubHero .dots { margin: 1.875em 0 0 0; } } @media (max-width: 840px) { #hwwSubHero .hide { display: none; } } #hwwSubHero h2 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-size: 3.5em; font-weight: 400; line-height: 0.9; margin: 0 0 0.35714em 0; text-transform: uppercase; } @media (max-width: 800px) { #hwwSubHero h2 { font-size: 3em; } } @media (max-width: 480px) { #hwwSubHero h2 { font-size: 2.5em; } } #hwwSubHero p { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 400; font-size: 1.375em; line-height: 1.3; } #hwwSubHero p a { color: #889158; } #hwwSubHero p a:hover { color: #6a7145; } @media (max-width: 800px) { #hwwSubHero p { font-size: 1.125em; } } .our-team-hero { background-image: url("../images/layout/staff-bg.jpg"); } .our-board-hero { background-image: url("../images/layout/board-bg.jpg"); background-position: left center; } .our-team-content { padding-top: 5em; } .person-tile { width: 25%; margin-bottom: 50px; text-align: center; float: left; min-height: 321px; } @media (max-width: 1150px) { .person-tile { width: 22%; margin: 0 2% 50px; min-height: 324px; } } @media (max-width: 840px) { .person-tile { width: 40%; margin: 5% 5% 50px; margin-bottom: 0; } } .person-tile h2 { font-family: 'Sentinel A', 'Sentinel B'; font-weight: 700; font-style: normal; font-size: 1.25em; } @media (max-width: 480px) { .person-tile h2 { font-size: 1.125em; } } .person-tile a { display: block; margin-bottom: 13px; width: 241px; max-width: 100%; overflow: hidden; border: 8px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); } .person-tile a:hover { opacity: 0.8; } @media (max-width: 840px) { .person-tile a { margin: auto; margin-bottom: 13px; } } .person-tile-text { width: 241px; } @media (max-width: 1150px) { .person-tile-text { width: auto; } } @media (max-width: 1150px) { .one_tile { margin-left: 0; } } @media (max-width: 840px) { .one_tile { margin-left: 5%; } } @media (max-width: 1150px) { .four_tile { margin-right: 0; } } .single-person-header { min-width: 725px; } @media (max-width: 767px) { .single-person-header { min-width: 0; } } .single-person-top { padding: 80px 0 65px; position: relative; } @media (max-width: 520px) { .single-person-top { padding-top: 10%; } } @media (max-width: 400px) { .single-person-top { padding-top: 55px; padding-bottom: 30px; } } .single-person-top img { float: left; border: 8px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); -webkit-box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); box-shadow: 0 0 10px rgba(48, 43, 47, 0.2); margin: 0 45px; max-width: 242px; max-height: 242px; } @media (max-width: 767px) { .single-person-top img { width: 34%; margin-left: 0; margin-right: 0; } } @media (max-width: 520px) { .single-person-top img { width: 50%; margin-right: 5%; } } @media (max-width: 400px) { .single-person-top img { width: 164px; position: absolute; left: 0; right: 0; margin: auto; top: 80px; } } .person-info { padding-top: 95px; } @media (max-width: 400px) { .person-info { padding-top: 35px; } } .single-person-name, .single-person-title { width: 180px; margin-top: 75px; float: left; text-align: right; font-family: 'Sentinel A', 'Sentinel B'; font-style: normal; font-size: 2.375em; } @media (max-width: 767px) { .single-person-name, .single-person-title { font-size: 1.875em; width: 28%; margin-right: 5%; margin-top: 10%; } } @media (max-width: 520px) { .single-person-name, .single-person-title { width: 45%; margin: 4% 0 0; float: right; text-align: left; font-size: 1.625em; } } @media (max-width: 400px) { .single-person-name, .single-person-title { margin-top: 200px; font-size: 30px; width: 100%; float: none; text-align: center; } .single-person-name br, .single-person-title br { display: none; } } .single-person-title { text-align: left; } @media (max-width: 767px) { .single-person-title { margin-left: 5%; margin-right: 0; } } @media (max-width: 520px) { .single-person-title { margin-top: 50px; margin-left: 0; } } @media (max-width: 400px) { .single-person-title { margin-top: 5px; text-align: center; font-size: 23px; } } @media (max-width: 825px) { .smaller-text { font-size: 1.4375em; } } @media (max-width: 520px) { .smaller-text { font-size: 1.625em; } } @media (max-width: 400px) { .smaller-text { font-size: 23px; } } .single-person-bio { padding-top: 30px; } .single-person-bio p { line-height: 1.5; margin-bottom: 20px; } .single-person-bio .button { display: table; margin: 40px auto; } .contributions h2 { min-height: 3px; margin: 32px 0; font-size: 1.375em; line-height: 1; clear: both; font-weight: 800; font-style: italic; position: relative; color: #302b2f; background: url(../images/layout/dot.png) repeat-x center center; } .contributions h2 span { padding: 0 10px 0 0; background: url(../images/layout/paper-bg.jpg) repeat; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; } .contributions h3 { color: #889158; } .contributions .pagination { width: 100%; height: 25px; } .contributions .pagination a { font-weight: 400; } .contributions .pagination a.active { font-weight: bold; } .single-person .resultbox { display: none; } .single-person .resultbox .date { display: inline-block; margin-bottom: 7px; font-size: 12px; font-weight: 600; text-transform: uppercase; } .single-person .results-page { display: none; } .single-person .results-page.active { display: block; } .single-person .results-page .resultbox { display: block; } .clear { clear: both; } /* ============================================== */ /* Let's fix IE! */ /* ============================================== */ .lt-ie9 { /*Overlays for homepage photos*/ /*ScrollHeader Image*/ } .lt-ie9 .overlay.gold { background: url(../images/layout/ie-overlay/gold70.png) repeat; } .lt-ie9 .overlay.green { background: url(../images/layout/ie-overlay/green70.png) repeat; } .lt-ie9 .overlay.red { background: url(../images/layout/ie-overlay/red70.png) repeat; } .lt-ie9 #header.scrollHeader { background: url(../images/layout/scrollHeader.png) repeat; }