/* Colours */ /* Better Font Rendering =========== */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } 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; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-appearance: none; 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; } input[type=text], textarea { -webkit-appearance: none; -webkit-border-radius: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .faq-answer:before, .clearfix:after, .faq-answer:after { content: " "; display: table; } .clearfix:after, .faq-answer:after { clear: both; } @font-face { font-family: "icons"; src: url("../fonts/icons.eot"); src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg?#icons") format("svg"); font-weight: normal; font-style: normal; } body { font-family: 'Calibri', 'Trebuchet MS', sans-serif; font-size: 62.5%; color: #262219; } @media all and (min-width: 40em) { body { min-width: 960px; } } @media all and (max-width: 39.99em) { body { min-width: 320px; } } .container { width: 1270px; display: block; margin: 0 auto; } a { text-decoration: none; color: #156c6e; } .three-ds #content a { color: #ad0779; } h1, h2, h3, h4, h5 { clear: both; font-family: "Domine", Georgia, serif; font-weight: 400; margin: 1em 0 0.2em 0; } h1 { font-size: 3.2em; color: #7d7a75; margin-top: 0; } h2 { font-size: 2.6em; color: #2e2b25; } h3 { font-size: 2em; color: #7d7a75; } h4 { font-size: 1.8em; color: #262219; } p { font-size: 1.6em; line-height: 1.5em; margin: 0 0 1em 0; } .offScreen { position: absolute; left: -999em; } ul { margin: 1em 0; list-style-type: disc; padding-left: 2.5em; } li { list-style-type: none; font-size: 1.6em; margin: 0.5em 0; } li li { font-size: 1em; } input[type=submit] { background: #ad0779; color: #fff; font-family: "Domine", Georgia, serif; font-size: 1.8em; text-align: center; padding: 0.2em 2em; border: none; text-transform: uppercase; border-radius: 2px; } input[type=submit]:hover { background: #7c0557; } label { color: #000; font-size: 1.4em; } legend { font-size: 1.6em; color: #ad0779; margin: 0 0 0.5em 0; } select { font-size: 1.4em; } input[type=text], input[type=email], input[type=tel] { background: #f4f4f3; border: none; padding: 6px 2%; line-height: 20px; min-height: 20px; font-size: 1.4em; width: 96%; } input[type=radio], input[type=checkbox] { font-size: 1.4em; display: inline-block; margin-right: 10px; } input[type=radio] + label, input[type=checkbox] + label { vertical-align: middle; } textarea { background: #f4f4f3; border: none; padding: 6px 2%; min-height: 100px; font-size: 1.4em; width: 96%; } .js select { display: none; } .selectWrapper { float: left; position: relative; width: 100%; } .selectWrapper .select { position: absolute !important; top: 0; left: 0; z-index: 50; color: #156c6e; background: #fff; background: #f4f4f3; line-height: 28px; min-height: 28px; float: left; padding: 0 15% 0 3%; width: 100%; font-size: 1.4em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 0; } .selectWrapper .select:after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #156c6e; position: absolute; top: 50%; margin-top: -4px; right: 3%; content: ''; border-left-width: 4px; border-right-width: 4px; } .selectWrapper select { position: relative; float: left; width: 100%; z-index: 100; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 32px !important; line-height: 32px; display: block; border: solid 1px #c8c8c8; } .selectWrapper select:focus + .select, .selectWrapper select:active + .select { outline: dotted 1px #116ebd; } dt, dd { font-size: 1.6em; display: inline-block; margin: 0 0 0.5em 0; } dt { width: 30%; margin-right: 3%; font-weight: bold; vertical-align: top; } dt:after { content: ':'; } dd { width: 67%; margin-left: -4px; } dd:after { display: block; content: ''; width: 100%; } @media all and (max-width: 39.99em) { #pageWrapper { *zoom: 1; } #pageWrapper:before, #pageWrapper:after { content: ""; display: table; } #pageWrapper:after { clear: both; } } @media all and (min-width: 40em) { #pageWrapper { float: left; width: 83.5%; } .front #pageWrapper { width: 57.59%; } } #sitemap .meganav__rightColumn { display: none; } #headerTop { min-height: 82px; width: 100%; background: #2e2b25; } #headerTop__inner { float: left; width: 100%; } @media all and (min-width: 40em) and (max-width: 67.49em) { .front #headerTop__inner .headerTop__mediaCentre { margin-right: 5px; padding-right: 20px; padding-left: 8px; } .front #headerTop__inner .headerTop__mediaCentre:after { right: 8px; } .front #headerTop__inner #block-search-form input[type=text] { width: 80px; } .front #headerTop__inner #block-search-form input[type=submit] { margin-left: 6px; } } #block-search-form { float: right; display: inline-block; margin: 25px 9px 0 0; width: 164px;} #block-search-form input[type=text] { width: 98px; background: #dfdedc; float: left; font-size: 1.4em; color: #262219; padding: 6px 12px; } #block-search-form input[type=text]::-webkit-input-placeholder { color: #4c4c4c; } #block-search-form input[type=text]:-moz-placeholder { color: #4c4c4c; opacity: 1; } #block-search-form input[type=text]::-moz-placeholder { color: #4c4c4c; opacity: 1; } #block-search-form input[type=text]:-ms-input-placeholder { color: #4c4c4c; } #block-search-form input[type=text]::input-placeholder { color: #4c4c4c; } #block-search-form input[type=submit] { color: #fff; background-color: transparent; text-indent: -999em; float: left; min-height: 32px; width: 32px; border: none; background-image: url("../images/sprite.png"); background-position: 6px 6px; background-repeat: no-repeat; padding: 0; margin-left: 10px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .modern #block-search-form input[type=submit] { background-image: url("../images/sprite-x-2.png"); background-size: 100px auto; background-repeat: no-repeat; } } #block-search-form input[type=submit]:focus { border: dotted 1px #fff; } #block-search-form .form-item { float: left; margin: 0; } @media all and (max-width: 39.99em) { #block-search-form { display: none; position: absolute; left: 0; right: 0; background: #262219; margin: 0 !important; top: 60px; } .open #block-search-form { display: block; z-index: 10; } #block-search-form .container-inline { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } #block-search-form .form-item { margin: 8px; -webkit-flex-grow: 9; flex-grow: 9; } #block-search-form input[type=submit] { margin: 0 10px 0 0; } #block-search-form input[type=text] { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background: #2e2b26; line-height: 1; } #block-search-form input[type=text]::-webkit-input-placeholder { color: #fff; } #block-search-form input[type=text]:-moz-placeholder { color: #fff; opacity: 1; } #block-search-form input[type=text]::-moz-placeholder { color: #fff; opacity: 1; } #block-search-form input[type=text]:-ms-input-placeholder { color: #fff; } #block-search-form input[type=text]::input-placeholder { color: #fff; } } .headerTop__mediaCentre, .headerRight__language { background: #fff; display: inline-block; text-transform: uppercase; font-size: 1.4em; padding: 6px 30px 7px 12px; position: relative; } @media all and (max-width: 67.49em) { .headerTop__mediaCentre, .headerRight__language { margin-right: 12px; } } .headerTop__mediaCentre:after, .headerRight__language:after { content: ''; display: block; position: absolute; right: 12px; top: 0; bottom: 0; width: 0; height: 0; border: solid 0 transparent; border-width: 4px 0 4px 7px; border-left-color: #156c6e; margin: auto; } .headerTop__mediaCentre:hover, .headerTop__mediaCentre:focus, .headerRight__language:hover, .headerRight__language:focus { text-decoration: underline; } @media all and (max-width: 39.99em) { .headerTop__mediaCentre, .headerRight__language { display: none; } } .headerTop__mediaCentre { margin: 25px 24px 0 0; float: right; } #headerTop__skipToContent { position: absolute; top: 5px; left: 100px; display: block; color: #2e2b25; font-size: 1.4em; } #headerTop__skipToContent:focus, #headerTop__skipToContent:active { color: #fff; } @media all and (max-width: 39.99em) { #headerTop__skipToContent { display: none !important; } } #headerTop__logo { margin: 13px 17px; } @media all and (min-width: 40em) { #headerTop__logo { float: left; } } @media all and (max-width: 39.99em) { #headerTop__logo { display: block; margin-left: auto; margin-right: auto; } } #headerTop__logoLink { color: #fff; } @media all and (min-width: 40em) { #headerTop__logoLink { float: left; } } @media all and (min-width: 40em) { .headerRight { height: 82px; } #rhsBar .headerRight { padding-left: 20px; } } @media all and (max-width: 39.99em) { .headerRight { display: none; } } .headerRight__language { margin: 25px 35px 0 36px; width: 163px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; text-transform: uppercase; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .headerRight__language label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .headerRight__language .select { line-height: 32px; } .js .headerRight__language input[type=submit] { display: none; } #headerTop .headerRight__language { float: right; margin-left: 0; margin-right: 20px; } @media all and (max-width: 39.99em) { .headerRight__language { display: none; } } @media all and (min-width: 40em) and (max-width: 67.49em) { .headerRight__language { margin-right: 19px; } } .headerRight__facebook, .headerRight__twitter { font-size: 22px; color: #fff; margin-top: 22px; margin-right: 13px; display: inline-block; vertical-align: middle; padding: 2px; width: 30px; border: 1px solid transparent; border-radius: 3px; text-align: center; } @media all and (max-width: 39.99em) { .headerRight__facebook, .headerRight__twitter { width: auto; } } .headerRight__facebook span, .headerRight__twitter span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .headerRight__facebook:hover, .headerRight__facebook:focus, .headerRight__twitter:hover, .headerRight__twitter:focus { border-color: #fff; } @media all and (max-width: 39.99em) { .headerRight__facebook:hover, .headerRight__facebook:focus, .headerRight__twitter:hover, .headerRight__twitter:focus { border-color: transparent; } } .headerRight__facebook:after { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e609"; margin-top: -3px; } .headerRight__twitter:after { margin-top: 2px; font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; margin-top: -3px; } .webform-client-form { max-width: 450px; } #headerBottom { background-color: #747778; width: 100%; position: relative; } #headerBottom ul { margin: 0; padding: 0; list-style-type: none; } #headerBottom ul li { list-style-image: none; list-style-type: none; margin: 0; padding: 0; font-size: 1em; } #headerBottom ul .meganav { position: absolute; left: 1%; top: 56px; width: 60%; background: #2e2b25; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjIxOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJlMmIyNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262219), color-stop(100%, #2e2b25)); background: -moz-linear-gradient(#262219, #2e2b25); background: -webkit-linear-gradient(#262219, #2e2b25); background: linear-gradient(#262219, #2e2b25); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); z-index: 100; border-left: solid 10px #262219; display: none; } .front #headerBottom ul .meganav { width: 96%; } #headerBottom ul .meganav .meganav { display: none; } #headerBottom ul .meganav ul { float: left; width: 51%; margin-left: 2%; } #headerBottom ul .meganav li { display: block; } #headerBottom ul .meganav li:first-child { margin-top: 20px; } #headerBottom ul .meganav li:last-child { margin-bottom: 20px; } #headerBottom ul .meganav li a { font-size: 1.4em; padding: 5px 10px; border-bottom: solid 1px #3d3a35; display: block; color: #fff; } #headerBottom ul .meganav li a:hover { text-decoration: underline; } #headerBottom ul .after-half-way > .meganav { left: auto; right: 0.3%; } #headerBottom ul .meganav__rightColumn { float: right; width: 40%; margin: 20px 2% 20px 5%; } #headerBottom ul .meganav__rightColumn p { color: #fff; font-size: 1.4em; } #headerBottom ul .meganav__rightColumn img { margin-bottom: -20px; margin-right: -5%; float: right; width: 105%; } @media all and (min-width: 40em) { #headerBottom .menu-block-wrapper > ul { display: table; border-spacing: 0; border-collapse: collapse; width: 100%; } #headerBottom .menu-block-wrapper > ul > li { display: table-cell; text-align: center; vertical-align: middle; } #headerBottom .menu-block-wrapper > ul > li.first { position: relative; max-width: 56px; } #headerBottom .menu-block-wrapper > ul > li.first a { padding: 0 18px; } #headerBottom .menu-block-wrapper > ul > li.first a:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e608"; margin: auto; color: #fff; font-size: 19px; width: 20px; height: 20px; display: block; text-align: center; position: relative; top: 0.9em; } #headerBottom .menu-block-wrapper > ul > li.first span { position: absolute; left: -999em; } #headerBottom .menu-block-wrapper > ul > li > a { font-family: 'Domine'; min-height: 56px; line-height: 56px; font-size: 0; color: #fff; padding: 0 20px; display: block; -moz-box-shadow: inset -1px 0 #7d8182; -webkit-box-shadow: inset -1px 0 #7d8182; box-shadow: inset -1px 0 #7d8182; } #headerBottom .menu-block-wrapper > ul > li > a > span { display: inline-block; line-height: 20px; font-size: 16px; vertical-align: middle; } #headerBottom .menu-block-wrapper > ul > li:hover > a, #headerBottom .menu-block-wrapper > ul > li.active-trail > a { background-color: #262219; } .no-js #headerBottom .menu-block-wrapper > ul > li:hover > .meganav { display: block; } } @media all and (max-width: 39.99em) { #headerBottom .menu-block-wrapper { display: none; } } @media all and (min-width: 40em) and (max-width: 85em) { .front #headerBottom .menu-block-wrapper > ul > li > a { padding: 0 5px; } .front #headerBottom .menu-block-wrapper > ul > li > a > span { font-size: 14px; } .front #headerBottom .menu-block-wrapper > ul > li.first a { padding: 0 13px; } } @media all and (max-width: 39.99em) { #headerBottom .open .menu-block-wrapper { display: block; z-index: 100; } } #secondaryNav { border-left: solid 10px #f4f4f3; } @media all and (min-width: 40em) { #secondaryNav { width: 24.2%; margin-right: 9.8%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); margin-top: -28px; padding-top: 28px; } } #secondaryNav > p { font-size: 1.4em; line-height: 1em; margin-bottom: 0.8em; padding: 0 8.5% 0.8em 8.5%; border-bottom: solid 1px #dfdedd; } #secondaryNav > p a { display: block; font-weight: bold; font-size: 1.2em; margin-top: 0.2em; line-height: 1em; } #secondaryNav > p a:hover { text-decoration: underline; } #secondaryNav #currentlyViewing { margin-top: 3em; margin-bottom: 0; } #secondaryNav #currentlyViewing a { font-size: 1.4em; } #secondaryNav ul { padding-left: 0; list-style-type: none; margin: 5px 0 30px 0; } #secondaryNav ul ul { margin: 0; display: none; } #secondaryNav li { list-style-type: none; list-style-image: none; margin: 0; font-size: 1em; } #secondaryNav li a { font-size: 1.6em; line-height: 1em; border-bottom: solid 1px #f4f4f3; padding: 0.4em 8.5%; display: block; } #secondaryNav li.active-trail { border-left: solid 10px #7d7a75; margin-left: -10px; } #secondaryNav li.active-trail > a { font-weight: bold; } @media all and (max-width: 39.99em) { #secondaryNav li.active-trail > a { color: #7D7A75; } } #secondaryNav li.active-trail ul { display: block; } #secondaryNav li.active-trail ul li > a { padding-left: 20%; } #secondaryNav li.active-trail ul ul li > a { padding-left: 26%; } #secondaryNav li:hover { border-left: solid 10px #7d7a75; margin-left: -10px; } @media all and (max-width: 39.99em) { #secondaryNav { margin-top: 26px; margin-bottom: 26px; } #secondaryNav ul { margin: 0; } #secondaryNav li a { padding-left: 15px; padding-right: 15px; } .js #secondaryNav .menu-block-wrapper { display: none; } .js #secondaryNav .menu-block-wrapper.mob-expanded { display: block; } } .secondaryNav__sectionHeader { border-bottom: solid 1px #e6e4e5; margin-left: -10px; padding: 4px 0 2px 25px; font-size: 1.6em; font-family: "Domine", Georgia, serif; color: #156c6e; -moz-box-shadow: inset 10px 0 #156c6e; -webkit-box-shadow: inset 10px 0 #156c6e; box-shadow: inset 10px 0 #156c6e; position: relative; } @media all and (min-width: 40em) { .secondaryNav__sectionHeader { display: none; } } .secondaryNav__sectionHeader:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #156c6e; content: ''; display: block; position: absolute; right: 10px; top: 14px; } .secondaryNav__sectionHeader.mob-on:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #156c6e; border-top: 0; } .mobExpandBtn { background: 0; border: 0; padding: 0; width: 100%; text-align: inherit; color: inherit; line-height: inherit; } .mobExpandBtn:focus { outline: 0; } @media all and (min-width: 40em) { .mobExpandBtn { cursor: default; } } .js .mob-expanded { display: block; } .mobileNav { width: 100%; display: table; min-height: 60px; } .mobileNav .menuBtn { padding: 20px 0; font-family: "Domine", Georgia, serif; } .mobileNav > * { display: table-cell; vertical-align: middle; text-align: center; font-size: 1.8em; color: #fff; padding-left: 10px; padding-right: 10px; } @media all and (min-width: 40em) { .mobileNav { display: none; } } .mobileNav .headerRight__facebook, .mobileNav .headerRight__twitter { font-size: 22px; } .mobileNav__menu { padding: 0; } .mobileNav__menu button { display: block; border: 0; background: 0; width: 100%; height: 100%; color: #fff; font-family: "Domine", Georgia, serif; padding: 20px 0; } .mobileNav__menu button:focus { outline: 0; } .mobileNav__menu .menu-block-wrapper { position: absolute; z-index: 1; background: #2a2720; } .mobileNav__menu .menu-block-wrapper a { display: block; color: #fff; padding: 8px 12px; } .mobileNav__menu .menu-block-wrapper .menu > li { border-bottom: solid 1px #37342f; margin: 0 !important; } .mobileNav__menu .menu-block-wrapper .menu > li:last-child { border: 0; } .mobileNav__menu .menu-block-wrapper .meganav { display: none !important; } .mobileNav__menu.open { background: #262219; } .mobileNav__Search { padding: 0; } .mobileNav__Search button { border: 0; background: 0; width: 100%; height: 100%; } .mobileNav__Search button:after { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e604"; color: #fff; font-size: 24px; } .mobileNav__Search button:focus { outline: 0; } .no-js .mobileNav__Search:after { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e604"; font-size: 24px; } .mobileNav__Search span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mobileNav__Search.open { background: #262219; } .mobileNav__Search.open button:after { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; } #breadcrumbWrapper { width: 69.7%; padding: 10px 0 25px 30.3%; float: left; } .wide #breadcrumbWrapper { padding-left: 10px; margin-left: 29.75%; } .book-of-life #breadcrumbWrapper { padding: 2px 0; margin: 0; width: 100%; text-align: center; } @media all and (max-width: 39.99em) { #breadcrumbWrapper { display: none; } } #breadcrumb { padding: 0; float: left; margin: 0; } .book-of-life #breadcrumb { display: inline-block; position: relative; left: 45px; float: none; margin: 0; padding: 0; } #breadcrumb li { float: left; font-size: 1.2em; list-style-type: none; margin-left: 0.6em; } #breadcrumb li span { display: none; } #breadcrumb li:first-child { margin-left: 0; } #breadcrumb li:first-child:before { display: none; } #breadcrumb li:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60c"; font-size: 8px; color: #c5c4c2; margin-right: 0.8em; position: relative; top: -1px; } #breadcrumb li a { color: #156c6e; } #breadcrumb li a:hover { text-decoration: underline; } #pageLeft { float: left; width: 89.25%; } @media all and (max-width: 39.99em) { #pageLeft { width: auto; } } @media all and (min-width: 40em) { #content { float: left; width: 65%; max-width: 70em; margin-right: 1%; margin-bottom: 30px; } } #content img { max-width: 100%; margin: 1em 0; } #content p img { margin: 0; height: auto !important; } #content .caption { font-size: 1.4em; background-color: #f4f4f3; padding: 0.3em 1em; display: inline-block; margin-bottom: 1em; margin-top: -0.8em; } #content a:hover { text-decoration: underline; } #content li { position: relative; } #content li:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60c"; font-size: 0.6em; position: absolute; left: -1.5em; top: 0.6em; } @media all and (max-width: 39.99em) { #content { padding-left: 8px; padding-right: 8px; } } #backToTop { display: block; width: 100%; border-top: solid 1px #dfdedd; padding: 0.7em 0; text-align: right; clear: both; } @media all and (min-width: 40em) { #backToTop { margin-top: 5em; } } #backToTop a { font-family: 'Domaine'; font-weight: 700; text-transform: uppercase; font-size: 1.4em; color: #262219; } #backToTop a:hover { text-decoration: none; } #backToTop a:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60b"; font-size: 8px; margin-right: 6px; margin-bottom: 3px; } @media all and (max-width: 39.99em) { #backToTop { background: #fff; } } #footer { width: 100%; position: relative; border-top: solid 10px #f4f4f3; clear: both; padding: 32px 0; float: left; } .book-of-life #footer:before { position: absolute; content: ""; width: 10px; height: 235px; top: 0; left: 0; background-color: #F4F4F3; } .front #footer { border: none; } #footer ul { padding-left: 0; list-style-type: none; margin: 0.5em 0; } #footer ul li { list-style-type: none; font-size: 1.4em; border-top: solid 1px #f4f4f3; padding: 0.2em 0.5em; } #footer ul li:first-child { border: none; } #footer a:hover { text-decoration: underline; } #footer p { color: #3f3d39; } @media all and (max-width: 39.99em) { #footer #footer__column1 ul { display: none; } } @media all and (min-width: 40em) { #footer #footer__column1 { width: 14.5%; margin-left: 1.95%; margin-right: 0.85%; float: left; } } #footer .footer__share { padding: 0 28px 10px; } @media all and (min-width: 40em) { #footer .footer__share { padding: 0 7px 7px; border-bottom: solid 1px #F4F4F3; } } #footer .footer__share .fb_iframe_widget iframe { height: 20px; width: 100px; } #footer #footer__column2 { position: relative; } @media all and (min-width: 40em) { #footer #footer__column2 { width: 27.45%; float: left; margin-left: 5%; } #footer #footer__column2 legend { min-height: 65px; padding: 10px 140px 10px 10px; background: #f4f4f3; border-left: solid 10px #dfdedd; color: #ad0779; font-family: 'Domine'; font-size: 1.6em; margin-bottom: 25px; float: left; } } #footer #footer__column2 img { position: absolute; top: 0; right: 0; } @media all and (min-width: 40em) { #footer #footer__column2 fieldset > div { float: right; width: 80%; margin-right: 2%; } } #footer #footer__column2 label { font-weight: normal; } @media all and (max-width: 39.99em) { #footer #footer__column2 label { clear: both; padding: 0 28px; font-family: "Domine", Georgia, serif; color: #7d7a75; font-size: 1.8em; margin-bottom: 5px; } } @media all and (min-width: 40em) { #footer #footer__column2 label { width: 46%; float: left; clear: left; text-align: right; padding-right: 4%; padding-top: 3px; } } @media all and (min-width: 40em) { #footer #footer__column2 label[for=findInfoBy] { position: relative; padding-right: 8%; width: 42%; } #footer #footer__column2 label[for=findInfoBy]:after { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60c"; font-size: 10px; color: #c5c4c2; margin-left: 12px; position: absolute; top: 5px; right: 7%; display: block; } } #footer #footer__column2 p { font-size: 1.4em; color: #000; clear: both; margin: 0.3em 0; text-align: right; float: left; width: 46%; } .no-js #footer #footer__column2 select { float: left; width: 50%; } @media all and (min-width: 40em) { #footer #footer__column2 .selectWrapper { width: 50%; float: left; margin-right: 0; } } #footer #footer__column2 .selectWrapper .select { color: #ad0779; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #footer #footer__column2 .selectWrapper .select:after { border-top-color: #ad0779; } @media all and (max-width: 39.99em) { #footer #footer__column2 .selectWrapper { float: none; margin: 0; width: auto; } } #footer #footer__column2 input[type=submit] { float: right; min-width: 50%; clear: both; margin-top: 12px; } @media all and (max-width: 39.99em) { #footer #footer__column2 { margin-bottom: 15px; margin-top: 15px; } #footer #footer__column2 legend, #footer #footer__column2 img { display: none; } #footer #footer__column2 .select { font-size: 18px; } #footer #footer__column2 fieldset { margin: 0 26px; } #footer #footer__column2 input[type=submit] { width: 100%; margin-top: 5px; } #footer #footer__column2 .formGroup + p { display: none; } #footer #footer__column2 .formGroup + p + .formGroup { display: none; } #footer #footer__column2 label { padding: 0; } } #footer #footer__column3 { width: 32.3%; margin-left: 0.85%; float: left; text-align: center; } #footer #footer__column3 img { display: block; margin: 0 auto; } #footer #footer__column3 p { font-size: 1.4em; } #footer #footer__column3 ul { margin: 0.8em 0; } #footer #footer__column3 ul li { display: inline-block; font-size: 1.8em; text-transform: uppercase; font-family: 'Domine'; margin: 0 0.3em; } #footer #footer__column3 ul li:first-child a { color: #007FAA; } #footer #footer__column3 ul li a { color: #cb1d33; } @media all and (max-width: 39.99em) { #footer #footer__column3 { display: none; } } #footer #footer__column3 > a { display: inline-block; } #footer #footer__column3 > a:hover, #footer #footer__column3 > a:focus { text-decoration: none; } #footer #footer__column3 > a:hover li, #footer #footer__column3 > a:focus li { text-decoration: underline; } @media all and (min-width: 40em) { #footer #footer__column4 { width: 13.2%; margin-left: 1.95%; margin-right: 1.95%; float: left; } #footer #footer__column4 a { color: #ad0779; } } #footer #footer__column4 li { margin: 0; } #footer #footer__column4 .footerHeader { font-family: "Domine", Georgia, serif; } #footer #footer__column4 > p { font-size: 1.4em; } @media all and (max-width: 39.99em) { #footer #footer__column4 { margin-right: 8px; } #footer #footer__column4 .footerHeader { font-size: 18px; color: #7d7a75; -moz-box-shadow: inset 10px 0 #7d7a75; -webkit-box-shadow: inset 10px 0 #7d7a75; box-shadow: inset 10px 0 #7d7a75; padding: 0 0 5px 26px; margin-bottom: 0; border-bottom-color: #e2e2e2; position: relative; } .js #footer #footer__column4 .footerHeader:after { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60b"; position: absolute; display: block; right: 5px; top: 0; bottom: 0; margin: auto; height: 0; color: #156c6e; font-size: 6px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #footer #footer__column4 .footerHeader.mob-on:after { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .no-js #footer #footer__column4 .footerHeader { padding-right: 30%; } #footer #footer__column4 .footerHeader button { padding-right: 30%; } #footer #footer__column4 ul { margin-top: 0; padding-left: 16px; border-left: solid 10px #F4F4F3; } .js #footer #footer__column4 ul { display: none; } .js #footer #footer__column4 ul.mob-expanded { display: block; } .js #footer #footer__column4 ul.mob-expanded + .footer__mobileContact { margin-top: 20px; } #footer #footer__column4 li { padding-left: 0; } } #footer .footer__copyright { padding: 0 28px; clear: both; font-size: 0.9em; } @media all and (max-width: 39.99em) { #footer .footer__copyright { padding: 15px 2%; } } #footer .footer__copyright p { margin: 0; } .footer__mobileContact { margin-top: 4px; } @media all and (min-width: 40em) { .footer__mobileContact { display: none; } } @media all and (max-width: 39.99em) { .js .footer__mobileContact .footer__contactInfo { display: none; } .footer__mobileContact .footer__contactInfo.mob-expanded { display: block; } } .footer__contactInfo { border-left: solid 10px #F4F4F3; padding-left: 16px; padding-top: 15px; } .footer__contactInfo h3 { margin: 0; font-family: 'Calibri', 'Trebuchet MS', sans-serif; color: #262219; font-weight: bold; font-size: 1.6em; } .js #bottomNav { display: none; } @media all and (min-width: 40em) { #bottomNav { display: none; } } #bottomNav .meganav { display: none; } @media only screen and (max-width: 1385px) { .front #headerBottom .menu-block-wrapper > ul > li.first { margin-bottom: 1px; } } @media only screen and (max-width: 980px) { .front #block-search-form { margin-right: 5px; } } @media all and (max-width: 39.99em) { #main { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } #main #share { -webkit-order: -1; order: -1; } #main #secondaryNav { -webkit-order: -1; order: -1; } } #share { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); } @media all and (min-width: 40em) { #share { float: right; width: 10.75%; border-left: solid 10px #f4f4f3; } #share p { text-align: center; margin: 1em 1em 1.5em 1em; } } #share p { line-height: 1em; } #share ul { list-style-type: none; padding: 0; margin: 0; } #share ul li { display: inline-block; width: 100%; text-align: center; margin: 0 0 30px 0; } #share ul li a { font-size: 24px; color: #7d7a75; line-height: 24px; } #share ul li a:before { display: block !important; height: 24px; } #share ul li a:hover { color: #000; } #share ul li a span { position: absolute; left: -999em; display: block; } #share ul li#share_this_button .stLarge:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e603"; } #share ul li #share__facebook > span > span:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e609"; } #share ul li #share__twitter > span > span:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; } #share ul li .stLarge { background: none !important; } #share ul li .stLarge:before { color: #7d7a75; font-size: 24px; } #share ul li .stLarge:hover { opacity: 1 !important; } #share ul li .stLarge:hover:before { color: #000 !important; } @media all and (max-width: 39.99em) { #share { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: center; align-content: center; margin: 18px 8px; border-bottom: solid 10px #f4f4f4; } #share ul { -webkit-flex-grow: 1; flex-grow: 1; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-left: 35px; } #share ul li { width: auto; margin: 0 0 5px; } } #rhsBar { background-color: #411d2c; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF411D2C', endColorstr='#FF262219'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxMWQyYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2MjIxOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #411d2c), color-stop(100%, #262219)); background-image: -moz-linear-gradient(left bottom, #411d2c 0%, #262219 100%); background-image: -webkit-linear-gradient(left bottom, #411d2c 0%, #262219 100%); background-image: linear-gradient(to right top, #411d2c 0%, #262219 100%); } @media all and (min-width: 40em) { #rhsBar { float: left; width: 16.5%; } } .front #rhsBar { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxMWQyYyIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjIyMTkiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, rgba(65, 29, 44, 0.8)), color-stop(100%, rgba(38, 34, 25, 0.8))); background-image: -moz-linear-gradient(left bottom, rgba(65, 29, 44, 0.8) 0%, rgba(38, 34, 25, 0.8) 100%); background-image: -webkit-linear-gradient(left bottom, rgba(65, 29, 44, 0.8) 0%, rgba(38, 34, 25, 0.8) 100%); background-image: linear-gradient(to right top, rgba(65, 29, 44, 0.8) 0%, rgba(38, 34, 25, 0.8) 100%); } #rhsBar h2, #rhsBar p, #rhsBar a { color: #fff; } #rhsBar h2 { text-transform: uppercase; font-size: 2.2em; margin: 4px 0 0 0; width: auto; margin-left: -13%; margin-right: -13px; padding-left: 5px; padding-right: 5px; text-align: center; position: relative; } #rhsBar h2:before { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #fff; height: 0; width: 0; display: inline-block; content: ''; left: 23px; margin-right: 10px; border-left-width: 12px; } @media all and (max-width: 39.99em) { #rhsBar h2:before { left: 15px; } } #rhsBar p { font-size: 1.4em; margin-bottom: 8px; text-align: center; } #rhsBar .small { font-size: 1.3em; } #rhsBar #rhsBar__inner > a { padding: 10px 10%; float: left; width: 80%; -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border-bottom: solid 1px #920c66; } #rhsBar #rhsBar__inner > a.active { background-color: #ad0779; } @media all and (max-width: 39.99em) { #rhsBar #rhsBar__inner > a { background-color: #411D2C; } } #rhsBar #rhsBar__inner > a:last-child { border-bottom: 0; } #rhsBar #rhsBar__inner > a:hover, #rhsBar #rhsBar__inner > a:focus { background: #B21D83; } #rhsBar li { font-size: 1.4em; list-style-type: none; } #rhsBar ul { padding-left: 0; list-style-type: none; } @media all and (max-width: 39.99em) { #rhsBar { background: #ad0779; } .front #rhsBar { width: 65.31%; } #rhsBar ul { display: none; } } #rhsBar__social { min-height: 20px; margin-top: 31px; margin-bottom: 31px; float: left; padding-left: 16px !important; } #rhsBar__social li { float: left; margin-top: 0; margin-bottom: 0; } #rhsBar__social li a { text-transform: uppercase; } #rhsBar__social li span { position: absolute; left: -999em; } #rhsBar__facebook, #rhsBar__twitter { margin-right: 19px; height: 20px; } #rhsBar__facebook a, #rhsBar__twitter a { width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; } #rhsBar__facebook a:before, #rhsBar__twitter a:before { color: #fff; display: block; position: relative; top: -1px; } #rhsBar__facebook a:hover, #rhsBar__twitter a:hover { text-decoration: none; } #rhsBar__facebook a:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e609"; } #rhsBar__twitter a { line-height: 24px; } #rhsBar__twitter a:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; } #rhsBar__mediaCentre a { font-size: 0.85em; } #rhsBar__inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); border-width: 0 0 0 1px; -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#ad0779), to(#501a37)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #ad0779, #501a37) 1 100%; -o-border-image: -o-linear-gradient(bottom, #ad0779, #501a37) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #ad0779, #501a37) 1 100%; border-image: border-image-gradient(bottom, #ad0779, #501a37) 1 100%; overflow: hidden; } .front #rhsBar__inner a:first-child h2 { border: none; } #rhsBar__inner li { margin: 0; position: relative; padding: 5px 0 5px 15px; display: block; } #rhsBar__inner li:before { content: ''; width: 6px; height: 6px; margin: auto; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; background: #544c49; } @media all and (min-width: 40em) { #rhsBar__inner { clear: both; } } #rhsBar__donateLifeLogo { background: #ad0779; padding: 12px 0; clear: both; } #rhsBar__donateLifeLogo img { display: block; margin: 0 auto; } @media all and (max-width: 39.99em) { #rhsBar__donateLifeLogo { float: right; width: 34.69%; } #rhsBar__donateLifeLogo img { width: 88px; } } #rhsBar__register { text-align: center; margin-top: 0.5em; padding-top: 0.5em; border-top: solid 1px #692a55; text-transform: uppercase; font-size: 2em !important; font-family: 'Domine'; line-height: 1em; } #homeIntro1 { margin: 28px 0; border-left: solid 10px #11777a; padding: 12px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); } #homeIntro1 p { margin: 0 0 0 12.5%; padding-right: 3%; font-size: 1.8em; font-family: 'Domine'; color: #156c6e; } @media all and (min-width: 40em) { #homeIntro1 { width: 55.45%; float: left; } #homeIntro1 p { border-right: solid 1px #dfdedd; } } @media all and (max-width: 39.99em) { #homeIntro1 { display: none; } } #homeIntro2 { margin: 28px 0; padding: 12px 0 6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); } @media all and (min-width: 40em) { #homeIntro2 { width: 44.55%; float: left; } #homeIntro2 ul { margin: 0 20px 30px 35px; padding: 0; } } #homeIntro2 li { font-size: 1.6em; padding: 0.2em 0 0.2em 18px; line-height: 1em; position: relative; } #homeIntro2 li:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60c"; font-size: 9px; color: #c5c4c2; position: absolute; left: 0; top: 0.7em; } #homeIntro2 a:hover { text-decoration: underline; } @media all and (max-width: 39.99em) { #homeIntro2 { margin: 0 0 10px; } #homeIntro2 + .homePromo { background: #dfdedc; border-left-color: #d4d3d1; } #homeIntro2 ul { padding: 0; margin: 0 8px; } #homeIntro2 li { padding-left: 22px; border-top: solid 2px #e8e8e8; margin: 0; } #homeIntro2 li:before { color: #156c6e; left: 10px; } #homeIntro2 li:first-child { border: 0; } } .homePromo { border-left: solid 10px #dfdedd; background-color: #e9e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); position: relative; min-height: 158px; } .homePromo h2 { font-size: 1.8em; margin: 0.6em 115px 0.3em 4%; line-height: 1em; } .homePromo p { font-size: 1.4em; margin: 0 115px 0.8em 4%; } .homePromo img { position: absolute; top: 0; right: 0; } .homePromo a:hover { text-decoration: underline; } @media all and (min-width: 40em) { .homePromo { float: left; width: 49.375%; margin-bottom: 35px; } .homePromo + .homePromo { margin-left: 1.25%; } } @media all and (max-width: 39.99em) { .homePromo { margin: 0 5px 10px 0; padding-top: 8px; } } #homeNews { float: left; width: 100%; background-color: #f4f4f3; border-left: solid 10px #e9e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); } #homeNews h2 { font-size: 1.8em; color: #7d7a75; margin-left: 2%; margin-bottom: 0.3em; } #homeNews p { font-size: 1.4em; margin-bottom: 0.8em; } #homeNews a:hover { text-decoration: underline; } #homeNews .cta { margin-bottom: 12px; } @media all and (min-width: 40em) { #homeNews .column { width: 29.33%; padding: 0 2%; float: left; } } @media all and (max-width: 39.99em) { #homeNews { padding-right: 8px; } #homeNews h2 { margin-left: 16px; } #homeNews .column { padding: 0; margin-left: 16px; } #homeNews p { margin-bottom: 26px; } } #homeRhsWrapper { background: #b21d83 url("../images/home-bg.jpg") 80% top no-repeat; } @media all and (min-width: 79.6875em) { #homeRhsWrapper { background-position: 100% top; } } @media all and (max-width: 39.99em) { #homeRhsWrapper { *zoom: 1; background-image: none !important; position: relative; } #homeRhsWrapper:before, #homeRhsWrapper:after { content: ""; display: table; } #homeRhsWrapper:after { clear: both; } } @media all and (min-width: 40em) { #homeRhsWrapper { width: 42.41%; float: left; } #homeRhsWrapper #rhsBar { width: 230px; clear: left; } } #homePromo { background-color: #ad0779; padding: 10px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); } #homePromo img { width: 100%; float: left; } @media all and (max-width: 39.99em) { #homePromo { display: none; } } @media all and (min-width: 40em) { #donatelifeLogo { margin: -69px 44px 0 0; float: right; } } @media all and (max-width: 39.99em) { #donatelifeLogo { position: absolute; top: 25px; right: 2.81%; } } @media all and (min-width: 40em) and (max-width: 67.49em) { #donatelifeLogo { margin-right: 20px; } } .cta { padding: 5px 26px 5px 10px; background-color: #fff; display: inline-block; position: relative; font-size: 1.4em; } .cta:after { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #156c6e; content: ''; border-top-width: 4px; border-bottom-width: 4px; display: block; position: absolute; right: 10px; top: 11px; } @media all and (min-width: 40em) { .listingFilter { float: right; width: 260px; border-bottom: solid 1px #e9e8e8; } .listingFilter label { float: left; width: 34%; margin-right: 2%; line-height: 32px; text-align: right; border-left: solid 10px #e9e8e8; } .listingFilter .selectWrapper { width: 60%; } h1 + .listingFilter, h1 + .region .listingFilter, h1 + .tabs + .region .listingFilter { margin-top: 8px; } } .listingFilter .views-exposed-form .views-exposed-widget { float: none; } @media all and (max-width: 39.99em) { .listingFilter { border-bottom: solid 1px #e3e3e3; padding-bottom: 7px; margin-bottom: 20px; } .listingFilter form { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } .listingFilter form label { min-width: 100px; margin-top: 5px; } } @media all and (min-width: 40em) { .floatedHeader h1 { float: left; } } .listingFilterContent { float: right; width: 40%; margin: 0 0 0 3%; padding: 1.5%; background: #f4f4f3; } .listingFilterContent.wide { width: 97%; } .listingFilterContent.wide .formGroup { float: left; width: 40%; } .listingFilterContent.wide p { width: 20%; float: left; clear: none; line-height: 40px; } .listingFilterContent.wide input[type=submit] { float: right; } .listingFilterContent .selectWrapper { width: 100%; clear: left; margin-bottom: 1em; } .listingFilterContent .select { background: #e9e8e8; } .listingFilterContent legend { display: inline; } .listingFilterContent label { clear: left; } .listingFilterContent p { width: 100%; text-align: center; float: left; clear: left; } .listingFilterContent select { width: 100%; } .listingFilterContent input[type=submit] { clear: left; float: left; } .listing { display: block; width: 100%; padding: 0; margin: 12px 0 12px -10px; float: left; } .item-list .listing { padding: 0; margin: 12px 0 12px -10px; } .listing h2 { font-size: 1.8em; margin-top: 0; } .listing h2, .listing p { padding-left: 70px; clear: none; } .listing li, .item-list .listing li { background: #f4f4f3; border-left: solid 10px #e9e8e8; margin: 0 0 12px 0; display: block; float: left; padding: 2%; width: 96%; font-size: 1em; } .listing li:before, .item-list .listing li:before { display: none !important; } .listing .cta { float: right; clear: both; } .listing .listingDetail { margin: 0.3em 0; font-size: 1.4em; } .listing .listingDetail + .listingDetail { margin-top: -0.4em; } .listing time { float: left; width: 35px; margin-right: 35px; color: #7d7a75; font-size: 1.8em; text-align: center; line-height: 1.2em; position: relative; } .listing time:after { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #7d7a75; content: ''; border-top-width: 4px; border-bottom-width: 4px; display: block; position: absolute; right: -22px; top: 11px; } .listing time span { font-size: 2em; font-weight: bold; line-height: 0.9em; } #photoGalleryCarousel h2 { font-size: 1.8em; } #photoGalleryCarousel img { margin: 0; } #content .photoGalleryCarousel__images { min-height: 525px; margin-bottom: 10px; position: relative; overflow: hidden; } #content .photoGalleryCarousel__images .slides { padding: 0; *zoom: 1; } #content .photoGalleryCarousel__images .slides:before, #content .photoGalleryCarousel__images .slides:after { content: ""; display: table; } #content .photoGalleryCarousel__images .slides:after { clear: both; } #content .photoGalleryCarousel__images ul { margin: 0; } #content .photoGalleryCarousel__images li { font-size: 1em; position: static; } .js #content .photoGalleryCarousel__images li { display: none; } #content .photoGalleryCarousel__images li span { height: 465px; width: 100%; display: block; position: relative; } #content .photoGalleryCarousel__images li:before { display: none; } #content .photoGalleryCarousel__images li p { background: none; padding: 0; font-size: 1.6em; margin: 0.5em 0 !important; } #content .photoGalleryCarousel__images img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 465px; max-width: 100%; } .js #content .photoGalleryCarousel__images .flex-direction-nav li { display: block; } #content .photoGalleryCarousel__images .flex-prev, #content .photoGalleryCarousel__images .flex-next { display: inline-block; background: #fff; width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 100; text-align: center; line-height: 40px; vertical-align: middle; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } #content .photoGalleryCarousel__images .flex-prev span, #content .photoGalleryCarousel__images .flex-next span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #content .photoGalleryCarousel__images .flex-prev:before, #content .photoGalleryCarousel__images .flex-next:before { font-size: 20px; margin-top: -1px; } #content .photoGalleryCarousel__images .flex-prev:hover, #content .photoGalleryCarousel__images .flex-prev:focus, #content .photoGalleryCarousel__images .flex-next:hover, #content .photoGalleryCarousel__images .flex-next:focus { color: #fff; background: #156c6e; } #content .photoGalleryCarousel__images .flex-prev { left: 10px; } #content .photoGalleryCarousel__images .flex-prev:before { margin-right: 2px; font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60d"; } #content .photoGalleryCarousel__images .flex-next { right: 10px; } #content .photoGalleryCarousel__images .flex-next:before { margin-left: 2px; font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60e"; } #content .photoGalleryCarousel__thumbs { position: relative; } #content .photoGalleryCarousel__thumbs .photoGalleryCarousel__images { display: none; } #content .photoGalleryCarousel__thumbs .flex-viewport { padding: 0 20px; } #content .photoGalleryCarousel__thumbs .slides { margin: 0; padding: 0; } #content .photoGalleryCarousel__thumbs li { margin: 0 5px; position: static; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .js #content .photoGalleryCarousel__thumbs li { display: none; } #content .photoGalleryCarousel__thumbs li:before { display: none; } #content .photoGalleryCarousel__thumbs li img { display: block; margin: 0 auto; } #content .photoGalleryCarousel__thumbs .flex-active-slide img { border: solid 6px #dfdedd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .js #content .photoGalleryCarousel__thumbs .flex-direction-nav li { display: block; } #content .photoGalleryCarousel__thumbs .flex-prev, #content .photoGalleryCarousel__thumbs .flex-next { position: absolute; width: 20px; height: 76px; top: 0; background: #fff; text-align: center; color: #333; line-height: 70px; } #content .photoGalleryCarousel__thumbs .flex-prev.flex-disabled, #content .photoGalleryCarousel__thumbs .flex-next.flex-disabled { color: #aaa; } #content .photoGalleryCarousel__thumbs .flex-prev:before, #content .photoGalleryCarousel__thumbs .flex-next:before { vertical-align: middle; } #content .photoGalleryCarousel__thumbs .flex-prev:focus, #content .photoGalleryCarousel__thumbs .flex-next:focus { outline: 0; } #content .photoGalleryCarousel__thumbs .flex-prev span, #content .photoGalleryCarousel__thumbs .flex-next span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #content .photoGalleryCarousel__thumbs .flex-prev { left: 0; } #content .photoGalleryCarousel__thumbs .flex-prev:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; } #content .photoGalleryCarousel__thumbs .flex-next { right: 0; } #content .photoGalleryCarousel__thumbs .flex-next:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60c"; } #photoGalleryListing { float: left; width: 100%; } #photoGalleryListing a { color: #ad0779; display: block; } #photoGalleryListing .select:after { border-top-color: #ad0779; } #photoGalleryListing h2 { font-size: 1.8em; padding-bottom: 4px; } @media all and (min-width: 40em) { #photoGalleryListing h2 { border-bottom: solid 1px #dfdedd; margin-bottom: 1em; padding-bottom: 0.5em; } } #photoGalleryListing ul { padding: 0; } #photoGalleryListing ul li:first-child { margin-left: 0; } #photoGalleryListing ul li:nth-child(3n + 1) { margin-left: 0; clear: left; } #photoGalleryListing ul li:before { display: none; } #photoGalleryListing li { background: #e9e8e8; margin-bottom: 10px; } #photoGalleryListing p { border-left: solid 10px #dfdedd; margin: 0; padding: 0.6em 1em; line-height: 1.2em; font-size: 1em; min-height: 3.6em; } @media all and (min-width: 40em) { #photoGalleryListing .listingFilter { margin-top: -6em; } #photoGalleryListing li { width: 32.26%; margin-left: 1.61%; float: left; } #photoGalleryListing img { margin: 0; width: 100%; height: auto !important; } } @media all and (max-width: 39.99em) { #photoGalleryListing ul { clear: both; } #photoGalleryListing a { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; align-items: flex-start; } #photoGalleryListing img { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; max-width: 120px; height: auto; margin: 0; } #photoGalleryListing p { min-height: 0; -webkit-align-self: stretch; align-self: stretch; } } #photoGalleryListing + .item-list { padding-top: 1px; clear: both; } ol.search-results { padding: 0; } ol.search-results li { font-size: 1em; } ol.search-results li:before { display: none !important; } ol.search-results li .title { font-size: 2em; } ol.search-results li .search-snippet-info { padding-left: 0; } .search-form label { float: left; width: 30%; padding-top: 6px; margin-right: 2%; text-align: right; } .search-form input[type=text] { width: 30%; margin-right: 3%; } .search-form input[type=submit] { position: relative; top: 1px; } .search-form .action { margin-left: 32%; } .search-form .search-advanced .criterion { float: none; margin-right: 0; } .search-form .form-checkboxes { float: left; width: 65%; } .search-form .form-checkboxes input[type=checkbox] { vertical-align: text-top; margin-right: 1em; } .search-form .form-checkboxes label { float: none; display: inline-block; padding: 0; text-align: left; width: auto; } .item-list .pager { margin-top: 3em; } .item-list .pager li { display: inline-block; font-size: 1.4em; background: #f4f4f3; margin: 0 0.5em 0.5em 0.5em; padding: 5px 10px; } .item-list .pager li:before { display: none !important; } .item-list .pager li a { color: #156c6e; } .site-map-front-page { display: none; } ul li.leaf, ul li.expanded { list-style-type: none; list-style-image: none; } #content .tabs li:before { display: none; } .js #content .eventMap { margin-bottom: 16px; height: 400px; } .no-js #content .eventMap { display: none; } #content .gm-style img { max-width: none; } .gm-style .gm-style-iw .infoWindow { line-height: 1.35; overflow: hidden; } .gm-style .gm-style-iw .infoWindow > :last-child { margin-bottom: 0; } .gm-style .gm-style-iw .infoWindow p { font-size: 1.1em; } .faq { margin-top: 20px; } .faq-header { margin-top: 0.2em; position: relative; color: #156c6e; font-size: 2em; } .faq-header button { border: 0; padding: 0; background: 0; padding-left: 32px; text-align: left; color: #156c6e; } .faq-header button:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60b"; position: absolute; left: 0; font-size: 8px; width: 32px; text-align: center; line-height: 23px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); text-decoration: none; } .faq-header button:focus, .faq-header button:hover { outline: 0; text-decoration: underline; } .faq-header.open button:before { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .faq-answer { background: #F4F4F3; } .js .faq-answer { display: none; padding: 10px 10px 0 32px; } .faq-share { font-weight: bold; } #content .faq-tweet { font-size: 1em; background: #F4F4F3; border-radius: 2px; padding: 4px 6px; margin-left: 6px; color: #7D7A75; } #content .faq-tweet:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; margin-right: 2px; } #content .faq-tweet:hover, #content .faq-tweet:focus { text-decoration: none; color: #000; } .js .noscriptOnly { display: none; } .callout { padding: 2%; margin: 12px 0; background: #F4F4F3; border-left: solid 10px #E9E8E8; } .userForm .form-item { clear: both; } .userForm label { font-size: 1.6em; color: #262219; margin-bottom: 5px; } .userForm .form-text, .userForm .selectWrapper, .userForm .form-textarea { width: 450px; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); } .userForm input { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/theme/assets/js/lib/boxsizing.htc); } .userForm textarea { padding: 6px 13px; font-size: 1.4em; background: #F4F4F3; border: 0; } .userForm .form-checkbox { -webkit-appearance: checkbox; } .userForm .date-day, .userForm .date-month, .userForm .date-year { float: left; margin-right: 20px; } .userForm .date-day:last-child, .userForm .date-month:last-child, .userForm .date-year:last-child { margin-right: 0; } .userForm .date-day { width: 90px; } .userForm .date-year { width: 130px; } .userForm .date-month { width: 160px; } .userForm .time-hour, .userForm .time-minute { width: 50px; float: left; } .userForm .time-inputs .colon { float: left; font-size: 16px; font-weight: bold; margin: 4px; } /*********************************\ Book of Life \********************************/ .book-of-life #content { margin-bottom: 0; width: 75%; max-width: none; } @media all and (max-width: 67.49em) { .book-of-life #content { width: 100%; } } @media all and (max-width: 39.99em) { .book-of-life #content { width: auto; } } .book-of-life #secondaryNav { margin-right: 0; width: 24%; } @media all and (max-width: 67.49em) { .book-of-life #secondaryNav { width: 100%; } } @media all and (max-width: 39.99em) { .book-of-life #secondaryNav { width: auto; padding-right: 8px; } } @media all and (max-width: 67.49em) { .book-of-life #pageLeft { width: 87.25%; } } @media all and (max-width: 39.99em) { .book-of-life #pageLeft { width: auto; } } /**********************\ Book of Life Sidebar \*********************/ #content .book-sidebar { float: left; width: 22%; margin-left: -10px; border-left: 10px solid #F4F4F3; min-height: 740px; } #content .book-sidebar img { margin: 5px 0; } @media all and (max-width: 67.49em) { #content .book-sidebar { width: 88.25%; min-height: 0; border-left: none; } } .book-header { margin: 0; } @media all and (max-width: 67.49em) { .book-header { float: left; width: 35%; } } @media all and (max-width: 29.99em) { .book-header { float: none; width: 100%; text-align: center; } } #secondaryNav .book-nav { margin: 4px 0 5px -10px; padding-left: 0; /* .wide & { @include mq($from: tablet) {width: 88.25%; border-left: solid 10px #f4f4f3;padding-left: 29.75%; max-width: 110em;} @include boxSizing(border-box); }*/ } @media all and (max-width: 67.49em) { #secondaryNav .book-nav { margin-left: 35%; margin-top: 15px; } } @media all and (max-width: 39.99em) { #secondaryNav .book-nav { margin-top: 7%; } } @media all and (max-width: 29.99em) { #secondaryNav .book-nav { margin-left: 10px; margin-top: 0; } } #secondaryNav .book-nav li { margin: 0; border-left: 10px solid #747778; } #secondaryNav .book-nav li:before { display: none; } #secondaryNav .book-nav li:hover { border-left-color: #ad0779; } @media all and (max-width: 39.99em) { #secondaryNav .book-nav li { /*hides shuffle stories and search button on mobile since grid not visible and search visible by default*/ } #secondaryNav .book-nav li:nth-child(-n+2) { display: none; } } #secondaryNav .book-nav li a { border-top: 1px solid #dfdedd; display: block; padding: 6px 30px 6px 10px; position: relative; font-weight: bold; color: #262219; text-decoration: none; line-height: 1em; } #secondaryNav .book-nav li a:before { position: absolute; top: 6px; right: 5px; font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e603"; color: #ad0779; } #secondaryNav .book-nav li a.shuffle:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601"; } #secondaryNav .book-nav li a.search:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e607"; } #secondaryNav .book-nav li a.submit:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e606"; } #secondaryNav .book-nav li a.order { background-image: url("../images/sprite.png"); background-position: right -50px; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .modern #secondaryNav .book-nav li a.order { background-image: url("../images/sprite-x-2.png"); background-size: 100px auto; background-repeat: no-repeat; } } #secondaryNav .book-nav li a.order:before { display: none; } #secondaryNav .book-nav li:last-child a { border-bottom: 1px solid #dfdedd; } .book-summary { padding: 10px; clear: left; } .book-summary p { line-height: 1em; } /***********************\ Book of Life Main area \***********************/ #bookOfLife { float: right; width: 100%; margin-top: 24px; } @media all and (max-width: 67.49em) { #bookOfLife { width: 100%; margin-bottom: 15px; margin-top: 0; } } @media all and (max-width: 39.99em) { .book-layer { display: none; } } .bookOfLife-inner { max-width: 575px; min-height: 458px; margin: 0 auto; position: relative; } .bookOfLife-inner ul { margin: 0; padding: 0; } .bookOfLife-inner li { margin: 0; padding: 0; width: 7.142%; height: 0; padding-bottom: 7.142%; float: left; position: relative; } #content .bookOfLife-inner li:before { display: none; } .bookOfLife-inner:after { content: ""; display: block; clear: both; } .bookOfLife-inner img { margin: 0 !important; } .book-no-image { background-color: #7d7a75; position: relative; } .book-no-image span { position: absolute; bottom: 2px; left: 0; right: 0; line-height: 0.9em; color: #FFF; font-size: 0.55em; font-weight: bold; padding: 2px; word-wrap: break-word; } .book-layer.top .book-no-image { height: 83px; } .book-layer.top .book-no-image span { font-size: 1em; } .book-inner-overlay .book-no-image { padding-bottom: 41%; } .book-inner-overlay .book-no-image span { font-size: 3.5em; padding: 10px; } @media all and (max-width: 39.99em) { .book-inner-overlay .book-no-image { padding-bottom: 300px; } .book-inner-overlay .book-no-image span { font-size: 6em; } } .book-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .book-layer.bottom { position: static; } .book-layer.bottom .book-base-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #7d7a75; } .book-layer.bottom img { position: absolute; width: 100%; } .book-layer.middle { z-index: 2; } .book-layer.middle .gradient { z-index: 2; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNhZDA3NzkiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhZDA3NzkiIHN0b3Atb3BhY2l0eT0iMC41OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(10%, rgba(173, 7, 121, 0)), color-stop(90%, rgba(173, 7, 121, 0.59))); background-image: -moz-linear-gradient(top left, rgba(173, 7, 121, 0) 10%, rgba(173, 7, 121, 0.59) 90%); background-image: -webkit-linear-gradient(top left, rgba(173, 7, 121, 0) 10%, rgba(173, 7, 121, 0.59) 90%); background-image: linear-gradient(to bottom right, rgba(173, 7, 121, 0) 10%, rgba(173, 7, 121, 0.59) 90%); } .no-cssgradients .book-layer.middle .gradient { background: url(../images/ie8-BoL-gradient.png) no-repeat transparent left top; } .book-layer.middle .logo { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/donate-logo-BoL.png) no-repeat center center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; z-index: 5; } .book-layer.top { z-index: 10; } .book-layer.top a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .book-layer.top a:hover { box-shadow: inset 0 0 10px 5px rgba(255, 255, 255, 0.5); } /***************************\ Book of Life hover popups \**************************/ .book-popup { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; left: 0; height: 1px; width: 1px; -moz-transition: all, 0.5s; -o-transition: all, 0.5s; -webkit-transition: all, 0.5s; transition: all, 0.5s; z-index: 15; overflow: hidden; } .no-csstransitions .book-popup { display: none; } .active .book-popup { top: -20px; left: -20px; width: 300px; height: 90px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .no-csstransitions .active .book-popup { display: block; } .book-popup .book-popup-picture { width: 83px; float: left; border: 3px solid #fff; border-radius: 5px; position: relative; } .book-popup .book-popup-picture img { position: static; width: 100%; } .book-popup .book-popup-text { min-width: 180px; padding: 10px 20px; margin-left: 83px; background: #fff; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIvPjxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #bfbfbf), color-stop(15%, #ffffff)); background: -moz-linear-gradient(left, #bfbfbf, #ffffff 15%); background: -webkit-linear-gradient(left, #bfbfbf, #ffffff 15%); background: linear-gradient(to right, #bfbfbf, #ffffff 15%); box-shadow: inset -3px 0 5px #D9D9D9; } .book-popup .book-popup-text p { font-size: 1em; margin: 0; line-height: 1.1em; color: #AD0779; text-decoration: underline; } .touch .book-popup .book-popup-text p { text-decoration: none; } .book-instructions { position: absolute; top: 0; left: 50%; background-color: #F4F4F3; width: 125px; margin-left: -125px; z-index: 20; padding: 15px 30px 18px 95px; } .book-instructions .book-instructions-image { height: 40px; width: 40px; background-image: url("../images/sprite.png"); background-position: center -125px; background-repeat: no-repeat; position: absolute; top: 20px; left: 30px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .modern .book-instructions .book-instructions-image { background-image: url("../images/sprite-x-2.png"); background-size: 100px auto; background-repeat: no-repeat; } } .book-instructions p { font-weight: bold; line-height: 0.85em; font-size: 1.9em; margin: 0; } /***************************\ Book of Life ajax overlays \***************************/ .book-overlays { position: absolute; top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; background: url(../images/pre-loader.gif) center 300px no-repeat #EAF5E8; -moz-transition: all, 0.5s; -o-transition: all, 0.5s; -webkit-transition: all, 0.5s; transition: all, 0.5s; z-index: 20; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } @media all and (max-width: 39.99em) { .book-overlays { width: 100%; left: 0; } } .book-overlays.open { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; width: 100%; height: 100%; top: 0; left: 0; } #switchable-book-overlays { z-index: 50; } #switchable-book-overlays-inner { display: block; } .book-inner-overlay { min-width: 544px; } .book-inner-overlay > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media all and (max-width: 39.99em) { .book-inner-overlay { min-width: 0; } } .ajax_loading > * { display: none !important; } /**************\ Detail overlay \**************/ #book-overlay-detail { background-color: #EAF5E8; padding: 45px 35px; } @media all and (max-width: 39.99em) { #book-overlay-detail { padding: 15px; } } .overlay-header .book-overlay-picture { float: left; width: 41%; } .overlay-header .book-overlay-picture img { width: 100%; display: block; } @media all and (max-width: 39.99em) { .overlay-header .book-overlay-picture { width: 100%; float: none; max-width: 300px; margin: 0 auto 15px; } } .overlay-header .overlay-head { margin-left: 44.5%; } @media all and (max-width: 39.99em) { .overlay-header .overlay-head { margin-left: 0; } } .overlay-header h2 { clear: none; margin: 0; font-weight: 700; font-size: 2.8em; text-shadow: 0px 1px 1px #FFFFFF; line-height: 1em; padding-bottom: 9px; border-bottom: 1px solid #CFD8CC; box-shadow: 0 1px 0 0 #f0f8ee; margin-bottom: 5px; } @media all and (max-width: 39.99em) { .overlay-header h2 { font-size: 2.3em; } } .overlay-header p { font-family: 'Domine'; font-size: 2em; font-weight: 700; margin: 0; } ul.overlay-controls { float: left; width: 100%; padding-bottom: 3px; margin-bottom: 12px; border-bottom: 1px solid #CFD8CC; box-shadow: 0 1px 0 0 #f0f8ee; } ul.overlay-controls li { float: left; width: 25%; height: auto; padding: 0; position: static; } ul.overlay-controls li:first-child .buttons { border: none; } ul.overlay-controls .buttons { height: 40px; text-align: center; border-left: 1px solid #CFD8CC; line-height: 45px; } ul.overlay-controls .icon { color: #8B9086; text-align: center; display: inline-block; height: 20px; position: relative; } ul.overlay-controls .icon:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; height: 20px; width: 20px; font-size: 20px; line-height: 16px; margin: 0 auto; } ul.overlay-controls .icon:hover { text-decoration: none; color: #40453b; text-decoration: none !important; } ul.overlay-controls .share .icon { outline-color: #000; } ul.overlay-controls .share .icon:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e602"; display: block; text-shadow: 0px 1px 0px #FFFFFF; font-size: 19px; } ul.overlay-controls .browse a { background-color: #8B9086; color: #fff; border-radius: 100px; height: 22px; width: 22px; top: -4px; text-align: center; display: inline-block; outline-color: #000; } ul.overlay-controls .browse a:hover { background-color: #40453b; color: #fff; } ul.overlay-controls .browse a:before { line-height: 23px; width: 7px; font-size: 9px; text-shadow: 0px 1px 1px #000000; display: block; margin: 0 auto; } ul.overlay-controls .browse .prev:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60d"; display: block; line-height: 23px; text-indent: -2px; } ul.overlay-controls .browse .next:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60e"; display: block; line-height: 23px; } ul.overlay-controls .print .icon:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e605"; display: block; font-size: 24px; line-height: 42px; } ul.overlay-controls .close-overlay a { top: 10px; outline-color: #000; } ul.overlay-controls .text { display: block; font-weight: bold; text-align: center; text-shadow: 0px 1px 0px #FFFFFF; line-height: 1.15em; } #content .close-overlay a { background-color: #CF2239; box-shadow: 0 1px 0 #FFFFFF, inset 0 0 0 1px #CF2239; color: #fff; width: 21px; height: 21px; margin: 0 auto; border-radius: 100px; font-size: 16px; display: block; text-align: center; position: relative; } #content .close-overlay a:hover { background-color: #fff; color: #CF2239; } #content .close-overlay .icon:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; font-size: 9px; position: absolute; top: 0; left: 0; height: 22px; width: 21px; line-height: 23px; text-align: center; } #content .close-overlay.inverted a { background-color: #fff; color: #CF2239; box-shadow: none; } #content .close-overlay.inverted a:hover { background-color: #CF2239; color: #fff; } .overlay-article-container { clear: both; background-color: #fff; padding: 15px 25px; } @media all and (max-width: 39.99em) { .overlay-article-container { padding: 10px; margin-top: 15px; } } .overlay-article { height: 370px; overflow: auto; padding: 5px 40px 5px 20px; } @media all and (max-width: 39.99em) { .overlay-article { padding: 5px 25px 5px 5px; height: 445px; } } .overlay-article::-webkit-scrollbar { width: 10px; background-color: #F4F4F3; } .overlay-article::-webkit-scrollbar-button { display: none; } .overlay-article::-webkit-scrollbar-thumb { background-color: #7D7A75; } .overlay-article p { line-height: 1.2em; } .overlay-article ul, .overlay-article ol { padding-left: 20px; margin-bottom: 1em; } .overlay-article li { width: auto; height: auto; padding: 0; float: none; } .overlay-article ol li { list-style: decimal; } .overlay-article ul li { list-style: disc; } /**************\ Search overlay \**************/ @media all and (max-width: 39.99em) { #book-of-life-search { height: 100%; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 0; top: 0; position: relative; } #book-of-life-search .book-layer { display: block; position: relative; background-color: #ad0779; } } #book-overlay-search { background-color: #ad0779; padding: 45px 0 0; } @media all and (max-width: 39.99em) { #book-overlay-search { position: relative; padding: 0 0 15px; } } #book-overlay-search .close-overlay { position: absolute; top: 11px; right: -35px; width: 30px; text-align: center; } #book-overlay-search .close-overlay span { color: #fff; font-size: 1.3em; font-weight: bold; } @media all and (max-width: 39.99em) { #book-overlay-search .close-overlay { display: none; } } .book-overlay-search-inner { max-width: 413px; margin: 0 auto; } @media all and (max-width: 39.99em) { .book-overlay-search-inner { max-width: 500px; } } .book-search-bar { padding: 10px 9px 10px 14px; border-top: 1px solid #980c6d; box-shadow: inset 0 1px 0 #C4489D; position: relative; } @media all and (max-width: 39.99em) { .book-search-bar { border: none; box-shadow: none; } } .book-search-input { width: 100%; float: left; position: relative; } .book-search-input label { border: 0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .book-search-input input[type="search"], .book-search-input input[type="text"] { width: 71%; display: block; background: #fff; border: none; padding: 0 5%; line-height: 2.18em; font-size: 3em; float: left; color: #ad0779; font-weight: bold; border-radius: 0; height: 65px; } @media all and (max-width: 39.99em) { .book-search-input input[type="search"], .book-search-input input[type="text"] { font-size: 2em; line-height: 2.7em; height: 54px; } } .book-search-input input[type="search"]::-webkit-input-placeholder, .book-search-input input[type="text"]::-webkit-input-placeholder { color: #ad0779; letter-spacing: -1px; } .book-search-input input[type="search"]:-moz-placeholder, .book-search-input input[type="text"]:-moz-placeholder { color: #ad0779; opacity: 1; letter-spacing: -1px; } .book-search-input input[type="search"]::-moz-placeholder, .book-search-input input[type="text"]::-moz-placeholder { color: #ad0779; opacity: 1; letter-spacing: -1px; } .book-search-input input[type="search"]:-ms-input-placeholder, .book-search-input input[type="text"]:-ms-input-placeholder { color: #ad0779; letter-spacing: -1px; } .book-search-input input[type="search"]::input-placeholder, .book-search-input input[type="text"]::input-placeholder { color: #ad0779; letter-spacing: -1px; } .book-search-input .book-search-submit { width: 16.5%; background: #fff; position: relative; height: 65px; float: right; text-align: center; line-height: 50px; } .book-search-input .book-search-submit:hover { background-color: #D4D4D4; } .book-search-input .book-search-submit:before { font-family: "icons"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e607"; color: #ad0779; font-size: 40px; margin-top: 13px; } @media all and (max-width: 39.99em) { .book-search-input .book-search-submit { height: 54px; line-height: 50px; } .book-search-input .book-search-submit:before { font-size: 30px; line-height: 40px; margin-top: 5px; } } .book-search-input .book-search-submit input[type="submit"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; border: none; height: 100%; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; line-height: 999px; overflow: hidden; font-size: 0; color: transparent; text-transform: capitalize; } .lt-ie9 .book-search-input .book-search-submit:before { display: none; } .lt-ie9 .book-search-input .book-search-submit input[type="submit"] { filter: none; background-color: #fff; background-image: url("../images/sprite.png"); background-position: center -185px; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .modern .lt-ie9 .book-search-input .book-search-submit input[type="submit"] { background-image: url("../images/sprite-x-2.png"); background-size: 100px auto; background-repeat: no-repeat; } } .lt-ie9 .book-search-input .book-search-submit input[type="submit"]:hover { background-color: #D4D4D4; } .book-search-list { background: url(../images/pre-loader.gif) center center no-repeat #fff; padding: 15px 3%; margin: 0 10px 0 14px; height: 490px; } @media all and (max-width: 39.99em) { .book-search-list { height: 900px; } } .book-search-list ul { height: 490px; padding: 0; padding-right: 25px; margin: 0; overflow: auto; background-color: #fff; } .book-search-list ul::-webkit-scrollbar { width: 10px; background-color: #F4F4F3; } .book-search-list ul::-webkit-scrollbar-button { display: none; } .book-search-list ul::-webkit-scrollbar-thumb { background-color: #7D7A75; } @media all and (max-width: 39.99em) { .book-search-list ul { padding-right: 10px; height: 900px; } } .book-search-list ul li { border-top: 1px solid #dedede; float: none; width: auto; height: auto; position: static; margin: 0; padding: 0; } .book-search-list ul li:first-child { border: none; } .book-search-list ul li:first-child a { padding-top: 0; } .book-search-list ul li:last-child a { padding-bottom: 0; } .book-search-list a { color: #212a7b; display: block; padding: 7px 0; line-height: 1.5em; } #content .column.halves { float: left; width: 47.5%; margin-bottom: 1em; } #content .column.halves + .halves { float: right; } #content .column.halves + .halves + * { clear: both; } @media all and (max-width: 39.99em) { #content .column.halves { width: 100%; margin-bottom: 0; } #content .column.halves + .halves { margin-bottom: 1em; } #content .column.halves img { width: auto; display: block; margin: 0 auto; } } @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* Don't show links for images, or javascript/internal links */ a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } #headerTop, #headerBottom, #secondaryNav, #rhsBar, footer, #share, #backToTop, .book-layer.top, .book-layer.middle, .overlay-controls, .book-layer.middle, .book-layer.top, #book-of-life-search, .book-nav { display: none; } .book-layer.bottom, .book-of-life #secondaryNav, .book-overlays.open { display: block; } .faq-answer { display: block !important; } #bookOfLife.open .book-layer.bottom, #bookOfLife.open .book-layer.middle, #bookOfLife.open .book-layer.top { display: none; } #bookOfLife.open .overlay-article { height: auto; overflow: visible; } #bookOfLife.open .book-overlays { position: static; } #bookOfLife.open a:after { content: '' !important; } #main, #content { width: 100% !important; } .book-layer, .book-inner-overlay > div { position: static; } } /*# sourceMappingURL=main.css.map */