/* ============================================== */
/* Settings */
/* ============================================== */
/*

!*!*!*!*!*!*!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.

*/
/* ============================================== */
/* Include Core */
/* ============================================== */
/* ============================================== */
/* 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%; } }
.sdg { -moz-osx-font-smoothing: grayscale; overflow: hidden; }
.sdg h1 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 40px; font-style: italic; color: #889158; text-align: center; }
@media (max-width: 580px) { .sdg h1 { margin: .6em 0 .5em; font-size: 30px; } }
.sdg p a { color: #889158; font-weight: 700; font-style: italic; }
.sdg p a:hover { color: #6a7145; }
.sdg #header { opacity: 1; transition: .5s; }
.sdg #hero, .sdg body.error404 #fourohfour, body.error404 .sdg #fourohfour, .sdg body.page-template-coming-soon #fourohfour, body.page-template-coming-soon .sdg #fourohfour { height: 800px; background: url(../images/microsite/hero-bg.jpg) no-repeat center center fixed; background-size: cover; }
.sdg #hero h1, .sdg body.error404 #fourohfour h1, body.error404 .sdg #fourohfour h1, .sdg body.page-template-coming-soon #fourohfour h1, body.page-template-coming-soon .sdg #fourohfour h1 { font-style: normal; }
@media (max-width: 840px) { .sdg #hero, .sdg body.error404 #fourohfour, body.error404 .sdg #fourohfour, .sdg body.page-template-coming-soon #fourohfour, body.page-template-coming-soon .sdg #fourohfour { height: auto; } }
.sdg .right-cta { margin-top: 17px; }
@media (max-width: 480px) { .sdg .right-cta { margin-top: 47px; } }
.sdg span.left { display: block; float: left; width: 50%; padding: 0 16px 0 4px; }
.sdg span.right { display: block; float: left; width: 50%; padding: 0 0 0 16px; }
@media (max-width: 768px) { .sdg span.left, .sdg span.right { display: inline; width: auto; padding: 0; float: none; } }
.sdg .button.orange { color: #fff; text-shadow: 1px 1px 2px #6c7248; text-shadow: 1px 1px 2px rgba(25, 23, 24, 0.25); background: #d08a44; padding: 0.9375em 1.5625em; border: 1px solid #b67a3c; border-bottom: 5px solid #b67a3c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; transition: all 200ms ease-in; }
.sdg .button.orange:hover { background: #c68340; }
.sdg .cf:after { content: ""; display: table; clear: both; }
.sdg .photo-credit { position: absolute; right: 15px; bottom: 15px; color: #fff; font-size: 13px; font-family: "franklin-gothic-urw", sans-serif; }
.sdg .numbered-list .item { margin: 33px 0 0; min-height: 40px; }
.sdg .numbered-list .content { overflow: hidden; line-height: 1.6; }
.sdg .number { display: table; float: left; width: 40px; height: 40px; background: #e8c360; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; }
.sdg .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: 1.4em; }
.sdg .watch-video { cursor: pointer; }
.sdg .fixedHero { position: relative; }
.sdg #hero .nine, .sdg body.error404 #fourohfour .nine, body.error404 .sdg #fourohfour .nine, .sdg body.page-template-coming-soon #fourohfour .nine, body.page-template-coming-soon .sdg #fourohfour .nine { opacity: 1; }
.sdg .video-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: black; display: none; opacity: 0; }
.sdg .sdg-video { display: none; position: absolute; width: 100%; left: 0; right: 0; top: 50%; transform: translate(0, -50%); z-index: 99999; opacity: 0; transition: .5s; }
.sdg.fading-in #header { opacity: 0; transition: .5s; }
.sdg.fading-in .video-backdrop { display: block; opacity: .4; transition: .5s; }
.sdg.fading-in #hero .nine, .sdg.fading-in body.error404 #fourohfour .nine, body.error404 .sdg.fading-in #fourohfour .nine, .sdg.fading-in body.page-template-coming-soon #fourohfour .nine, body.page-template-coming-soon .sdg.fading-in #fourohfour .nine { opacity: 0; transition: .5s; }
.sdg.fading-in .sdg-video { display: block; }
.sdg.playing-video #header, .sdg.playing-video #hero .nine, .sdg.playing-video body.error404 #fourohfour .nine, body.error404 .sdg.playing-video #fourohfour .nine, .sdg.playing-video body.page-template-coming-soon #fourohfour .nine, body.page-template-coming-soon .sdg.playing-video #fourohfour .nine { opacity: 0; }
.sdg.playing-video .video-backdrop { display: block; opacity: .4; }
.sdg.playing-video .sdg-video { display: block; opacity: 1; transition: .5s; }
.sdg.fading-out .sdg-video { opacity: 0; transition: .5s; }
.sdg.fading-out #header, .sdg.fading-out #hero .nine, .sdg.fading-out body.error404 #fourohfour .nine, body.error404 .sdg.fading-out #fourohfour .nine, .sdg.fading-out body.page-template-coming-soon #fourohfour .nine, body.page-template-coming-soon .sdg.fading-out #fourohfour .nine { opacity: 1; }
.sdg.fading-out .video-backdrop { display: none; }
.sdg .open-nav { width: 28px; height: 23px; margin-top: 28px; position: relative; float: right; cursor: pointer; opacity: 1; left: 0; transition: .3s; }
.sdg .open-nav.is-hidden { left: 250px; opacity: 0; transition: .3s; }
@media (max-width: 1100px) { .sdg .open-nav { margin-right: 20px; } }
@media (max-width: 400px) { .sdg .open-nav { margin-top: 6px; } }
.sdg .open-nav div { width: 28px; height: 3px; position: absolute; background: #fff; transition: .2s ease-in-out; }
.sdg .open-nav div.top-bar { top: 0; }
.sdg .open-nav div.middle-bar { top: 10px; }
.sdg .open-nav div.bottom-bar { bottom: 0; }
@media (max-width: 400px) { .sdg .open-nav div { height: 2px; } }
.sdg .open-nav:hover .top-bar { top: -2px; height: 2px; }
.sdg .open-nav:hover .bottom-bar { bottom: -2px; height: 2px; }
.sdg .open-nav:hover .middle-bar { height: 2px; }
.sdg .close-nav { float: right; margin-top: 8px; cursor: pointer; }
.sdg .sdg-nav { width: 320px; height: 100%; position: fixed; right: -320px; z-index: 99999; background: #302b2f; text-align: center; transition: .3s; }
.sdg .sdg-nav.is-visible { right: 0; }
.sdg .sdg-nav-top { height: 83px; padding: 22px 30px 30px 40px; color: white; text-align: left; }
@media (max-width: 420px) { .sdg .sdg-nav-top { padding: 15px 30px 15px 30px; height: auto; } }
.sdg .sdg-nav-title { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; font-size: 26px; text-transform: lowercase; }
.sdg .sdg-nav-list li { width: 100%; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.03); transition: .2s; }
.sdg .sdg-nav-list li:hover { background: rgba(255, 255, 255, 0.03); }
.sdg .sdg-nav-list li .gold { color: #e8c360; text-transform: uppercase; font-weight: bold; display: inline-block; margin-top: 2px; }
.sdg .sdg-nav-list li .button { margin: 20px 0; padding: 0.9375em 1.5625em; width: auto; }
.sdg .sdg-nav-list a { display: inline-block; color: white; padding: 18px 0; width: 100%; }
@media (max-width: 420px) { .sdg .sdg-nav-list a { font-size: 13px; padding: 12px 0; } }
.sdg .sdg-micro-nav { border-top: 1px solid rgba(255, 255, 255, 0.03); padding-top: 16px; }
.sdg .sdg-micro-nav li { display: inline-block; height: 13px; line-height: 0.8; padding: 0 5px 0 10px; }
.sdg .sdg-micro-nav li:not(:first-child) { border-left: 1px solid white; }
.sdg .sdg-micro-nav a { color: #fff; }
.sdg .sdg-micro-nav a:hover { color: #e8c360; }
@media screen and (min-width: 470px) and (max-width: 667px) { .sdg #header img { width: 178px; }
  .sdg .open-nav { margin-top: 10px; }
  .sdg .sdg-nav-bottom { overflow: auto; height: 100%; padding-top: 51px; }
  .sdg .sdg-nav-top { padding: 10px 30px; height: auto; background: #302b2f; position: absolute; width: 100%; }
  .sdg .sdg-nav-list a { padding: 7px 0; font-size: 14px; }
  .sdg .sdg-nav-list br { display: none; }
  .sdg .sdg-nav-list li .button { margin: 10px 0 0; }
  .sdg .sdg-micro-nav { margin-bottom: 20px; } }
.sdg .goals { padding: 6em 0; }
.sdg .pillar { max-width: 514px; text-align: left; background: #fff; position: relative; box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); }
@media (max-width: 768px) { .sdg .pillar { margin: auto; margin-bottom: 30px; } }
.sdg .pillar-hero.full-image { width: 100%; max-height: 292px; position: relative; padding: 0 0 55% 0; }
.sdg .agenda .pillar-hero { background: url("../images/microsite/agenda-hero.png"); }
.sdg .paradigm .pillar-hero { background: url("../images/microsite/paradigm-hero.png"); }
.sdg .pillar-title { display: table; width: 100%; height: 100%; text-align: center; }
.sdg .pillar-title h4 { display: table-cell; vertical-align: middle; color: #fff; font-family: "franklin-gothic-urw", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; }
.sdg .pillar-title .flare { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; text-transform: lowercase; font-size: 50px; text-shadow: 0px 1px 1px rgba(48, 43, 47, 0.25); line-height: 48px; }
.sdg .pillar-description { padding: 50px; min-height: 290px; }
.sdg .pillar-description p { line-height: 1.6; }
@media (max-width: 420px) { .sdg .pillar-description p { text-align: left; } }
@media (max-width: 640px) { .sdg .pillar-description { padding: 20px 32px; } }
.sdg .quote-block { padding: 5em 0 4.375em 0; color: #fff; text-align: center; position: relative; font-family: "Sentinel A", "Sentinel B", georgia, serif; text-shadow: 0px 1px 1px rgba(48, 43, 47, 0.25); background-size: cover; }
.sdg .quote-block .photo-credit { right: 20px; bottom: 30px; }
.sdg .quote-block:before, .sdg .quote-block:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; background: #fff; opacity: .75; top: 5px; }
.sdg .quote-block:after { top: auto; bottom: 5px; }
.sdg .quote-flare { width: 80px; height: 80px; padding-left: 4px; margin: auto; border: 2px solid rgba(255, 255, 255, 0.75); border-radius: 50%; font-size: 59px; line-height: 100.5px; letter-spacing: .08em; }
.sdg .quote-title { font-family: "franklin-gothic-urw", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: #fff; margin: 36px 0 16px; }
.sdg .quote-text { font-size: 26px; color: #fff; font-style: italic; margin: auto; max-width: 960px; }
@media (max-width: 640px) { .sdg .quote-text { font-size: 23px; } }
.sdg .quote-author { display: block; font-size: 18px; font-family: "franklin-gothic-urw", sans-serif; margin-top: 37px; }
@media (max-width: 945px) { .sdg .force-break { display: none; } }
.sdg .quote-1 { background-image: url(../images/microsite/quote-bg-1.jpg); }
.sdg .quote-2 { background-image: url(../images/microsite/quote-bg-2.jpg); }
.sdg .quote-3 { background-image: url(../images/microsite/quote-bg-3.jpg); }
.sdg .quote-4 { background-image: url(../images/microsite/quote-bg-4.jpg); }
.sdg .booklet-block { padding: 95px 0 84px; text-align: center; }
@media (max-width: 1280px) { .sdg .booklet-block .twelve { padding: 0 55px; } }
@media (max-width: 480px) { .sdg .booklet-block .twelve { padding: 0 16px; } }
.sdg .booklet-chapter { font-weight: bold; font-size: 18px; }
.sdg .booklet { margin: 56px 0 0; position: relative; background: #fff; }
.sdg .booklet-slide { display: none; height: 100%; position: relative; z-index: 4; *zoom: 1; }
.sdg .booklet-slide:before, .sdg .booklet-slide:after { content: ""; display: table; }
.sdg .booklet-slide:after { clear: both; }
.sdg .booklet-slide.is-active { display: block; }
.sdg .booklet-page { width: 50%; padding: 40px 50px 50px; background: #fff; text-align: left; overflow: auto; float: left; box-shadow: 1px 0px 4px rgba(48, 43, 47, 0.15); }
.sdg .booklet-page .six:first-of-type { padding-left: 4px; }
@media (max-width: 768px) { .sdg .booklet-page .six:first-of-type { padding: 0; } }
.sdg .booklet-page .six:nth-of-type(2) { padding-right: 0; }
@media (max-width: 768px) { .sdg .booklet-page .six:nth-of-type(2) { padding: 0; } }
@media (max-width: 640px) { .sdg .booklet-page { padding: 20px 20px 25px; } }
.sdg .show-one-col { display: none; }
.sdg .booklet-slide.full { background: #fff; padding: 41px 50px; box-shadow: 1px 0px 4px rgba(48, 43, 47, 0.15); height: 615px; overflow: auto; }
.sdg .booklet-slide.full .booklet-title { text-align: left; margin: 0; }
.sdg .booklet-slide.full .booklet-page { box-shadow: none; padding: 0; }
.sdg .booklet-slide.full .booklet-page.left { padding-right: 25px; }
@media (max-width: 890px) { .sdg .booklet-slide.full .booklet-page.left { width: 100%; padding: 0; } }
.sdg .booklet-slide.full .booklet-page.right { padding-left: 25px; }
@media (max-width: 890px) { .sdg .booklet-slide.full .booklet-page.right { width: 100%; padding: 0; } }
@media (max-width: 890px) { .sdg .booklet-slide.full .show-one-col { display: inline; } }
@media (max-width: 890px) { .sdg .booklet-slide.full .hide-one-col { display: none; } }
@media (max-width: 840px) { .sdg .booklet-slide.full { height: 820px; } }
@media (max-width: 640px) { .sdg .booklet-slide.full { height: 750px; padding: 20px; } }
.sdg .booklet-slide.split { height: 615px; }
.sdg .booklet-slide.split .booklet-page { height: 615px; }
@media (max-width: 840px) { .sdg .booklet-slide.split .booklet-page { width: 100%; height: 500px; } }
@media (max-width: 840px) { .sdg .booklet-slide.split .full-image { height: 320px; } }
@media (max-width: 640px) { .sdg .booklet-slide.split .full-image { height: 250px; } }
@media (max-width: 840px) { .sdg .booklet-slide.split { height: auto; } }
.sdg .booklet-slide.staggered { height: 615px; }
.sdg .booklet-slide.staggered .booklet-page.left { padding: 0; width: 24%; height: 100%; }
@media (max-width: 840px) { .sdg .booklet-slide.staggered .booklet-page.left { height: 320px; width: 100%; } }
@media (max-width: 640px) { .sdg .booklet-slide.staggered .booklet-page.left { height: 250px; } }
.sdg .booklet-slide.staggered .booklet-page.right { width: 76%; height: 615px; }
@media (max-width: 840px) { .sdg .booklet-slide.staggered .booklet-page.right { width: 100%; height: 500px; } }
@media (max-width: 768px) { .sdg .booklet-slide.staggered .show-one-col { display: inline; } }
@media (max-width: 768px) { .sdg .booklet-slide.staggered .hide-one-col { display: none; } }
@media (max-width: 840px) { .sdg .booklet-slide.staggered { height: auto; } }
.sdg .booklet-title { color: #a15331; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 32px; position: relative; padding-bottom: 15px; }
.sdg .booklet-title:after { content: ""; width: 100%; height: 3px; background: url(../images/microsite/yellow-dot.png) repeat-x center center; position: absolute; bottom: 0; left: 0; }
@media (max-width: 640px) { .sdg .booklet-title { font-size: 25px; } }
.sdg .booklet p { line-height: 1.6; margin: 33px 0 0; }
.sdg .full-image { padding: 0; position: relative; box-shadow: none; background-size: cover; }
.sdg .frame { background: transparent; border: 2px solid rgba(255, 255, 255, 0.75); position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; }
.sdg .frame.cover-data { background: rgba(255, 255, 255, 0.2); }
.sdg .cta-block { margin: 33px 0; *zoom: 1; }
.sdg .cta-block:before, .sdg .cta-block:after { content: ""; display: table; }
.sdg .cta-block:after { clear: both; }
.sdg .cta-block-title a { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 24px; color: #889158; margin-bottom: 14px; }
.sdg .cta-block-title a:hover { color: #6a7145; }
@media (max-width: 870px) { .sdg .cta-block-title a { font-size: 22px; } }
@media (max-width: 640px) { .sdg .cta-block-title a { font-size: 20px; } }
@media (max-width: 420px) { .sdg .cta-block-title a { clear: left; padding-top: 15px; } }
.sdg .cta-block-image { width: 125px; height: 160px; float: left; margin-right: 30px; border: 1px solid #d8d7d7; }
@media (max-width: 640px) { .sdg .cta-block-image { width: 100px; height: 128px; } }
@media (max-width: 640px) { .sdg .cta-block .read-more { font-size: 15px; } }
.sdg .ilm-img { background: url(../images/microsite/landscape-management.png); }
.sdg .leadership-img { background: url(../images/microsite/leadership.png); background-position-x: -300px; }
@media (max-width: 840px) { .sdg .leadership-img { background-position-x: -150px; background-position-y: -80px; } }
.sdg .transform-img { background: url(../images/microsite/beans.png); background-position-x: -220px; }
.sdg .pic-1-2 { background: url(../images/microsite/hills.jpg); }
@media (max-width: 840px) { .sdg .pic-1-2 { background-position-y: -150px; } }
.sdg .pic-1-3 { background: url(../images/microsite/meeting.jpg); }
.sdg .pic-3-1 { background: url(../images/microsite/women.jpg); }
.sdg .pic-4-1 { background: url(../images/microsite/beans.png); background-position-x: -100px; }
.sdg .pic-4-2 { background: url(../images/microsite/peanuts.jpg); }
@media (max-width: 540px) { .sdg .pic-4-2 { background-position-y: -100px; } }
.sdg .case-1 { background: url(../images/microsite/case-1.jpg); background-position-x: -100px; }
.sdg .case-2 { background: url(../images/microsite/case-2.jpg); }
@media (max-width: 840px) { .sdg .case-2 { background-position-y: -80px; } }
.sdg .case-3 { background: url(../images/microsite/case-3.jpg); }
@media (max-width: 840px) { .sdg .case-3 { background-position-y: -200px; } }
.sdg .case-4 { background: url(../images/microsite/case-4.jpg); }
@media (max-width: 840px) { .sdg .case-4 { background-position-y: -200px; } }
.sdg .booklet-tab { width: 40px; height: 40px; margin: 5px 0; position: relative; color: #d3b6ac; font-size: 20px; font-weight: bold; font-family: "Sentinel A", "Sentinel B", georgia, serif; text-transform: uppercase; line-height: 40px; background: #fff; cursor: pointer; box-shadow: 0px 1px 3px 0px rgba(48, 43, 47, 0.15); border-radius: 0 2px 2px 0; z-index: 2; }
.sdg .booklet-tab:hover { color: #a15331; transition: 0.3s; }
.sdg .booklet-tab.has-text { font-size: 10px; line-height: 1; padding-top: 11px; font-family: "franklin-gothic-urw", sans-serif; }
.sdg .booklet-tab.has-text.one-line { padding-top: 17px; }
.sdg .booklet-tab.is-active { color: #a15331; z-index: 6; }
.sdg .booklet-tab.is-active:before { content: ""; width: 8px; height: 40px; position: absolute; top: 0; left: -4px; background: #fff; }
@media (max-width: 480px) { .sdg .booklet-tab { width: 50px; height: 30px; line-height: 30px; display: inline-block; margin: 0 5px 0 0; float: left; }
  .sdg .booklet-tab.has-text { padding-top: 5px; }
  .sdg .booklet-tab.is-active:before { top: -4px; left: 0; height: 8px; width: auto; } }
.sdg .booklet-tabs { position: absolute; right: -40px; width: 40px; top: 15px; }
@media (max-width: 840px) { .sdg .booklet-tabs { top: auto; bottom: 15px; } }
@media (max-width: 480px) { .sdg .booklet-tabs { left: 15px; bottom: -30px; width: auto; } }
.sdg .map-slide { box-shadow: 1px 0px 4px rgba(48, 43, 47, 0.15); z-index: 8; height: 615px; }
@media (max-width: 1100px) { .sdg .map-slide { height: auto; } }
.sdg iframe { border: none; }
.sdg .papers { padding: 70px 0; text-align: center; background: url("../images/microsite/papers-bg.jpg"); background-size: cover; position: relative; }
.sdg .papers .twelve { position: relative; padding: 93px 16px 103px; }
.sdg .papers .twelve:before, .sdg .papers .twelve:after { content: ""; width: 100%; height: 3px; background: url(../images/microsite/yellow-dot.png) repeat-x center center; position: absolute; top: 0; left: 0; }
@media (max-width: 1092px) { .sdg .papers .twelve:before, .sdg .papers .twelve:after { width: 90%; left: 5%; } }
.sdg .papers .twelve:after { top: auto; bottom: 0; }
.sdg .papers-title { color: #e8c360; }
.sdg .papers-byline { color: #fff; font-size: 20px; margin: 12px 0 38px; }
.sdg .papers-actions { position: relative; max-width: 707px; margin: auto; *zoom: 1; }
.sdg .papers-actions:before, .sdg .papers-actions:after { content: ""; display: table; }
.sdg .papers-actions:after { clear: both; }
.sdg .papers-divide { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; font-size: 20px; color: #fff; display: inline-block; margin: 0 20px; text-align: left; }
@media (max-width: 835px) { .sdg .papers-divide { display: block; margin: 20px 0; text-align: center; } }
.sdg .papers-download { display: inline-block; vertical-align: middle; }
.sdg form.join-newsletter { width: 372px; min-width: 245.578px; max-width: 372px; height: 52px; background: rgba(0, 0, 0, 0.4); border: 1px solid #fff; border-radius: 3px; padding: 4px; position: relative; display: inline-block; vertical-align: middle; }
@media (max-width: 835px) { .sdg form.join-newsletter { display: block; margin: auto; } }
@media (max-width: 560px) { .sdg form.join-newsletter { width: 80%; } }
.sdg input.newsletter-email { height: 100%; font-size: 20px; font-family: "franklin-gothic-urw", sans-serif; color: #fff; background: transparent; border: none; outline: none; padding-left: 16px; float: left; }
.sdg input.newsletter-email.placeholder { color: #a9a9a9; }
@media (max-width: 560px) { .sdg input.newsletter-email { width: 200px; } }
@media (max-width: 420px) { .sdg input.newsletter-email { font-size: 17px; width: 70%; } }
@media (max-width: 375px) { .sdg input.newsletter-email { font-size: 15px; } }
.sdg .button.newsletter-submit-email { width: 93px; height: 100%; padding: 0 !important; float: right; }
@media (max-width: 420px) { .sdg .button.newsletter-submit-email { width: 30%; font-size: 14px; line-height: 42px; } }
.sdg div.error { color: white; position: absolute; bottom: -25px; }
.sdg .stories-block { padding: 1em 0 1.6em; }
@media (max-width: 768px) { .sdg .stories-block .columns { margin-top: 0; } }
.sdg .stories-title { margin: 65px 0 55px; }
.sdg .secondary a.story .storyBG.blog-pic-1 { background-image: url(../images/microsite/blog-1.jpg); }
.sdg .secondary a.story .storyBG.blog-pic-2 { background-image: url(../images/microsite/blog-2.jpg); }
.sdg .logos { padding-top: 40px; padding-bottom: 50px; text-align: center; }
.sdg .logos-title { text-align: center; background: url(../images/layout/dot.png) repeat-x center 10px; background-position-y: 15px; }
.sdg .logos-title h2 { background: #f9f2e9; padding: 0 6px; display: inline-block; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-style: italic; }
.sdg .logos-content { height: 380px; position: relative; padding: 50px 0 60px; }
@media (max-width: 768px) { .sdg .logos-content { height: auto; } }
.sdg .logos-content:after { content: ""; display: block; position: absolute; height: 3px; width: 100%; bottom: 0; width: 100%; background: url(../images/layout/dot.png) repeat-x center; }
@media (max-width: 768px) { .sdg .sponsors .logos-content:after { display: none; } }
.sdg .sponsors .logo-block { float: left; width: 100%; }
@media (max-width: 768px) { .sdg .sponsors .logo-block { width: 50%; padding: 0 5%; } }
.sdg .partners .logo-block { float: left; width: 25%; }
@media (max-width: 950px) { .sdg .partners .logo-block { padding: 0 15px; } }
@media (max-width: 640px) { .sdg .partners .logo-block { width: 50%; padding: 25px 5%; } }
.sdg .group-two { margin-top: 76px; }
.sdg .group-two .logo-block { width: 33%; }
@media (max-width: 640px) { .sdg .group-two .logo-block { width: 50%; } }
@media (max-width: 640px) { .sdg .group-two { margin-top: 0; } }
.sdg .logo-german { margin-bottom: 59px; }
@media (max-width: 768px) { .sdg .logo-german { margin-bottom: 0; } }
.sdg .logo-catie { max-width: 180px; float: left; margin-top: 15px; }
@media (max-width: 950px) { .sdg .logo-catie { max-width: 100%; } }
@media (max-width: 640px) { .sdg .logo-catie { float: none; } }
.sdg .logo-amfn { max-width: 185px; float: left; }
@media (max-width: 950px) { .sdg .logo-amfn { max-width: 100%; } }
@media (max-width: 640px) { .sdg .logo-amfn { float: none; } }
.sdg .logo-wri { max-width: 210px; }
@media (max-width: 950px) { .sdg .logo-wri { max-width: 100%; } }
.sdg .global { text-align: center; }
.sdg .global p { line-height: 1.6; margin: 28px 0 0; -webkit-font-smoothing: auto; }
.sdg .global-title { margin-top: 39px; }
.sdg .global-cta { width: 213px; margin: 40px 0; }
.sdg .footer-microsite { padding: 5px 0 20px !important; }
.sdg #footercap { height: 246px; position: relative; }
.sdg .mountains { position: absolute; width: 100%; height: 241px; bottom: 16px; background: url(../images/microsite/mountains.png); background-size: cover; }

.sdg .booklet-slide.ilm { max-height: 615px; z-index: 8; }
.sdg .ilm-data-point { position: absolute; width: 16px; height: 16px; border: solid 3px rgba(255, 255, 255, 0.8); border-radius: 50%; box-shadow: 0 0 10px rgba(48, 43, 47, 0.75); background: #d18a44; cursor: pointer; }
.sdg .ilm-data-point > p { display: none; }
.sdg .ilm-data-point.hover { z-index: 2; }
@media (max-width: 760px) { .sdg .ilm-data-point { width: 12px; height: 12px; border-width: 2px; } }
@media (max-width: 550px) { .sdg .ilm-data-point { width: 9px; height: 9px; } }
.sdg .frame.cover-data { z-index: 2; }
.sdg .ilm-greeting { width: 90%; height: 215px; max-width: 350px; position: absolute; left: 35px; bottom: 35px; z-index: 4; }
@media (max-width: 600px) { .sdg .ilm-greeting { height: 70%; left: 5%; width: 90%; max-width: 0none; } }
.sdg .ilm-greeting .left { width: 74px; height: 100%; float: left; background: #d18a44; }
.sdg .ilm-greeting .left img { width: 60%; margin-top: 20px; }
@media (max-width: 600px) { .sdg .ilm-greeting .left { width: 20%; } }
.sdg .ilm-greeting .right { height: 100%; max-width: 275px; float: left; padding: 25px 30px 30px 30px; background: #fff; text-align: left; position: relative; }
@media (max-width: 600px) { .sdg .ilm-greeting .right { padding: 20px; width: 80%; } }
@media (max-width: 400px) { .sdg .ilm-greeting .right { padding: 10px; } }
.sdg .ilm-greeting p { margin: 0; line-height: 1.4; font-size: 14px; }
@media (max-width: 600px) { .sdg .ilm-greeting p { font-size: 13px; } }
@media (max-width: 400px) { .sdg .ilm-greeting p { font-size: 12px; } }
.sdg .ilm-greeting .close-content { top: -11.5px; right: -11.5px; }
.sdg .take-a-look { display: block; margin-top: 31px; text-transform: uppercase; font-weight: bold; color: #302b2f; font-size: 0.875em; cursor: pointer; }
.sdg .take-a-look:hover { color: #e8c360; }
.sdg .take-a-look i { color: #e8c360; }
@media (max-width: 600px) { .sdg .take-a-look { margin-top: 10px; } }
@media (max-width: 400px) { .sdg .take-a-look { display: none; } }
.sdg .toggle-ilm-fullscreen { position: absolute; width: 30px; height: 30px; cursor: pointer; top: 15px; right: 15px; background: gray; }
.sdg .toggle-ilm-fullscreen.is-fullscreen { background: white; }
.sdg .data-point-content-wrap { position: relative; }
.sdg .data-point-content { position: absolute; background: #fff; height: 120px; width: 510px; cursor: auto; z-index: 10; }
.sdg .data-point-content p { padding: 22px 20px; font-size: 14px; line-height: 1.4; text-align: left; z-index: 10; margin: 0; }
.sdg .data-point-content img { float: left; width: 120px; height: 120px; }
.sdg .top-left { right: -25px; top: -134px; }
.sdg .top-left p { padding-left: 140px; }
.sdg .top-left .close-content { top: -11.5px; right: -11.5px; }
.sdg .bottom-left { right: -25px; top: 24px; }
.sdg .bottom-left p { padding-left: 140px; }
.sdg .bottom-left .close-content { bottom: -11.5px; right: -11.5px; }
.sdg .top-right { left: -14px; top: -134px; }
.sdg .top-right img { float: right; }
.sdg .top-right p { padding-right: 140px; }
.sdg .top-right .close-content { top: -11.5px; left: -11.5px; }
.sdg .bottom-right { left: -14px; top: 24px; }
.sdg .bottom-right img { float: right; }
.sdg .bottom-right p { padding-right: 140px; }
.sdg .bottom-right .close-content { bottom: -11.5px; left: -11.5px; }
.sdg .data-point-content-wrap.tablet { height: auto; width: 70%; left: 0; right: 0; top: 0; margin: auto; bottom: 0; position: absolute; vertical-align: middle; display: table; }
@media (max-width: 620px) { .sdg .data-point-content-wrap.tablet { width: 85%; } }
@media (max-width: 550px) { .sdg .data-point-content-wrap.tablet { display: block; margin-top: 5%; } }
.sdg .data-point-content.tablet { position: static; background: #fff; height: auto; width: 100%; cursor: auto; z-index: 10; }
.sdg .data-point-content.tablet img { width: 100%; height: auto; }
@media (max-width: 550px) { .sdg .data-point-content.tablet { width: 100%; height: 90%; overflow: hidden; } }
.sdg .data-point-content.tablet .left { float: left; width: 25%; }
@media (max-width: 550px) { .sdg .data-point-content.tablet .left { width: 20%; } }
.sdg .data-point-content.tablet .right { float: left; width: 75%; min-height: 160px; background: #fff; }
@media (max-width: 550px) { .sdg .data-point-content.tablet .right { width: 80%; height: 100%; overflow: auto; } }
@media (max-width: 550px) { .sdg .data-point-content.tablet p { font-size: 13px; } }
.sdg .arrow { position: absolute; width: 0; height: 0; }
.sdg .arrow.up { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; left: -5px; top: 14px; }
.sdg .arrow.down { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; left: -5px; top: -14px; }
.sdg .tablet .arrow { display: none; }
.sdg .close-content { width: 25px; height: 25px; border-radius: 50%; box-shadow: 1px 1px 1px rgba(48, 43, 47, 0.25); position: absolute; cursor: pointer; background: #302b2f url("../images/microsite/close-data-point.png") no-repeat center center; }
.sdg .ilm-data-point .close-content { display: none; }
.sdg .ilm-data-point.is-open .close-content { display: block; }
.sdg .tablet .close-content { top: -11.5px; right: -11.5px; }
.sdg .point-1 { top: 2.93%; left: 4.43%; }
.sdg .point-1 .data-point-content { width: 540px; }
.sdg .point-2 { top: 13.33%; left: 16.89%; }
.sdg .point-3 { top: 6.18%; left: 31.7%; }
.sdg .point-3 .data-point-content { width: 558px; }
@media (max-width: 985px) { .sdg .point-3 .data-point-content { left: -200px; } }
.sdg .point-4 { top: 14.31%; left: 48.68%; }
@media (max-width: 1100px) { .sdg .point-4 .data-point-content { right: -250px; } }
.sdg .point-5 { top: 14.31%; left: 61.42%; }
.sdg .point-5 .data-point-content { width: 572px; }
@media (max-width: 985px) { .sdg .point-5 .data-point-content { right: -200px; } }
.sdg .point-6 { top: 5.37%; left: 77.74%; }
.sdg .point-7 { top: 14.5%; left: 85.94%; }
.sdg .point-7 .data-point-content { width: 594px; }
.sdg .point-8 { top: 74.07%; left: 9.23%; }
.sdg .point-8 .data-point-content { width: 562px; }
.sdg .point-9 { top: 64.07%; left: 16.23%; }
.sdg .point-10 { top: 44.72%; left: 26.51%; }
.sdg .point-10 .data-point-content { width: 582px; }
@media (max-width: 985px) { .sdg .point-10 .data-point-content { left: -150px; } }
.sdg .point-11 { top: 32.36%; left: 34.81%; }
.sdg .point-11 .data-point-content { width: 570px; }
@media (max-width: 985px) { .sdg .point-11 .data-point-content { left: -200px; } }
.sdg .point-12 { top: 24.07%; left: 73.11%; }
.sdg .point-13 { top: 22.93%; left: 87.08%; }
.sdg .point-14 { top: 52.2%; left: 49.62%; }
.sdg .point-14 .data-point-content { width: 605px; right: -250px; }
.sdg .point-15 { top: 44.65%; left: 62.45%; }
.sdg .point-15 .data-point-content { width: 567px; }
@media (max-width: 985px) { .sdg .point-15 .data-point-content { right: -150px; } }
.sdg .point-16 { top: 59.07%; left: 94.34%; }
.sdg .point-18 { top: 87.64%; lefT: 47.55%; }
@media (max-width: 1110px) { .sdg .point-18 .data-point-content { right: -220px; } }
.sdg .point-19 { top: 91.38%; left: 56.04%; }
.sdg .point-20 { top: 75.45%; left: 72.64%; }
.sdg .point-20 .data-point-content { width: 622px; }
@media (max-width: 985px) { .sdg .point-20 .data-point-content { right: -150px; } }
.sdg .point-21 { top: 92.2%; left: 75.38%; }
.sdg .point-21 .data-point-content { width: 530px; }
.sdg .point-22 { top: 77.57%; left: 83.51%; }

.sdg.ilm-fullscreen #header { display: none; }
.sdg.ilm-fullscreen .ilm-booklet { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; z-index: 99999; background: rgba(0, 0, 0, 0.8); }
.sdg.ilm-fullscreen .ilm { max-height: none !important; max-width: none; background-image: url(../images/microsite/illustration-large.png); background-size: cover; position: absolute; width: 100%; height: auto; padding-bottom: 58%; top: 50%; transform: translate(0, -50%); }
.sdg.ilm-fullscreen .ilm-image { display: none; }

/* ============================================== */
/* Elements */
/* ============================================== */
html { overflow-x: hidden; -webkit-font-smoothing: antialiased; }

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; }

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; }

.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; } }

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%; }

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; } }
/* ============================================== */
/* Fix iOS fixed BG Cover Bug */
/* ============================================== */
.touch .fixedHero { background-attachment: scroll !important; }

/* ============================================== */
/* General Components */
/* ============================================== */
.stripe.sandy { background: url(../images/layout/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.teal { color: #fff; text-shadow: 1px 1px 2px #6c7248; text-shadow: 1px 1px 2px rgba(25, 23, 24, 0.25); background: #488397; padding: 0.9375em 1.5625em; border: 1px solid #3f7384; border-bottom: 5px solid #3f7384; border-radius: 3px; }
.button.teal:hover { background: #437a8d; border-bottom: 5px solid #3a6a7a; }
.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.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: #488397; }

/*colors*/
/* ============================================== */
/* Header */
/* ============================================== */
#header { position: absolute; top: 0; width: 100%; padding-top: 1.875em; z-index: 99998; -moz-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; -webkit-transition: background 200ms ease-in; transition: background 200ms ease-in; }
#header.scrollHeader { position: fixed; padding-top: 0.9375em; background: rgba(48, 43, 47, 0.75); -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); }
#header.specialHeader { background: rgba(48, 43, 47, 0.75); -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: 9999999999999; padding-bottom: 0.9375em; }
@media (max-width: 400px) { a.logo { width: 133px; height: 44px; background: url("../images/layout/lpfn-mobile-logo-2x.png") no-repeat left center; background-size: 133px 28px; }
  a.logo img { display: none; } }

.rightSide { position: absolute; bottom: 0; right: 1em; }
@media (max-width: 720px) { .rightSide { width: 94%; right: 3%; } }

#respond-main-menu { display: none; }
@media (max-width: 720px) { #respond-main-menu { display: block; } }

.utility-nav { float: right; width: 100%; margin-bottom: 1.25em; }
.utility-nav form { float: right; margin-right: 1.25em; position: relative; }
.utility-nav label { position: absolute; color: #fff; color: rgba(255, 255, 255, 0.5); left: 8px; z-index: 9999; font-size: 1em; top: 50%; margin-top: -10px; }
.utility-nav input { background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; 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 2em; max-width: 13em; -webkit-appearance: none; box-shadow: none !important; }
.utility-nav ul { float: right; }
.utility-nav ul li { margin: 0.25em 0 0 0.625em; float: left; }
.utility-nav ul li a { color: #fff; }
.utility-nav ul li a:hover { color: #e8c360; }
.utility-nav ul li a i:before { width: auto; margin: 0; }
@media (max-width: 720px) { .utility-nav { 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: 0.9375em; }
.main-nav ul li.current-menu-item:before { content: ""; width: 0; height: 0; border: 4px solid transparent; position: absolute; border-left: 4px solid #e8c360; left: -11px; top: 4px; }
@media (max-width: 1200px) { .main-nav ul li.about ul { left: auto; right: -10px; text-align: right; } }
@media (max-width: 840px) { .main-nav ul li { margin-left: 1.25em; } }
.main-nav ul li a { padding-bottom: 0.9375em; color: #fff; 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: 860px) { .main-nav ul li a { font-size: 1em; } }
@media (max-width: 840px) { .main-nav ul li a { font-size: 0.875em; } }
.main-nav ul li:hover > .sub-menu { display: block; }
.main-nav ul li ul { display: none; float: none; position: absolute; left: -10px; top: 30px; width: 215px; padding: 0.625em 0.625em 0.625em 0.625em; background: #302b2f; background: rgba(48, 43, 47, 0.75); }
.main-nav ul li ul li { float: none; display: block; margin: 0 0 15px 0; font-size: 14px; padding: 0; }
.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; }
@media (max-width: 720px) { .main-nav ul li ul { display: block; } }
@media (max-width: 720px) { .main-nav { display: none; } }

/* ============================================== */
/* Homepage */
/* ============================================== */
#hero, body.error404 #fourohfour, body.page-template-coming-soon #fourohfour { background: url(../images/layout/hero-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 16.25em; padding-bottom: 8.125em; text-align: center; border-bottom: 5px solid #889158; }
@media (max-width: 580px) { #hero, body.error404 #fourohfour, body.page-template-coming-soon #fourohfour { padding-top: 12.5em; padding-bottom: 6.25em; } }
@media (max-width: 420px) { #hero, body.error404 #fourohfour, body.page-template-coming-soon #fourohfour { padding-top: 10.625em; padding-bottom: 4.6875em; } }
@media (max-width: 420px) { #hero .button, body.error404 #fourohfour .button, body.page-template-coming-soon #fourohfour .button { font-size: 0.8125em; } }
#hero h1, body.error404 #fourohfour h1, body.page-template-coming-soon #fourohfour h1 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-weight: 400; font-size: 5.5em; color: #fff; text-transform: uppercase; letter-spacing: 1px; line-height: 0.56818em; margin-bottom: 0.34091em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }
#hero h1 .gold, body.error404 #fourohfour h1 .gold, body.page-template-coming-soon #fourohfour h1 .gold { color: #e8c360; }
#hero h1 .divider, body.error404 #fourohfour h1 .divider, body.page-template-coming-soon #fourohfour h1 .divider { display: inline-block; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; font-size: 0.25em; position: relative; line-height: 3.18182em; letter-spacing: 0.03636em; }
@media (max-width: 290px) { #hero h1 .divider, body.error404 #fourohfour h1 .divider, body.page-template-coming-soon #fourohfour h1 .divider { font-size: .4em; } }
#hero h1 .divider:after, body.error404 #fourohfour h1 .divider:after, body.page-template-coming-soon #fourohfour h1 .divider:after { position: absolute; height: 2px; width: 60px; 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, body.error404 #fourohfour h1 .divider:before, body.page-template-coming-soon #fourohfour h1 .divider:before { position: absolute; height: 2px; width: 60px; 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: 840px) { #hero h1, body.error404 #fourohfour h1, body.page-template-coming-soon #fourohfour h1 { font-size: 5em; } }
@media (max-width: 520px) { #hero h1, body.error404 #fourohfour h1, body.page-template-coming-soon #fourohfour h1 { font-size: 4em; } }
@media (max-width: 420px) { #hero h1, body.error404 #fourohfour h1, body.page-template-coming-soon #fourohfour h1 { font-size: 3em; } }
@media (max-width: 340px) { #hero h1, body.error404 #fourohfour h1, body.page-template-coming-soon #fourohfour h1 { font-size: 2.875em; } }
@media (max-width: 315px) { #hero h1, body.error404 #fourohfour h1, body.page-template-coming-soon #fourohfour h1 { font-size: 2.5em; } }
@media (max-width: 290px) { #hero h1, body.error404 #fourohfour h1, body.page-template-coming-soon #fourohfour h1 { font-size: 1.875em; } }
#hero p, body.error404 #fourohfour p, body.page-template-coming-soon #fourohfour p { color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.25em; font-weight: 700; line-height: 1.3; padding: 0 2em; margin-bottom: 2em; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); }
@media (max-width: 580px) { #hero p, body.error404 #fourohfour p, body.page-template-coming-soon #fourohfour p { font-size: 1em; } }
@media (max-width: 420px) { #hero p, body.error404 #fourohfour p, body.page-template-coming-soon #fourohfour p { font-size: 0.8125em; } }

#stories { padding: 2.5em 0 4.375em; 		/*
.secondary {
			@include respond(tabletPortrait) {margin-top:1em;}
			a.story {
				float: left;
				width:100%;
				margin: 0 0 em(25) 0;
				position:relative;
				z-index: 9999;
				background: #fff;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				height:em(230);

				@include respond(tabletPortrait) {height:em(180);}
				@include respond(560px) {height:em(160);}
				@include respond(460px) {height:em(130);}

				&:hover {
					.overlay.gold {background: rgba(232,195,96,0.55);}
					.overlay.red {background: rgba(161,83,49,0.55);}
					.overlay.green {background: rgba(136,145,88,0.55);}
				}

				.storyBG {
					position: relative;
					width:100%;
					height:100%;
					z-index: 1;
					@include respond(tabletPortrait) {max-width:30%;}
					@include respond(340px) {max-width:40%;}
				}
			}
			.info {
				position:absolute;
				bottom: em(25);
				padding:0 em(30);
				color: #fff;
				z-index: 5;
				text-shadow: 1px 1px 1px rgb(48,43,47);
				text-shadow: 1px 1px 1px rgba(48,43,47,0.75);

				@include respond(880px) {padding:0 em(10);}
				@include respond(tabletPortrait) {text-shadow: none;color: $dark;float:left;margin-left:35%;width:65%;position:relative;bottom:auto;padding:em(15) em(10) em(15) 0;}
				@include respond(340px) {width:55%;margin-left:45%;}

				p {
					font-size: 1em;
					font-family: $sentinel;
					font-weight: $normal;
					font-style: italic;
					position:relative;
					margin-bottom:em(15);
					color: #fff;
					&.fakelink {
						display: none;
						@include respond(tabletPortrait) {display:inline-block;}
						font-family: $franklin;
						font-weight: $bold;
						font-style:normal;
						margin-top:em(10);
						i:before {color: $gold;margin-right:10px;}
						@include respond(560px) {font-size:em(11);}
						@include respond(460px) {font-size:em(10);}
						@include respond(300px) {font-size:em(9);}
					}
					&:after {
						width:em(30);
						height:1px;
						background: #fff;
						position: absolute;
						left:0;
						top:100%;
						margin-top:em(7);
						content: "";
						z-index: 9999;
						@include respond(tabletPortrait) {display:none;}
					}
					@include respond(560px) {margin-bottom:em(5);}
					@include respond(460px) {font-size:em(11);}
					@include respond(300px) {font-size:em(10);}
				}
				h4 {
					font-size:em(18);
					line-height: 1.2;
					color:#fff;
					@include respond(tabletPortrait) {font-size:em(16);}
					@include respond(680px) {font-size:em(14);}
					@include respond(460px) {font-size:em(12);}
					@include respond(300px) {font-size:em(11);}
				}
			}
			.overlay {
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				z-index: 3;
				@include transition(all 200ms ease-in);
				&.gold {
					background: rgba(232,195,96,0.7);

				}
				&.red {
					background: rgba(161,83,49,0.7);

				}
				&.green {
					background: rgba(136,145,88,0.7);

				}
				@include respond(tabletPortrait) {width:30%;}
				@include respond(340px) {width:40%;}
			}
		}
*/ }
@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 .all-stories { width: 100%; float: left; text-align: right; background: url(../images/layout/dotted-line.png) no-repeat left 80%; }
@media (max-width: 768px) { #stories .all-stories { background: url(../images/layout/dot.png) repeat-x left 80%; } }
#stories .all-stories a.read-more { font-size: 0.875em; }
@media (max-width: 1080px) { #stories .all-stories a.read-more { background: url(../images/layout/paper-bg.jpg) repeat; padding-left: 8px; } }

.featured.eight.columns a { display: inline; }
.featured a { display: block; }
.featured img { border-bottom: 5px solid #e8c360; }
@media (max-width: 768px) { .featured img { width: 100%; } }

.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; } }

@media (max-width: 768px) { .secondary { margin-top: 1em; } }
.secondary a.story { float: left; width: 100%; margin: 0 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: 768px) { .secondary a.story { height: 11.25em; } }
@media (max-width: 560px) { .secondary a.story { height: 10em; } }
@media (max-width: 460px) { .secondary a.story { height: 8.125em; } }
.secondary a.story:hover .overlay.gold { background: rgba(232, 195, 96, 0.55); }
.secondary a.story:hover .overlay.red { background: rgba(161, 83, 49, 0.55); }
.secondary a.story:hover .overlay.green { background: rgba(136, 145, 88, 0.55); }
.secondary a.story .storyBG { position: relative; width: 100%; height: 100%; z-index: 1; background: url("../images/layout/blog-post-default.jpg"); -webkit-background-size: cover; -moz-background-size: cover; 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%; } }
.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: 0.9375em 0.625em 0.9375em 0; } }
@media (max-width: 340px) { .secondary .info { width: 55%; margin-left: 45%; } }
.secondary .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; }
@media (max-width: 768px) { .secondary .info p { color: #302b2f; } }
.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 p:after { width: 1.875em; height: 1px; background: #fff; position: absolute; left: 0; top: 100%; margin-top: 0.4375em; content: ""; z-index: 9999; }
@media (max-width: 768px) { .secondary .info p:after { display: none; } }
@media (max-width: 560px) { .secondary .info p { margin-bottom: 0.3125em; } }
@media (max-width: 460px) { .secondary .info p { font-size: 0.6875em; } }
@media (max-width: 300px) { .secondary .info p { font-size: 0.625em; } }
.secondary .info h4 { font-size: 1.125em; line-height: 1.2; color: #fff; }
@media (max-width: 768px) { .secondary .info h4 { font-size: 1em; color: #302b2f; } }
@media (max-width: 680px) { .secondary .info h4 { font-size: 0.875em; } }
@media (max-width: 460px) { .secondary .info h4 { font-size: 0.75em; } }
@media (max-width: 300px) { .secondary .info h4 { font-size: 0.6875em; } }
.secondary .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; }
.secondary .overlay.gold { background: rgba(232, 195, 96, 0.7); }
.secondary .overlay.red { background: rgba(161, 83, 49, 0.7); }
.secondary .overlay.green { background: rgba(136, 145, 88, 0.7); }
@media (max-width: 768px) { .secondary .overlay { width: 30%; } }
@media (max-width: 340px) { .secondary .overlay { width: 40%; } }

#resource-photo { padding: 5em 0 4.375em 0; background: #e8c360 url(../images/layout/resource-bg.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
@media (max-width: 620px) { #resource-photo { padding: 2.5em 0 1.875em 0; } }
#resource-photo h2 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-weight: 400; font-size: 4.625em; line-height: 1; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.25); margin-bottom: 15px; }
#resource-photo h2 span.red { color: #a15331; }
@media (max-width: 780px) { #resource-photo h2 { font-size: 3.75em; } }
@media (max-width: 480px) { #resource-photo h2 { font-size: 2.375em; } }
#resource-photo p { color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 1.25em; line-height: 1.3; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.25); margin: 0 0 1.5em 0; padding: 0 2.5em; }
@media (max-width: 780px) { #resource-photo p { font-size: 1em; } }
@media (max-width: 480px) { #resource-photo p { font-size: 0.875em; padding: 0; } }
@media (max-width: 620px) { #resource-photo .button { font-size: 1em; } }
@media (max-width: 480px) { #resource-photo .button { font-size: 0.75em; } }

#resources { padding: 3.75em 0; }
@media (max-width: 620px) { #resources { padding: 1.875em 0 1.25em 0; } }
#resources .resource { background: #fff; position: relative; -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); z-index: 1; }
#resources .resource img { position: relative; z-index: 20; }
#resources .resource h5 { position: absolute; z-index: 30; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; font-size: 0.75em; color: #fff; top: 10px; right: 10px; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.5); text-transform: uppercase; }
@media (max-width: 480px) { #resources .resource h5 { font-size: 0.5625em; } }
#resources .resource .resource-info { padding: 2.5em; }
@media (max-width: 480px) { #resources .resource .resource-info { padding: 1.25em; } }
#resources .resource .resource-info h3 { color: #a15331; font-family: "franklin-gothic-urw", sans-serif; font-size: 1.5em; line-height: 1.1; margin: 0.3125em 0 0.3125em 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: 620px) { #resources .resource .resource-info h3 { font-size: 1.25em; } }
@media (max-width: 480px) { #resources .resource .resource-info h3 { font-size: 1em; } }
#resources .resource .resource-info a h3 { color: #a15331; }
#resources .resource .resource-info a h3:hover { color: #8d492b; }
#resources .resource .resource-info p { color: #302b2f; font-size: 1.125em; line-height: 1.22; margin: 0; }
@media (max-width: 620px) { #resources .resource .resource-info p { font-size: 1em; } }
@media (max-width: 480px) { #resources .resource .resource-info p { font-size: 0.875em; } }
#resources .resource .resource-info p.meta { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1em; line-height: 1.3; font-style: italic; color: #999; margin: 0 0 0.9375em 0; }
@media (max-width: 620px) { #resources .resource .resource-info p.meta { font-size: 0.9375em; } }
@media (max-width: 480px) { #resources .resource .resource-info p.meta { font-size: 0.8125em; } }
#resources .resource .resource-info p.meta span:after { content: ", "; }
#resources .resource .resource-info p.meta span:last-child:after { display: none; }
#resources .resource .resource-info span.date { color: #fff; font-size: 0.75em; text-transform: uppercase; font-weight: 700; line-height: 1; background: #999; width: auto; padding: 0.375em 0.75em; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
@media (max-width: 480px) { #resources .resource .resource-info span.date { margin-bottom: 0.5em; } }
#resources .resource .resource-info a.read-more { font-size: 1.125em; margin: 1.875em 0 0 0; display: block; }
#resources .resource .resource-info a.read-more:hover { color: #a15331; }
#resources .resource .resource-info a.read-more i:before { color: #a15331; }
@media (max-width: 620px) { #resources .resource .resource-info a.read-more { font-size: 0.9375em; } }
@media (max-width: 480px) { #resources .resource .resource-info a.read-more { font-size: 0.8125em; } }
@media (max-width: 768px) { #resources .resource { max-width: 514px; margin: 0 auto 1.25em auto; } }

#network-photo { padding: 5em 0 4.375em 0; background: #302b2f url(../images/layout/network-bg.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
@media (max-width: 620px) { #network-photo { padding: 2.5em 0 1.875em 0; } }
#network-photo h2 { color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-weight: 400; font-size: 4.625em; line-height: 1; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.25); margin-bottom: 15px; }
#network-photo h2 span.gold { color: #e8c360; }
@media (max-width: 780px) { #network-photo h2 { font-size: 3.75em; } }
@media (max-width: 480px) { #network-photo h2 { font-size: 2.375em; } }
#network-photo p { color: #fff; font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 1.25em; line-height: 1.3; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.25); margin: 0 0 1.5em 0; padding: 0 7.5em; }
@media (max-width: 1080px) { #network-photo p { padding: 0 4em; } }
@media (max-width: 780px) { #network-photo p { font-size: 1em; padding: 0 2em; } }
@media (max-width: 480px) { #network-photo p { font-size: 0.875em; padding: 0; } }
@media (max-width: 620px) { #network-photo .button { font-size: 1em; } }
@media (max-width: 480px) { #network-photo .button { font-size: 0.75em; } }

#events { padding: 3.75em 0; }
#events .title { margin-bottom: 3.75em; }
@media (max-width: 460px) { #events .title { margin-bottom: 1.25em; } }
#events 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) { #events h4 { font-size: 1.375em; } }
@media (max-width: 460px) { #events h4 { font-size: 1.25em; } }
#events a h4 { color: #889158; }
#events a h4:hover { color: #6a7145; }
#events p { font-size: 1em; margin: 0 0 1.25em 0; }
@media (max-width: 768px) { #events p { margin-bottom: 0.625em; } }
@media (max-width: 460px) { #events p { font-size: 0.875em; } }
#events a.event-image { display: inline-block; }
#events 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); }
@media (max-width: 1092px) { #events a.event-image img { max-width: 86%; } }
@media (max-width: 880px) { #events a.event-image img { max-width: 76%; } }
@media (max-width: 480px) { #events a.event-image img { max-width: 66%; } }
#events a.event-image:hover { opacity: 0.8; }
#events .date { font-family: "franklin-gothic-urw", sans-serif; font-size: 0.875em; font-weight: 400; color: #302b2f; line-height: 1; text-transform: uppercase; }
@media (max-width: 460px) { #events .date { font-size: 0.75em; } }
#events .event-info a.read-more { font-size: 1em; text-transform: uppercase; }
#events .event-info a.read-more i:before { color: #889158; }
#events .event-info a.read-more:hover { color: #6a7145; }
@media (max-width: 768px) { #events .event-info a.read-more { font-size: 0.875em; } }
#events .type { display: block; font-size: 0.75em; font-style: italic; margin: 0 0 0.75em 0; }
#events .type i:before { margin: 0 0.75em 0 0; }
#events .time { display: block; text-transform: uppercase; font-size: 0.875em; margin: 0 0 0.35714em 0; }
@media (max-width: 520px) { #events .time { font-size: 0.75em; } }
#events .dots { display: none; height: 3px; width: 96%; float: none; margin: 0 auto 1.875em auto; padding: 0 16px; background: url(../images/layout/dot.png) repeat-x; }
@media (max-width: 460px) { #events .dots { display: block; } }
@media (max-width: 768px) { #events .two.columns { width: 30% !important; text-align: center; float: left; margin-bottom: 1.875em; } }
@media (max-width: 600px) { #events .two.columns { text-align: left; } }
@media (max-width: 460px) { #events .two.columns { display: none; } }
@media (max-width: 768px) { #events .four.columns { width: 70% !important; float: left; margin-bottom: 1.875em; } }
@media (max-width: 460px) { #events .four.columns { width: auto !important; float: none; } }
@media (max-width: 460px) { #events .four.columns.right { margin-bottom: 0; } }
@media (max-width: 460px) { #events .right-cta a.read-more { background: url(../images/layout/paper-bg.jpg) repeat; padding-left: 8px; } }

h3.dottitle { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-size: 1.375em; line-height: 1; color: #302b2f; text-align: center; position: relative; font-style: italic; background: url(../images/layout/dot.png) repeat-x center center; }
h3.dottitle span { background: url(../images/layout/paper-bg.jpg) repeat; padding: 0 10px; }

#sign { background: #a15331 url(../images/layout/chevron-bg.png) repeat left center; padding: 3.4375em 0; }
@media (max-width: 768px) { #sign { padding: 2.5em 0; } }
#sign h2 { font-size: 3.125em; padding: 0 0.71429em 0 0; color: #fff; font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; text-transform: uppercase; line-height: 0.86; 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 .cta { text-align: right; }
#sign .cta .button { margin-top: 17px; padding-left: 30px; padding-right: 30px; }
#sign .cta .button:hover { color: #a15331; }
@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; } }

#organizers { padding: 3.75em 0; }
#organizers ul { width: 100%; float: left; margin: 60px 0 0 0; font-size: 0; }
#organizers ul:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
#organizers ul li { margin: 0 8% 60px 0; text-align: center; display: inline-block; vertical-align: middle; }
#organizers ul li a { display: inline-block; max-width: 100%; height: auto; }
@media (max-width: 768px) { #organizers ul li { margin: 0 0 50px 0 !important; width: 50% !important; } }
@media (max-width: 768px) { #organizers ul li img { max-width: 90%; max-height: 110px; } }
#organizers ul li.ecoag { width: 20%; margin-left: 3%; }
@media (max-width: 768px) { #organizers ul li.ecoag { width: 28%; } }
@media (max-width: 420px) { #organizers ul li.ecoag { width: 40%; margin-left: 5%; margin-right: 5%; } }
#organizers ul li.ifad { width: 19%; }
@media (max-width: 768px) { #organizers ul li.ifad { width: 28%; } }
@media (max-width: 420px) { #organizers ul li.ifad { width: 40%; margin-left: 5%; margin-right: 5%; } }
#organizers ul li.fao { width: 10%; }
@media (max-width: 768px) { #organizers ul li.fao { width: 28%; margin-right: 0; } }
@media (max-width: 420px) { #organizers ul li.fao { width: 40%; margin-left: 5%; margin-right: 5%; } }
#organizers ul li.bv { width: 22%; }
@media (max-width: 768px) { #organizers ul li.bv { width: 28%; } }
@media (max-width: 420px) { #organizers ul li.bv { width: 40%; margin-left: 5%; margin-right: 5%; } }
#organizers ul li.unep { width: 11%; margin-right: 0; margin-left: 2%; }
@media (max-width: 768px) { #organizers ul li.unep { width: 28%; margin-right: 8%; } }
@media (max-width: 420px) { #organizers ul li.unep { width: 40%; margin-left: 5%; margin-right: 5%; } }
#organizers ul li.wac { width: 10%; margin-right: 0; margin-left: 12%; }
@media (max-width: 768px) { #organizers ul li.wac { width: 28%; margin-right: 0; } }
@media (max-width: 420px) { #organizers ul li.wac { width: 40%; margin-left: 5%; margin-right: 5%; } }
#organizers ul li.mea { width: 20%; margin-left: 7%; }
@media (max-width: 768px) { #organizers ul li.mea { width: 28%; } }
@media (max-width: 420px) { #organizers ul li.mea { width: 40%; margin-left: 5%; margin-right: 5%; } }
@media (max-width: 340px) { #organizers ul li.mea { width: 60%; margin-left: 20%; margin-right: 20%; } }
#organizers ul li.wb { width: 26%; margin-left: 2%; }
#organizers ul li.ci { width: 22%; margin-right: 0%; }
@media (max-width: 768px) { #organizers ul li.ci { width: 28%; } }
@media (max-width: 420px) { #organizers ul li.ci { width: 40%; margin-left: 5%; margin-right: 5%; } }
@media (max-width: 340px) { #organizers ul li.ci { width: 60%; margin-left: 20%; margin-right: 20%; } }
#organizers ul li.wri { width: 20%; margin-right: 0; }
@media (max-width: 768px) { #organizers ul li.wri { width: 28%; } }
@media (max-width: 420px) { #organizers ul li.wri { width: 40%; margin-left: 30%; margin-right: 30%; } }
@media (max-width: 340px) { #organizers ul li.wri { width: 60%; margin-left: 20%; margin-right: 20%; } }

/* ============================================== */
/* Default Texty Page */
/* ============================================== */
#defaultContent { padding: 11.25em 0 5em; }
#defaultContent .entry h3 { color: #a15331; 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 h5 { color: #889158; font-size: 1.125em; line-height: 1.625; text-transform: uppercase; }
#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 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.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; }

/* =================================================== */
/* Cards - AKA the white boxes on most of the pages    */
/* =================================================== */
.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: #302b2f; 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 .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 { font-weight: bold; color: #889158; 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 ol li a { color: #889158; font-weight: bold; font-style: italic; }
.hasCards .card.text ol li a:hover { color: #6a7145; }
.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: #a15331; 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: 50%; width: 100%; text-align: center; margin-top: -18px; position: absolute; color: #889158; margin-left: 3px; }
.hasCards .card.photos .left a.cta i:before { width: auto; margin: 0; }
.hasCards .card.photos .left a.cta i.icon-headphones { margin-left: .5px; }
.hasCards .card.photos .left a.cta i.icon-camera { margin-left: 0px; }
@media (max-width: 520px) { .hasCards .card.photos .left a.cta i { margin-left: -29px; } }
.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 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: #a15331; 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.eventOverview .button { margin-top: 30px; }
.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.1em 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.agenda ul { list-style-type: disc; list-style-position: outside; margin-left: 15px; }
.hasCards .card.agenda ol { list-style-type: decimal; list-style-position: outside; margin-left: 15px; }
.hasCards .card.agenda ul ul, ol ul { list-style-type: circle; list-style-position: outside; margin-left: 30px; }
.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: #488397; }
.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 #488397; color: #488397; }
.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; }

/* ============================================== */
/* Learning Network Page */
/* ============================================== */
#learningHero { padding: 18.125em 0 12.5em; background: url(../images/layout/learning-hero.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; }
#learningHero 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) { #learningHero h1 { font-size: 5em; } }
@media (max-width: 660px) { #learningHero h1 { font-size: 4em; } }
@media (max-width: 840px) { #learningHero { padding: 11.25em 0 6.25em; } }
@media (max-width: 480px) { #learningHero { padding: 9.375em 0 3.75em; } }
#learningHero 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; }
@media (max-width: 600px) { #learningHero p br { display: none; } }
@media (max-width: 480px) { #learningHero p { font-size: 1.125em; } }
@media (max-width: 320px) { #learningHero p { font-size: 1em; } }

#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; } }

/* ============================================== */
/* Explore Challenges */
/* ============================================== */
#exploreChallengesHero { padding: 18.125em 0 12.5em; background: url(../images/layout/challenges-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; }
#exploreChallengesHero 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) { #exploreChallengesHero h1 br { display: none; } }
@media (max-width: 840px) { #exploreChallengesHero h1 { font-size: 5em; } }
@media (max-width: 660px) { #exploreChallengesHero h1 { font-size: 4em; } }
@media (max-width: 840px) { #exploreChallengesHero { padding: 11.25em 0 6.25em; } }
@media (max-width: 480px) { #exploreChallengesHero { padding: 9.375em 0 3.75em; } }
#exploreChallengesHero 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) { #exploreChallengesHero p br { display: none; } }
@media (max-width: 480px) { #exploreChallengesHero p { font-size: 1.125em; } }
@media (max-width: 320px) { #exploreChallengesHero 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; }

/* ============================================== */
/* Find Tools */
/* ============================================== */
#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 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: #488397; }
.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: 2px; position: absolute; }
.searchCard.pubSearch ul { margin: 0 0 1.25em 0; }
.searchCard.pubSearch ul li { font-size: 0.875em; margin: 0 0 14px 0; padding: 0 0 0 1.78571em; position: relative; }
.searchCard.pubSearch ul li.red:before { content: '\e813'; color: #a15331; }
.searchCard.pubSearch ul li.green:before { content: '\e812'; color: #889158; }
.searchCard.pubSearch ul li.yellow:before { content: '\e815'; color: #e8c360; }
.searchCard.pubSearch ul li.orange:before { content: '\e811'; color: #cf8944; }
.searchCard.pubSearch ul li.blue:before { content: '\e814'; color: #488397; }
.searchCard.pubSearch ul li.dark:before { content: '\e810'; color: #302b2f; }
.searchCard.pubSearch ul li.rust:before { content: '\e811'; color: #a15331; }
.searchCard.pubSearch ul li.empty:before { font-size: 0; }
.searchCard.pubSearch ul li.empty:hover { font-size: 14px; }
.searchCard.pubSearch ul li:before { background: transparent; font-family: "icon-font"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; border-radius: 50%; margin-right: .2em; text-align: center; top: -1px; font-variant: normal; text-transform: none; line-height: 1em; border: none; }
@media (max-width: 768px) { .searchCard .filterBox { float: left; width: 48%; margin: 0 1%; } }
@media (max-width: 500px) { .searchCard .filterBox { width: 100%; margin: 0; } }
.searchCard .filterBox a { color: #302b2f; }
.searchCard .filterBox a:hover { color: #e8c360; }
.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: #302b2f; 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; }

/* ============================================== */
/* Join Events */
/* ============================================== */
#joinEventsHero { padding: 18.125em 0 12.5em; background: url(../images/layout/event-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; }
#joinEventsHero 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) { #joinEventsHero h1 br { display: none; } }
@media (max-width: 840px) { #joinEventsHero h1 { font-size: 5em; } }
@media (max-width: 660px) { #joinEventsHero h1 { font-size: 4em; } }
@media (max-width: 840px) { #joinEventsHero { padding: 11.25em 0 6.25em; } }
@media (max-width: 480px) { #joinEventsHero { padding: 9.375em 0 3.75em; } }
#joinEventsHero 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) { #joinEventsHero p br { display: none; } }
@media (max-width: 480px) { #joinEventsHero p { font-size: 1.125em; } }
@media (max-width: 320px) { #joinEventsHero p { font-size: 1em; } }

.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; } }

/* ============================================== */
/* Meet Landscapes */
/* ============================================== */
#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; }

/* ============================================== */
/* Research Page */
/* ============================================== */
#research-hero { 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; }
#research-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: 840px) { #research-hero h1 { font-size: 5em; } }
@media (max-width: 660px) { #research-hero h1 { font-size: 4em; } }
@media (max-width: 840px) { #research-hero { padding: 11.25em 0 6.25em; } }
@media (max-width: 480px) { #research-hero { 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: #488397; }
#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 #488397; color: #488397; }
#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: #a15331; 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 { margin-bottom: 2em; }
@media (max-width: 768px) { #pubType { padding-top: 2.5em; } }
@media (max-width: 480px) { #pubType { padding-top: 1.25em; } }
#pubType h3 { color: #a15331; 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; }

.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%; height: 3px; width: 100%; background: url("../images/layout/dot.png") repeat-x; left: 0px; }

/* ============================================== */
/* 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; } }

/* ============================================== */
/* About */
/* ============================================== */
#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; border-bottom: 5px solid #889158; 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; } }

#aboutContent { padding: 2.5em 0; }
#aboutContent .dots { background: url(../images/layout/dot.png) repeat-x center center; height: 3px; margin-top: 0; margin-bottom: 0; }
#aboutContent.press { padding: 0 0 2.5em 0; }
@media (max-width: 520px) { #aboutContent.press { padding-bottom: 1.25em; } }
#aboutContent.press .row:first-child { padding-top: 0; }
#aboutContent .row { padding: 2.5em 0; }
@media (max-width: 520px) { #aboutContent .row { padding: 1.25em 0; } }
#aboutContent .row.noPad { padding: 0; }
@media (max-width: 1024px) { #aboutContent .eight { width: 90%; } }
#aboutContent .left { width: 24%; float: left; }
#aboutContent .left 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) { #aboutContent .left img { max-width: 80%; } }
@media (max-width: 520px) { #aboutContent .left { width: 100%; margin: 0 0 1.25em 0; text-align: center; } }
#aboutContent .right { margin-left: 30%; }
#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) { #aboutContent .right h3 { font-size: 1.5em; } }
#aboutContent .right a h3:hover { color: #6a7145; }
#aboutContent .right p { font-size: 1.125em; line-height: 1.44; }
@media (max-width: 520px) { #aboutContent .right p { font-size: 1em; } }
#aboutContent .right a { color: #889158; font-weight: 700; font-style: italic; }
#aboutContent .right a:hover { color: #6a7145; }
@media (max-width: 520px) { #aboutContent .right { width: 100%; margin: 0; float: left; } }
#aboutContent .contact { text-align: center; }
#aboutContent .contact.left-align { text-align: left; }
#aboutContent .contact p { line-height: 1.25; }
#aboutContent .contact a { color: #889158; font-weight: 700; font-style: italic; }
#aboutContent .contact a:hover { color: #6a7145; }

#aboutVideo { 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) { #aboutVideo { padding: 3.75em 0; } }
#aboutVideo .video-wrapper { max-width: 32.1875em; margin: 0 auto; display: block; }
@media (max-width: 520px) { #aboutVideo .video-wrapper { max-width: 100%; } }
#aboutVideo .video { margin: 2.5em 0 0 0; }
#aboutVideo 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) { #aboutVideo h2 { font-size: 4em; } }
@media (max-width: 780px) { #aboutVideo h2 { font-size: 3.625em; } }
@media (max-width: 480px) { #aboutVideo h2 { font-size: 2.375em; } }

#aboutPartners { padding: 0 0 2.5em 0; }
#aboutPartners .title { margin-bottom: 3.75em; }
@media (max-width: 460px) { #aboutPartners .title { margin-bottom: 1.25em; } }
#aboutPartners li { font-size: 1.125em; line-height: 1; margin: 0 0 0.55556em 0; }
@media (max-width: 768px) { #aboutPartners li { text-align: center; } }
#aboutPartners li a { color: #889158; font-style: italic; font-weight: 700; }
#aboutPartners li a:hover { color: #6a7145; }

/* ============================================== */
/* Press Page */
/* ============================================== */
#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; }
@media (max-width: 840px) { #pressHero { padding: 11.25em 0 6.25em; } }
@media (max-width: 480px) { #pressHero { padding: 9.375em 0 3.75em; } }
#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; } }
#pressHero 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) { #pressHero p br { display: none; } }
@media (max-width: 480px) { #pressHero p { font-size: 1.125em; } }
@media (max-width: 320px) { #pressHero p { font-size: 1em; } }

#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; }
#pressReleases a.read-more { color: #302b2f; font-size: 1em; font-style: normal; font-weight: 700; position: relative; text-transform: uppercase; margin-top: 20px; }
#pressReleases a.read-more i:before { color: #889158; }
#pressReleases a.read-more: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; } }

/* ============================================== */
/* Working Groups Page */
/* ============================================== */
#workingHero { background: url(../images/layout/working-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; text-align: center; }
#workingHero img { background: rgba(255, 255, 255, 0.5); padding: 8px; margin-bottom: 0.625em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
#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, #workingGroupContentPartner { padding: 3.75em 0 1.25em 0; }
@media (max-width: 768px) { #workingGroupContent, #workingGroupContentPartner { padding: 1.25em 0 1.25em 0; } }
#workingGroupContent h3, #workingGroupContentPartner h3 { color: #a15331; 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, #workingGroupContentPartner h4 { color: #899258; font-size: 1.125em; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; text-transform: uppercase; }
#workingGroupContent p, #workingGroupContentPartner 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, #workingGroupContentPartner p a { color: #889158; font-weight: 700; font-style: italic; }
#workingGroupContent p a:hover, #workingGroupContentPartner p a:hover { color: #6a7145; }
#workingGroupContent ol li, #workingGroupContentPartner 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, #workingGroupContentPartner 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; }
#workingGroupContent ul li a, #workingGroupContentPartner ul li a { color: #889158; font-weight: 700; font-style: italic; }
#workingGroupContent ul li a:hover, #workingGroupContentPartner ul li a:hover { color: #6a7145; }

#workingGroupContentPartner { padding-top: 0; }
@media (max-width: 768px) { #workingGroupContentPartner { padding: 0 0 1.25em 0; } }
#workingGroupContentPartner h3 { padding-top: 0; }

/* ============================================== */
/* Search Results Page(s) */
/* ============================================== */
#search-results { padding: 4.6875em 0 2.5em; }
@media (max-width: 800px) { #search-results .eight.columns { width: 90%; } }
@media (max-width: 600px) { #search-results { padding: 2.5em 0; } }
#search-results .searchCard { background: rgba(255, 255, 255, 0.2); margin-bottom: 18px; }
#search-results .searchCard ul li.empty:before { background: transparent; }
#search-results .searchCard h2 { background: none; }
#search-results h4 { margin-bottom: 0; }
#search-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; }
#search-results h2 span { padding: 0 10px 0 0; background: url(../images/layout/paper-bg.jpg) repeat; }
#search-results p { font-size: 0.875em; margin: 0.3125em 0 0 0; line-height: 20px; }
#search-results .dots { padding: 10px 0 0 0; background: url(../images/layout/dot.png) repeat-x center top; }

.resultsgrid { margin-top: 1.875em; }
.resultsgrid .resultbox.publication:first-child { margin-top: 36px; }

.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 p { font-size: 0.875em; line-height: 1.28; }
.resultbox .right.pressBox { margin-left: 0; }
.resultbox .pressBox .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; }
.resultbox .pressBox a { display: block; }

.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; } }

/* ============================================== */
/* 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; }

/* ============================================== */
/* Individual Landscape Profile Page */
/* ============================================== */
#landscapeProfile-hero { background: url(../images/layout/hero-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: 11.875em 0 7.5em; position: relative; z-index: 1; }
#landscapeProfile-hero h1 { font-family: "Knockout 48 A", "Knockout 48 B", sans-serif; font-size: 5.5em; font-weight: 400; line-height: 1; color: #fff; text-align: center; text-transform: uppercase; position: relative; z-index: 9; text-shadow: 1px 1px 1px #302b2f; }
@media (max-width: 580px) { #landscapeProfile-hero h1 { font-size: 3.625em; } }
@media (max-width: 400px) { #landscapeProfile-hero h1 { font-size: 2.375em; } }
#landscapeProfile-hero p { text-align: center; color: #fff; font-size: 1em; margin: 0.625em 0 0 0; text-shadow: 1px 1px 1px #302b2f; position: relative; z-index: 9; }
#landscapeProfile-hero p span { color: #e8c360; font-weight: 700; text-transform: uppercase; }
@media (max-width: 580px) { #landscapeProfile-hero p { font-size: 0.875em; } }
@media (max-width: 840px) { #landscapeProfile-hero { padding: 11.25em 0 6.25em; } }
@media (max-width: 480px) { #landscapeProfile-hero { padding: 9.375em 0 3.75em; } }
#landscapeProfile-hero .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: rgba(48, 43, 47, 0.75); }

#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; } }

/* ============================================== */
/* 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; } }

/* ============================================== */
/* 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; }
@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 .widget a.button { color: #fff; font-style: normal; }
#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; } }
@media (max-width: 880px) { #singleEvent .eventSidebar { padding-top: 20px; } }

/* ============================================== */
/* 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; border-bottom: 5px solid #889158; 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; } }

/* ============================================== */
/* 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.75); }

#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; } }

.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: 2.5em 0.3125em 2.5em 5.3125em; border: none; display: block; color: #302b2f; position: relative; }
.sort ul li.topLevel .topLink i { font-size: 46px; position: absolute; left: 20px; top: 25px; }
.sort ul li.topLevel .topLink.red { background: #f1e5e0; padding-top: 1.875em; padding-bottom: 1.875em; padding-right: 1.875em; }
.sort ul li.topLevel .topLink.red:hover { background: #e1c8bd; }
@media (max-width: 983px) { .sort ul li.topLevel .topLink.red { padding-top: 1.875em; padding-bottom: 1.875em; padding-right: 0.3125em; } }
@media (max-width: 903px) { .sort ul li.topLevel .topLink.red { padding-top: 1.25em; padding-bottom: 1.25em; } }
@media (max-width: 768px) { .sort ul li.topLevel .topLink.red { padding-top: 2.5em; padding-bottom: 2.5em; } }
@media (max-width: 437px) { .sort ul li.topLevel .topLink.red { padding-top: 1.875em; padding-bottom: 1.875em; } }
@media (max-width: 335px) { .sort ul li.topLevel .topLink.red { padding-right: 0.3125em; } }
.sort ul li.topLevel .topLink.red i { color: #a15331; }
.sort ul li.topLevel .topLink.tan { background: #fcf6e7; }
.sort ul li.topLevel .topLink.tan:hover { background: #f6e5ba; }
@media (max-width: 1024px) { .sort ul li.topLevel .topLink.tan { padding-top: 1.875em; padding-bottom: 1.875em; } }
@media (max-width: 374px) { .sort ul li.topLevel .topLink.tan { padding-top: 1.875em; padding-bottom: 1.875em; } }
.sort ul li.topLevel .topLink.tan i { color: #e8c360; }
.sort ul li.topLevel .topLink.green { background: #edefe6; }
.sort ul li.topLevel .topLink.green:hover { background: #d7dbc7; }
@media (max-width: 855px) { .sort ul li.topLevel .topLink.green { padding-top: 1.875em; padding-bottom: 1.875em; } }
.sort ul li.topLevel .topLink.green i { color: #889158; }
.sort ul li.topLevel .topLink.blue { background: #e4edf0; }
.sort ul li.topLevel .topLink.blue:hover { background: #c3d7de; }
@media (max-width: 982px) { .sort ul li.topLevel .topLink.blue { padding-top: 1.875em; padding-bottom: 1.875em; } }
@media (max-width: 360px) { .sort ul li.topLevel .topLink.blue { padding-top: 1.875em; padding-bottom: 1.875em; } }
.sort ul li.topLevel .topLink.blue i { color: #488397; }

/* ============================================== */
/* 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; 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; /*
			span:after {
	 			content: ", ";
	 		}
	 		span:last-child:after {
	 			display: none;
	 		}

*/ }
#blogHero p.meta a { color: #fff; }
#blogHero p.meta a:hover { color: #e8c360; }
#blogHero p.meta span.block { display: block; }
#blogHero p.meta span.block span.comma:after { content: ", "; }
#blogHero p.meta span.block span.comma:last-child:after { display: none; }

#blogSingle { padding: 3.75em 0 2.5em; }
#blogSingle .entry h3 a:not(.button) { color: #e8c360; !important }
#blogSingle .entry h3 a:not(.button):hover { color: #ceae55; !important }
#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; }
#blogSingle .entry h3 { color: #a15331; 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.red { background: rgba(161, 83, 49, 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.red { background: rgba(161, 83, 49, 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; }

/* ============================================== */
/* Social Sharing */
/* ============================================== */
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; }

/* ============================================== */
/* 404 */
/* ============================================== */
body.error404, body.page-template-coming-soon { background: url(../images/layout/404-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body.error404 #fourohfour, body.page-template-coming-soon #fourohfour { background: none; border-bottom: 0; }
body.error404 #footercap, body.page-template-coming-soon #footercap { display: none; }
body.error404 #footer, body.page-template-coming-soon #footer { display: none; }

body.page-template-coming-soon .eight { margin-top: 15%; }

/* ============================================== */
/* Footer */
/* ============================================== */
#footercap { position: relative; height: 30px; padding-top: 70px; }
#footercap:after { content: ""; height: 30px; float: left; width: 100%; bottom: 0px; position: absolute; background: url(../images/layout/footer-bg.png) repeat-x; }

#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; } }

#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: #a15331; 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; }

.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 #889158; -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: #889158; border-width: 10px; }

#footer .searchform .tooltip { top: -115px; border-bottom: 5px solid #889158; border-top: 0; }
#footer .searchform .tooltip:after { border-bottom-color: transparent; border-top-color: #889158; top: auto; bottom: -25px; }

#footer .searchform .tooltip.js-show { top: -110px; }

@media (max-width: 480px) { #footer .searchform .tooltip { margin-left: 0; left: 0; }
  #footer .searchform .tooltip.js-show { margin-left: 0; left: 0; } }
#respond #tgm-mc-get-subscribed { margin-top: 3px; margin-right: 5px; }

p.comment-subscription-form ~ p.comment-subscription-form { display: none; }

/* ============================================== */
/* IE Sucks */
/* ============================================== */
/* ============================================== */
/* 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; }

#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: 24px; padding: 0; background: transparent; line-height: 1; border: 0; color: #fff; z-index: 20; width: 38px; height: 38px; color: #302b2f; background: #fff; border-radius: 50%; }

button.takeover-close:hover { opacity: 0.9; }

button.takeover-close i:before { margin: 0; width: auto; line-height: 1; }

#takeover.book-takeover { min-height: 480px; background: #302b2f url("../images/temp/takeover-bg-glf.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 { position: relative; z-index: 20; max-width: 452px; width: 100%; color: #fff; text-align: center; margin: 48px auto 0 auto; }
@media (max-width: 850px) { #takeover.book-takeover .text { margin-top: 44px; width: auto; } }
@media (max-width: 820px) { #takeover.book-takeover .text { margin-top: 0; } }
@media (max-width: 615px) { #takeover.book-takeover .text { width: 100%; max-width: none; } }
#takeover.book-takeover .text h2 { font-family: "Sentinel A", "Sentinel B", georgia, serif; font-weight: 700; font-size: 2.5em; color: #fff; text-transform: none; line-height: 1.1875; text-shadow: 1px 1px 1px rgba(48, 43, 47, 0.75); margin: 0 0 32px 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 .button.orange { color: #fff; text-shadow: 1px 1px 2px #6c7248; text-shadow: 1px 1px 2px rgba(25, 23, 24, 0.25); background: #d08a44; padding: 0.9375em 1.5625em; border: 1px solid #b67a3c; border-bottom: 5px solid #b67a3c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; transition: all 200ms ease-in; }
#takeover.book-takeover .button.orange:hover { background: #c68340; }
#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:before { content: ""; background: transparent none repeat scroll 0 0; border: 2px solid rgba(255, 255, 255, 0.75); bottom: 5px; left: 5px; position: absolute; right: 5px; top: 5px; z-index: 1; }

.search-filters { width: 100%; background: #fff; box-shadow: 1px 1px 3px rgba(48, 43, 47, 0.15); padding: 1.875em; margin-bottom: 2em; }
.search-filters h3 { margin-bottom: 10px; }
.search-filters h3:not(:first-of-type) { margin-top: 20px; }
.search-filters .button.green { margin-top: 10px; }
.search-filters .button.green:active, .search-filters .button.green:focus { outline: 0; }

.search-filters .search-term { position: relative; margin-bottom: 20px; }
.search-filters .search-term label { position: absolute; color: #d6d5d5; right: 8px; z-index: 9999; font-size: 1em; top: 50%; margin-top: -10px; }
.search-filters .search-term label:before { display: none; }
.search-filters .search-term input { background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d6d5d5; color: #302b2f; 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%; }

.search-filters input[type=checkbox], .search-filters input[type=radio] { position: absolute; opacity: 0; }
.search-filters input[type=checkbox]:checked ~ label:before, .search-filters input[type=radio]:checked ~ label:before { background: #e8c360; }
.search-filters label { padding-left: 25px; display: block; margin-bottom: 10px; position: relative; font-size: 0.875em; cursor: pointer; }
.search-filters label:before { content: ""; width: 10px; height: 10px; border: 3px solid #eae9ea; left: 0; top: 0; position: absolute; transition: .2s; }

#search-results { padding: 2.5em 0; }
@media screen and (min-width: 768px) { #search-results { padding: 5em 0; } }

.search-everything-highlight-color { background: transparent !important; }

.post-type-label { display: block; font-style: italic; font-weight: bold; font-style: italic; font-size: 13px; color: #302b2f; }

#search-results p.publish-date { margin-top: 4px; font-style: italic; font-size: 13px; }

.resultbox .post-subtitle { color: #8e8c88; font-weight: bold; margin-top: 3px; display: block; font-size: 15px; }