Skip to content

Instantly share code, notes, and snippets.

@jarednova
Created February 3, 2015 00:11
Show Gist options
  • Save jarednova/ccdb31ca78e2f65f1690 to your computer and use it in GitHub Desktop.
Save jarednova/ccdb31ca78e2f65f1690 to your computer and use it in GitHub Desktop.
* {
box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
img {
line-height: 0;
vertical-align: middle;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
body {
font: 13px/1.231 sans-serif;
*font-size: small;
/*text-rendering: optimizeLegibility;*/
/* this causes problems in Chrome for Windows and on iOS */
-webkit-overflow-scrolling: touch;
}
select, input, textarea, button {
font: 99% sans-serif;
}
pre, code, kbd, samp {
font-family: monospace, sans-serif;
}
body, select, input, textarea {
color: #444;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
html {
overflow-y: scroll;
}
a:hover, a:active {
outline: none;
}
ul, ol {
list-style: none;
}
ol {
list-style-type: decimal;
}
nav ul, nav li {
margin: 0;
}
small {
font-size: 85%;
}
strong, th {
font-weight: bold;
}
td, td img {
vertical-align: top;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
pre {
padding: 15px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
textarea {
overflow: auto;
}
.ie6 legend, .ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label, input[type=button], input[type=submit], button {
cursor: pointer;
}
button, input, select, textarea {
margin: 0;
}
input:invalid, textarea:invalid {
border-radius: 1px;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
::-moz-selection {
background: #1d78af;
color: #FFF;
text-shadow: none;
}
::selection {
background: #1d78af;
color: #FFF;
text-shadow: none;
}
a:link {
-webkit-tap-highlight-color: #1d78af;
}
button {
width: auto;
overflow: visible;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.a11y-only {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.ui-block:last-child,
.ui-block.last {
margin-right: 0;
}
.article-textWidth h1,
.h1 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 34px;
font-weight: 500;
font-style: normal;
text-align: center;
position: relative;
margin-bottom: 40px;
padding: 0 10px 0;
}
@media (min-width: 500px) {
.article-textWidth h1,
.h1 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 44px;
font-weight: 100;
font-style: normal;
padding: 0 40px 10px;
}
.article-textWidth h1:before,
.h1:before {
content: " ";
display: block;
position: absolute;
bottom: 5px;
left: 50%;
margin-left: -170px;
width: 340px;
border-bottom: 1px solid #BE9954;
}
.article-textWidth h1:after,
.h1:after {
content: " ";
display: block;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -150px;
width: 300px;
border-bottom: 1px solid #BE9954;
}
}
.article-textWidth h2,
.h2 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 26px;
font-weight: 100;
font-style: italic;
text-align: center;
margin-bottom: 35px;
}
.article-textWidth h3,
.h3 {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
position: relative;
padding-bottom: 10px;
}
.article-textWidth h3:after,
.h3:after {
content: " ";
display: block;
position: absolute;
right: 45%;
bottom: 0;
left: 45%;
border-bottom: 1px solid #BE9954;
}
.article-textWidth h4,
.article-textWidth h5,
.article-textWidth h6,
.h4 {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}
.article-textWidth h1, .article-textWidth .h1, .article-textWidth h2, .article-textWidth .h2, .article-textWidth h3, .article-textWidth .h3, .article-textWidth h4, .article-textWidth .h4, .article-textWidth h5, .article-textWidth .h5, .article-textWidth h6, .article-textWidth .h6 {
clear: both;
}
p + h1, p + .h1, p + h2, p + .h2, p + h3, p + .h3, p + h4, p + .h4, p + h5, p + .h5, p + h6, p + .h6 {
margin-top: 40px;
}
.article-textWidth > .bodyText--intro,
.article-textWidth > .bodyText--big,
.bodyText--intro,
.bodyText--big {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 21px;
font-weight: 100;
font-style: normal;
line-height: 140%;
text-align: center;
margin: 0 auto 30px;
max-width: 600px;
}
@media (min-width: 600px) {
.article-textWidth > .bodyText--intro,
.article-textWidth > .bodyText--big,
.bodyText--intro,
.bodyText--big {
font-size: 24px;
}
}
.article-textWidth > .bodyText--intro,
.bodyText--intro {
padding-bottom: 30px;
position: relative;
}
.article-textWidth > .bodyText--intro:after,
.bodyText--intro:after {
content: " ";
display: block;
position: absolute;
bottom: -5px;
left: 50%;
width: 36px;
height: 10px;
margin-left: -18px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/ellipsis.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/ellipsis.svg), none;
}
.no-svg .article-textWidth > .bodyText--intro:after, .no-svg
.bodyText--intro:after {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/ellipsis.png);
}
.bodyText,
.bodyText p,
.article-textWidth p {
max-width: 530px;
font-family: Georgia, Times, serif;
font-size: 17px;
font-weight: 400;
font-style: normal;
line-height: 170%;
margin: 0 auto 25px;
}
.bodyText > a,
.bodyText p > a,
.article-textWidth p > a {
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.bodyText > a:hover,
.bodyText p > a:hover,
.article-textWidth p > a:hover {
color: #BE9954;
border-color: #BE9954;
}
.bodyText > b,
.bodyText p > b,
.article-textWidth p > b {
font-weight: 500;
}
.bodyText > i,
.bodyText p > i,
.article-textWidth p > i {
font-style: italic;
}
@media (min-width: 600px) {
.bodyText,
.bodyText p,
.article-textWidth p {
font-size: 18px;
}
}
.blockquote,
blockquote {
padding-left: 30px;
border-left: 3px solid #BE9954;
max-width: 530px;
margin: 0 auto;
color: #777;
}
.article-textWidth address {
max-width: 530px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 150%;
text-align: center;
margin: 0 auto 25px;
}
.article-textWidth address > a {
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.article-textWidth address > a:hover {
color: #BE9954;
border-color: #BE9954;
}
.article-textWidth address > b {
font-weight: 500;
}
.article-textWidth address > i {
font-style: italic;
}
@media (min-width: 600px) {
.article-textWidth address {
font-size: 22px;
}
}
.article-textWidth ul,
.article-textWidth ol {
max-width: 530px;
margin: 0 auto 30px;
line-height: 150%;
font-family: Georgia, Times, serif;
font-size: 17px;
font-weight: 400;
font-style: normal;
}
@media (min-width: 600px) {
.article-textWidth ul,
.article-textWidth ol {
font-size: 18px;
}
}
.article-textWidth ul > li,
.article-textWidth ol > li {
margin-bottom: 5px;
}
.article-textWidth ul > ul,
.article-textWidth ol > ul {
font-size: 18px;
margin-bottom: 5px;
margin-left: 30px;
}
.article-textWidth ul a,
.article-textWidth ol a {
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.article-textWidth ul a:hover,
.article-textWidth ol a:hover {
color: #BE9954;
border-color: #BE9954;
}
.article-textWidth ul i,
.article-textWidth ol i {
font-style: italic;
}
.article-textWidth ul {
list-style: disc outside;
}
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
background-color: #F7F5ED;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
}
::-moz-selection {
background: #BE9954;
color: #FFF;
text-shadow: none;
}
::selection {
background: #BE9954;
color: #FFF;
text-shadow: none;
}
select::-ms-expand {
display: none;
}
a:link {
-webkit-tap-highlight-color: #BE9954;
}
a {
text-decoration: none;
color: inherit;
}
a:focus {
outline: 0;
}
button {
border: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
button:focus {
outline: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
i {
font-style: normal;
}
.temp-body {
height: 500px;
display: block;
}
.disable-hover,
.disable-hover * {
pointer-events: none !important;
}
@-ms-viewport {
width: device-width;
}
@-webkit-keyframes nav-anim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes nav-anim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes nav-anim2 {
0% {
opacity: 0;
height: 201px;
}
100% {
opacity: 1;
height: 271px;
}
}
@keyframes nav-anim2 {
0% {
opacity: 0;
height: 201px;
}
100% {
opacity: 1;
height: 271px;
}
}
@-webkit-keyframes nav-anim3 {
0% {
opacity: 0;
height: 167px;
}
100% {
opacity: 1;
height: 237px;
}
}
@keyframes nav-anim3 {
0% {
opacity: 0;
height: 167px;
}
100% {
opacity: 1;
height: 237px;
}
}
.l-pullUp--small {
max-width: 630px;
margin: -50px auto 0px;
padding: 30px 20px;
border-top: 3px solid #BE9954;
background: #ffffff;
}
.l-pullUp--big {
max-width: 860px;
margin: -65px auto 50px;
padding: 10px 20px;
border-top: 3px solid #BE9954;
background: #ffffff;
z-index: 1;
position: relative;
}
@media (min-width: 500px) {
.l-pullUp--big {
padding-top: 50px;
}
}
.siteNav {
background-color: #fff;
position: relative;
padding: 5px 5px 0;
height: 52px;
z-index: 2;
border-top: 2px solid #BE9954;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
@media (min-width: 615px) and (max-width: 799px) {
.siteNav {
padding: 10px 10px 0;
height: 78px;
}
}
@media (min-width: 800px) {
.siteNav {
padding: 10px 20px 0;
height: 100px;
}
}
.nav-inner {
max-width: 960px;
margin: 0 auto;
*zoom: 1;
}
.nav-inner:after {
content: "";
display: table;
clear: both;
}
.nav-logoMod {
position: relative;
float: left;
width: 175px;
text-align: left;
}
@media (min-width: 615px) and (max-width: 799px) {
.nav-logoMod {
height: 63px;
width: 125px;
text-align: center;
margin-top: -5px;
}
}
@media (min-width: 800px) {
.nav-logoMod {
height: 75px;
width: 146px;
text-align: center;
}
}
.nav-imgMod {
text-align: left;
background: #ffffff;
position: relative;
z-index: 1;
float: left;
width: 57px;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 615px) {
.nav-imgMod {
width: auto;
float: none;
text-align: center;
margin: 0 auto;
}
}
.nav-logo {
height: 41px;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
@media (min-width: 615px) and (max-width: 799px) {
.nav-logo {
width: 91px;
height: auto;
}
}
@media (min-width: 800px) {
.nav-logo {
width: 105px;
height: auto;
}
}
@media (min-width: 615px) and (max-width: 799px) {
.logo-small .nav-logo, .nav-logoMod:hover .nav-logo {
width: 63px;
}
}
@media (min-width: 800px) {
.logo-small .nav-logo, .nav-logoMod:hover .nav-logo {
width: 76px;
}
}
.no-inlinesvg .inlinesvg {
display: none;
}
.inlinesvg--fallback {
display: none;
}
.no-inlinesvg .inlinesvg--fallback {
display: inline-block;
}
.nav-logoText {
color: #23231E;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 19px;
font-weight: 400;
font-style: normal;
line-height: 76%;
opacity: 0;
float: left;
width: 107px;
margin: 3px 0 0 9px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media (max-width: 614px) {
.nav-logoText {
line-height: .9em;
}
}
@media (min-width: 615px) {
.nav-logoText {
float: none;
width: auto;
margin: 5px -7px 0;
position: absolute;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
}
@media (min-width: 615px) and (max-width: 799px) {
.nav-logoText {
font-size: 18px;
}
}
@media (min-width: 800px) {
.nav-logoText {
font-size: 23px;
}
}
.lt-ie9 .nav-logoText {
display: none;
}
.logo-small .nav-logoText, .nav-open .nav-logoText, .nav-logoMod:hover .nav-logoText {
opacity: .8;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .15s;
transition-delay: .15s;
display: block;
}
.nav-mobileTrigger {
position: relative;
z-index: 1;
display: block;
height: 45px;
width: 80px;
float: right;
color: #23231E;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 0 5px;
}
@media (min-width: 615px) {
.nav-mobileTrigger {
display: none;
}
}
.nav-listsMod {
position: absolute;
width: 50%;
min-height: 50px;
right: 0;
}
@media (max-width: 614px) {
.nav-listsMod {
margin-top: 45px;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 0;
opacity: 0;
overflow: hidden;
}
.nav-open .nav-listsMod {
height: 400px;
opacity: 1;
}
}
@media (min-width: 615px) {
.nav-listsMod {
position: static;
float: none;
width: auto;
height: auto;
background-color: inherit;
}
}
/*
In order to open to mobile nav with the proper animation, we need to know the height that
we are animating to. To do that, we need to know how many genres we have. We are using twig
to assign an extra class to .nav-listsMod that indicates the number of genres.
The following for loop gives writes the css for between 1 and 20 genres. If you need more,
just increase 20 to the new genre count.
*/
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--1 {
height: 458px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--1 .nav-subnavMod.nav-subnavMod--genre {
height: 58px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--2 {
height: 496px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--2 .nav-subnavMod.nav-subnavMod--genre {
height: 96px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--3 {
height: 534px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--3 .nav-subnavMod.nav-subnavMod--genre {
height: 134px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--4 {
height: 572px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--4 .nav-subnavMod.nav-subnavMod--genre {
height: 172px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--5 {
height: 610px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--5 .nav-subnavMod.nav-subnavMod--genre {
height: 210px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--6 {
height: 648px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--6 .nav-subnavMod.nav-subnavMod--genre {
height: 248px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--7 {
height: 686px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--7 .nav-subnavMod.nav-subnavMod--genre {
height: 286px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--8 {
height: 724px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--8 .nav-subnavMod.nav-subnavMod--genre {
height: 324px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--9 {
height: 762px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--9 .nav-subnavMod.nav-subnavMod--genre {
height: 362px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--10 {
height: 800px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--10 .nav-subnavMod.nav-subnavMod--genre {
height: 400px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--11 {
height: 838px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--11 .nav-subnavMod.nav-subnavMod--genre {
height: 438px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--12 {
height: 876px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--12 .nav-subnavMod.nav-subnavMod--genre {
height: 476px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--13 {
height: 914px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--13 .nav-subnavMod.nav-subnavMod--genre {
height: 514px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--14 {
height: 952px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--14 .nav-subnavMod.nav-subnavMod--genre {
height: 552px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--15 {
height: 990px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--15 .nav-subnavMod.nav-subnavMod--genre {
height: 590px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--16 {
height: 1028px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--16 .nav-subnavMod.nav-subnavMod--genre {
height: 628px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--17 {
height: 1066px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--17 .nav-subnavMod.nav-subnavMod--genre {
height: 666px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--18 {
height: 1104px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--18 .nav-subnavMod.nav-subnavMod--genre {
height: 704px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--19 {
height: 1142px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--19 .nav-subnavMod.nav-subnavMod--genre {
height: 742px;
}
}
@media (max-width: 614px) {
.nav-open .genreList-isOpen .subnavList-count--20 {
height: 1180px;
}
}
@media (max-width: 614px) {
.genreList-isOpen .subnavList-count--20 .nav-subnavMod.nav-subnavMod--genre {
height: 780px;
}
}
.nav-primaryNav {
display: block;
background: #23231E;
}
@media (min-width: 615px) {
.nav-primaryNav {
background-color: inherit;
display: block;
width: auto;
margin-left: auto;
margin-top: 35px;
text-align: right;
float: right;
position: static;
}
.nav-primaryNav:first-child {
margin-left: 0;
}
}
@media (min-width: 800px) {
.nav-primaryNav {
margin-top: 55px;
}
}
.bodyContent {
clear: both;
position: relative;
overflow: hidden;
}
.lt-ie10 .bodyContent:after {
display: none;
}
@media (max-width: 614px) {
.gt-ie9 .bodyContent:after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: #000;
opacity: 0;
z-index: 1;
pointer-events: none;
}
.nav-open .gt-ie9 .bodyContent:after {
bottom: 0;
}
.nav-open .gt-ie9 .bodyContent a, .nav-open .gt-ie9 .bodyContent button {
pointer-events: none;
}
}
.nav-primaryNavItem {
display: block;
padding: 20px 0;
color: #fff;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
}
@media (min-width: 615px) {
.nav-primaryNavItem {
padding: 5px 0 10px;
float: left;
font-size: 13px;
letter-spacing: 1px;
color: #222;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-primaryNavItem:hover {
color: #BE9954;
}
}
@media (min-width: 800px) {
.nav-primaryNavItem {
font-size: 15px;
}
}
.nav-primaryNavlink {
padding-left: 20px;
position: relative;
}
@media (min-width: 615px) {
.nav-primaryNavlink {
padding: 0px 0 15px 25px;
}
}
.nav-subnavMod {
padding: 0px 0px 2px;
background: #23231E;
width: 100%;
text-align: left;
}
@media (min-width: 615px) {
.nav-subnavMod {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
}
}
.nav-subnavMod.nav-subnavMod--genre {
overflow: hidden;
}
@media (max-width: 614px) {
.nav-subnavMod.nav-subnavMod--genre {
height: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 0 0 0 20px;
margin: 0;
background-color: #32322D;
opacity: 0;
}
.genreList-isOpen .nav-subnavMod.nav-subnavMod--genre {
opacity: 1;
padding: 10px 0 10px 20px;
margin-top: 20px;
}
}
@media (min-width: 615px) {
.nav-subnavMod.nav-subnavMod--genre {
display: none;
}
.nav-subnavTrigger:hover .nav-subnavMod.nav-subnavMod--genre {
display: block;
}
}
.nav-subnavTrigger--genre {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.genreList-isOpen .nav-subnavTrigger--genre {
padding-bottom: 0;
}
@media (min-width: 615px) {
.nav-subnavTrigger--genre {
position: static;
}
}
.nav-genreTrigger {
position: absolute;
top: -2px;
right: 0;
width: 57px;
height: 57px;
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/x--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/x--white.svg), none;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.no-svg .nav-genreTrigger {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/x--white.png);
}
.genreList-isOpen .nav-genreTrigger {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
@media (min-width: 615px) {
.nav-genreTrigger {
display: none;
}
}
.nav-subnavMod.nav-subnavMod--bookgroup {
display: none;
overflow: hidden;
text-align: center;
}
@media (min-width: 800px) {
.megaMenuPossible .nav-subnavTrigger:hover .nav-subnavMod.nav-subnavMod--bookgroup {
display: block;
}
}
.nav-subnavWidth {
*zoom: 1;
}
.nav-subnavWidth:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 615px) {
.nav-subnavWidth {
max-width: 980px;
padding: 25px 10px 15px;
margin: 0 auto;
}
}
.nav-recommendedBooks {
float: left;
width: 30%;
margin-right: 5%;
display: none;
}
@media (min-width: 800px) {
.gt-ie8 .nav-recommendedBooks {
display: block;
}
}
.nav-bookGroup--ourBooks {
display: block;
margin-top: 10px;
*zoom: 1;
}
.nav-bookGroup--ourBooks:after {
content: "";
display: table;
clear: both;
}
.nav-bookMod--ourBooks {
position: relative;
width: 48%;
text-align: center;
display: block;
text-align: center;
}
.nav-bookMod--ourBooks:first-child {
float: left;
}
.nav-bookMod--ourBooks:last-child {
float: right;
}
.nav-bookMod--ourBooks:after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #23231E;
opacity: 0;
}
.nav-book--ourBooks {
max-width: 100%;
max-height: 180px;
}
@media (min-width: 800px) {
.gt-ie8 .nav-genreWidth {
width: 65%;
float: right;
}
}
.nav-subnavOverline {
display: none;
}
@media (min-width: 615px) {
.nav-subnavOverline {
font-size: 14px;
letter-spacing: 1px;
padding-left: 8px;
padding-bottom: 2px;
margin-bottom: 4px;
border-bottom: solid 1px #666;
pointer-events: none;
color: #fff;
display: block;
}
}
.nav-subnavItem {
text-transform: none;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: 0px;
}
@media (min-width: 615px) {
.nav-subnavItem {
font-size: 17px;
}
}
@media (min-width: 615px) {
.nav-subnavList {
margin-left: -10px;
*zoom: 1;
margin-bottom: 10px;
}
.nav-subnavList:after {
content: "";
display: table;
clear: both;
}
.nav-subnavList > .nav-subnavItem {
float: left;
padding-left: 10px;
width: 50%;
}
.nav-subnavList > .nav-subnavItem:nth-of-type(2n+3) {
clear: left;
}
.nav-subnavList > .nav-subnavItem.n3 {
clear: left;
}
}
.nav-subnavLink {
display: block;
padding: 10px 0;
position: relative;
color: #fff;
}
.nav-subnavLink:hover {
text-decoration: underline;
}
@media (min-width: 615px) {
.nav-subnavLink {
padding: 5px 2px 5px 8px;
}
}
.nav-megaBtn {
display: none;
}
@media (min-width: 615px) {
.nav-megaBtn {
display: block;
background-color: #32322D;
font-size: 14px;
text-align: center;
color: #fff;
margin: 0 auto;
padding: 10px 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-megaBtn:hover {
background-color: #3c3c37;
}
}
.nav-bookGroup {
text-align: center;
display: inline-block;
margin: 10px;
padding: 0;
}
.nav-bookMod {
padding: 0 15px;
}
.nav-book {
height: 180px;
}
.nav-secondaryNav {
display: none;
background: #23231E;
border-top: 1px solid #32322D;
}
.nav-open .nav-secondaryNav {
display: block;
}
@media (min-width: 615px) {
.nav-secondaryNav {
border-top: 0px;
position: absolute;
top: 10px;
right: 0px;
display: block;
width: auto;
margin-left: auto;
text-align: right;
background-color: inherit;
float: right;
}
}
@media (min-width: 1000px) {
.nav-secondaryNav {
right: 50%;
margin-right: -495px;
}
}
.nav-secondaryNavItem {
padding: 20px 0;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
color: #fff;
}
@media (min-width: 615px) {
.nav-secondaryNavItem {
opacity: .8;
margin: 0 5px;
text-transform: none;
letter-spacing: 0px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #222;
display: inline-block;
position: relative;
padding: 0;
}
.nav-secondaryNavItem:after {
content: " ";
display: block;
position: absolute;
right: 30px;
bottom: 1px;
left: 30px;
border-bottom: solid 1px #BE9954;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
}
.nav-secondaryNavItem:hover:after {
position: absolute;
right: -5px;
left: -5px;
opacity: 1;
}
.lt-ie9 .nav-secondaryNavItem:after {
display: none;
}
.lt-ie9 .nav-secondaryNavItem:hover {
text-decoration: underline;
}
.nav-secondaryNavItem:hover:after {
right: 10px;
left: 10px;
}
}
.nav-secondaryNavLink {
position: relative;
z-index: 1;
padding-left: 20px;
}
@media (min-width: 615px) {
.nav-secondaryNavLink {
padding: 0 15px 15px 15px;
text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff;
}
}
@media (min-width: 800px) {
.megaMenuPossible .nav-subnavMod--genre {
height: 220px;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
pointer-events: none;
}
.megaMenuPossible .nav-active .nav-subnavMod--genre {
height: 293px;
opacity: 1;
pointer-events: auto;
}
.megaMenuPossible .nav-subnavMod--bookgroup {
height: 168px;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
pointer-events: none;
}
.megaMenuPossible .nav-active .nav-subnavMod--bookgroup {
height: 239px;
opacity: 1;
pointer-events: auto;
}
.megaMenuPossible .bodyContent {
z-index: 1;
position: relative;
opacity: 1;
}
}
@media (min-width: 800px) and (min-width: 800px) {
.megaMenuPossible .bodyContent:after {
z-index: 1;
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
pointer-events: none;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
}
@media (min-width: 800px) and (min-width: 800px) {
.megaMenuPossible .nav-active .bodyContent:after {
opacity: .8;
bottom: 0;
}
}
@media (min-width: 800px) {
.megaMenuPossible .nav-recommendedBooks, .megaMenuPossible .nav-genreWidth {
display: block;
opacity: 0;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.megaMenuPossible .nav-active .nav-recommendedBooks,
.megaMenuPossible .nav-active .nav-genreWidth {
opacity: 1;
}
.megaMenuPossible .nav-bookMod {
padding: 0 15px;
opacity: 0;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.megaMenuPossible .nav-bookMod:nth-child(1), .megaMenuPossible .nav-bookMod:nth-child(5) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.megaMenuPossible .nav-bookMod:nth-child(2), .megaMenuPossible .nav-bookMod:nth-child(4) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.megaMenuPossible .nav-bookMod:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.megaMenuPossible .nav-bookMod:nth-child(1) {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.megaMenuPossible .nav-bookMod:nth-child(2) {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.megaMenuPossible .nav-bookMod:nth-child(4) {
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
}
.megaMenuPossible .nav-bookMod:nth-child(5) {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
.megaMenuPossible .nav-active .nav-bookMod {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.megaMenuPossible .nav-bookMod {
position: relative;
display: inline-block;
}
.megaMenuPossible .nav-bookMod:after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #23231E;
opacity: 0;
}
.megaMenuPossible .nav-bookGroup--ourBooks:hover .nav-bookMod--ourBooks:after, .megaMenuPossible .nav-bookGroup--ourBooks:hover .nav-bookMod:after, .megaMenuPossible .nav-bookGroup:hover .nav-bookMod--ourBooks:after, .megaMenuPossible .nav-bookGroup:hover .nav-bookMod:after {
opacity: .5;
}
.megaMenuPossible .nav-bookGroup--ourBooks:hover .nav-bookMod--ourBooks:hover .nav-book--ourBooks, .megaMenuPossible .nav-bookGroup--ourBooks:hover .nav-bookMod--ourBooks:hover .nav-book, .megaMenuPossible .nav-bookGroup--ourBooks:hover .nav-bookMod:hover .nav-book--ourBooks, .megaMenuPossible .nav-bookGroup--ourBooks:hover .nav-bookMod:hover .nav-book, .megaMenuPossible .nav-bookGroup:hover .nav-bookMod--ourBooks:hover .nav-book--ourBooks, .megaMenuPossible .nav-bookGroup:hover .nav-bookMod--ourBooks:hover .nav-book, .megaMenuPossible .nav-bookGroup:hover .nav-bookMod:hover .nav-book--ourBooks, .megaMenuPossible .nav-bookGroup:hover .nav-bookMod:hover .nav-book {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.megaMenuPossible .nav-bookGroup--ourBooks:hover .nav-bookMod--ourBooks:hover:after, .megaMenuPossible .nav-bookGroup--ourBooks:hover .nav-bookMod:hover:after, .megaMenuPossible .nav-bookGroup:hover .nav-bookMod--ourBooks:hover:after, .megaMenuPossible .nav-bookGroup:hover .nav-bookMod:hover:after {
opacity: 0;
}
}
.footer {
position: relative;
background-color: #23231E;
color: #fff;
}
.footer-width {
max-width: 980px;
margin: 0 auto;
padding: 20px 10px;
}
@media (min-width: 800px) {
.footer-width {
padding: 40px 20px;
}
}
.footer-logo {
width: 260px;
}
.footer-section {
display: block;
margin-bottom: 45px;
}
.footer-overline {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
padding-bottom: 3px;
margin-bottom: 5px;
border-bottom: solid 1px rgba(255, 255, 255, 0.4);
width: 100%;
}
@media (min-width: 800px) {
.footer-section--about {
width: 60%;
margin-right: 5%;
float: left;
}
}
.footer-aboutText {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 160%;
}
.footer-coperateText {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
margin-top: 20px;
}
.footer-aboutItem {
display: inline-block;
position: relative;
}
.footer-aboutItem:after {
content: "|";
margin: 0 5px;
}
.footer-aboutItem:last-child:after {
display: none;
}
.footer-aboutLink:hover {
text-decoration: underline;
}
.footer-section--logo {
display: block;
width: 60%;
margin-right: 5%;
float: left;
}
@media (min-width: 600px) and (max-width: 799px) {
.footer-section--resources {
float: left;
width: 48%;
margin-right: 4%;
}
}
@media (min-width: 800px) {
.footer-section--resources {
width: 35%;
float: right;
}
}
.footer-resourcesItem {
padding: 2px 0;
}
.footer-resourcesLink {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
display: inline-block;
border-bottom: dotted 1px rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.footer-resourcesLink:hover {
color: #BE9954;
border-color: #BE9954;
}
.footer-resourcesItem {
margin-bottom: 5px;
}
@media (min-width: 600px) and (max-width: 799px) {
.footer-section--social {
float: right;
width: 48%;
}
}
@media (min-width: 800px) {
.footer-section--social {
width: 35%;
float: right;
clear: both;
}
}
.footer-socItem {
display: inline-block;
margin-right: 15px;
}
.footer-socLink {
display: block;
width: 20px;
height: 20px;
background-size: 100%;
background-position: 50% 50%;
background-repeat: none;
margin-top: 5px;
}
.footer-socLink--facebook {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.svg), none;
}
.no-svg .footer-socLink--facebook {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
}
.footer-socLink--facebook:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.svg), none;
}
.no-svg .footer-socLink--facebook:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
}
.footer-socLink--twitter {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.svg), none;
}
.no-svg .footer-socLink--twitter {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
}
.footer-socLink--twitter:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.svg), none;
}
.no-svg .footer-socLink--twitter:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
}
.footer-socLink--pinterest {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.svg), none;
}
.no-svg .footer-socLink--pinterest {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
}
.footer-socLink--pinterest:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.svg), none;
}
.no-svg .footer-socLink--pinterest:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
}
.footer-socLink--instagram {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--white.svg), none;
}
.no-svg .footer-socLink--instagram {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--white.png);
}
.footer-socLink--instagram:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--gold.svg), none;
}
.no-svg .footer-socLink--instagram:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--gold.png);
}
.footer-copyright {
display: block;
clear: both;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
}
.footerEmailMod {
text-align: center;
}
.footerEmailMod .emailSignupMod {
background-color: #32322D;
}
.emailMod--big {
background-color: #32322D;
color: #fff;
position: relative;
}
.email-formH {
text-align: center;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 20px;
font-weight: 400;
font-style: italic;
margin-bottom: 19px;
}
@media (min-width: 700px) and (max-width: 899px) {
.emailMod--big .email-formH {
font-size: 26px;
}
}
@media (min-width: 900px) {
.emailMod--big .email-formH {
font-size: 32px;
}
}
.email-openEmailBtn {
border: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
height: 34px;
line-height: 33px;
padding: 0 30px;
border-radius: 17px;
border: 1px solid #BE9954;
color: #BE9954;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.email-openEmailBtn:focus {
outline: 0;
}
@media (min-width: 600px) {
.email-openEmailBtn {
display: none;
}
}
.is-expanded .email-openEmailBtn {
display: none;
}
.email-openEmailBtn:hover {
color: #ffffff;
background: #BE9954;
}
.email-formHSelect--mod {
position: relative;
display: inline-block;
}
.email-formHSelect {
border: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
padding: 0 10px;
font-family: inherit;
font-style: inherit;
vertical-align: bottom;
display: none;
border-bottom: 1px dotted #BE9954;
background-color: #32322D;
color: #BE9954;
}
.email-formHSelect:focus {
outline: 0;
}
.is-expanded .email-formHSelect {
display: inline;
}
@media (min-width: 600px) {
.email-formHSelect {
display: inline-block;
}
}
.js.gt-ie9 .email-formHSelect {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
width: 100%;
font-size: 16px;
}
.email-formHSelect--visible {
display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.gt-ie9.js .email-formHSelect {
position: relative;
opacity: 100;
font-size: 30px;
}
.gt-ie9.js .email-formHSelect::-ms-expand {
display: block;
}
}
.js .email-formHSelect--visible {
border-bottom: 1px dotted #BE9954;
color: #BE9954;
padding-right: 20px;
padding-left: 5px;
display: none;
}
.js .email-formHSelect--visible:after {
content: " ";
display: block;
position: absolute;
right: 5px;
bottom: 9px;
-ms-transform: rotate(0.1deg);
-webkit-transform: rotate(0.1deg);
transform: rotate(0.1deg);
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #BE9954;
}
@media (min-width: 900px) {
.js .email-formHSelect--visible {
padding-right: 30px;
}
.js .email-formHSelect--visible:after {
bottom: 14px;
right: 9px;
border-width: 5px;
}
}
@media (min-width: 600px) {
.js .email-formHSelect--visible {
display: inline-block;
}
}
@media screen and (min-width: 600px) and (-ms-high-contrast: active), (min-width: 600px) and (-ms-high-contrast: none) {
.js .email-formHSelect--visible {
display: none;
}
}
.js.lt-ie10 .email-formHSelect--visible {
display: none;
}
.js .is-expanded .email-formHSelect--visible {
display: inline-block;
}
.email-bookTitle {
font-weight: 500;
}
.emailSignup {
height: 40px;
margin: 0 auto 20px;
position: relative;
display: none;
-webkit-transition: width 0.3s ease, background-color 0.3s ease, border 0.1s ease, color 0.3s ease;
transition: width 0.3s ease, background-color 0.3s ease, border 0.1s ease, color 0.3s ease;
border: 1px solid #AEADAB;
border-radius: 20px;
width: 100%;
color: rgba(255, 255, 255, 0);
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 41px;
}
.is-expanded .emailSignup {
display: block;
}
@media (min-width: 600px) {
.emailSignup {
display: block;
}
}
@media (min-width: 800px) {
.emailMod--big .emailSignup {
height: 50px;
border-radius: 25px;
}
}
.emailMod--big .emailSignup:after {
background-color: #32322D;
}
.emailSignup:after {
content: " ";
display: block;
position: absolute;
bottom: 100%;
left: 50%;
background-color: #F7F5ED;
width: 10px;
height: 10px;
margin-bottom: -5px;
margin-left: -5px;
opacity: 0;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.emailSignup-inputMod {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.form-submitted.emailSignup {
width: 40px;
border-radius: 20px;
border: 2px solid #BE9954;
-webkit-animation: rotate 1s infinite linear;
animation: rotate 1s infinite linear;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
@media (min-width: 800px) {
.emailMod--big .form-submitted.emailSignup {
width: 50px;
border-radius: 25px;
}
}
.emailMod--big .form-submitted.emailSignup:after {
background-color: #32322D;
}
.form-submitted .emailSignup-inputMod {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
border: 0px;
}
.no-csstransitions .form-submitted .emailSignup-inputMod {
display: none;
}
.form-submitted.emailSignup:after {
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.form-denied,
.form-confirmed {
color: #fff;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 700;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 41px;
}
.form-denied.emailSignup,
.form-confirmed.emailSignup {
border-radius: 20px;
border: 0px solid #BE9954;
}
.form-denied.emailSignup:after,
.form-confirmed.emailSignup:after {
opacity: 0;
}
.form-denied .emailSignup-inputMod,
.form-confirmed .emailSignup-inputMod {
opacity: 0;
border: 0px;
}
.no-csstransitions .form-denied .emailSignup-inputMod, .no-csstransitions
.form-confirmed .emailSignup-inputMod {
display: none;
}
@media (min-width: 800px) {
.emailMod--big .form-denied, .emailMod--big
.form-confirmed {
line-height: 51px;
border-radius: 25px;
}
}
.form-confirmed.emailSignup {
background-color: #BE9954;
width: 150px;
}
.form-denied.emailSignup {
background-color: #D02630;
width: 320px;
}
.email-confirmation {
white-space: nowrap;
}
.emailSignup-input {
border: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
position: absolute;
top: -1px;
right: 0;
bottom: 0;
left: -1px;
width: 100%;
padding: 0 62px 0 15px;
input-placeholder: #AEADAB;
color: #32322D;
border: 1px solid #AEADAB;
border-radius: 20px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #fff;
height: 40px;
opacity: 1;
}
.emailSignup-input:focus {
outline: 0;
}
@media (min-width: 450px) {
.emailSignup-input {
padding: 0 100px 0 20px;
}
}
.emailMod--big .emailSignup-input {
color: #fff;
border-color: #AEADAB;
background: #23231E;
}
@media (min-width: 800px) {
.emailMod--big .emailSignup-input {
height: 50px;
padding: 0 150px 0 30px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 21px;
font-weight: 400;
font-style: normal;
border-radius: 25px;
}
}
.emailSignup-input:focus + .emailSignup-submitBtn {
background-color: #BE9954;
border-color: #BE9954;
color: #ffffff;
}
.emailMod--big .emailSignup-input:focus + .emailSignup-submitBtn {
background-color: #40403b;
border-color: #AEADAB;
}
.emailSignupMod {
margin: 0 auto;
padding: 40px 10px 30px;
max-width: 560px;
text-align: center;
border-top: 1px solid #ddd;
clear: both;
}
.emailMod--big .emailSignupMod {
border-top: 0px;
max-width: 900px;
}
@media (min-width: 800px) {
.emailMod--big .emailSignupMod {
padding: 40px 10px 50px;
}
}
.emailSignup-submitBtn {
border: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
padding: 0 17px;
background-color: #F7F5ED;
border-radius: 0 25px 25px 0;
color: #666;
border: 1px solid #AEADAB;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.emailSignup-submitBtn:focus {
outline: 0;
}
@media (max-width: 449px) {
.emailSignup-submitBtn {
background-color: #BE9954;
border-color: #BE9954;
width: 50px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/submit--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/submit--white.svg), none;
background-size: 40%;
background-position: 48% 50%;
background-repeat: no-repeat;
}
.no-svg .emailSignup-submitBtn {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/submit--white.png);
}
}
.emailSignup-submitBtn:hover {
color: #fff;
border-color: #BE9954;
background-color: #BE9954;
}
.emailMod--big .emailSignup-submitBtn {
border-color: #AEADAB;
color: #ffffff;
background-color: #32322D;
}
.emailMod--big .emailSignup-submitBtn:hover {
background-color: #40403b;
}
@media (min-width: 800px) {
.emailMod--big .emailSignup-submitBtn {
width: 140px;
font-size: 17px;
color: #ffffff;
border: 1px solid #AEADAB;
}
}
.emailSignup-submitBtnText {
display: none;
}
@media (min-width: 450px) {
.emailSignup-submitBtnText {
display: block;
}
}
.email-disclaimerText {
max-width: 650px;
margin: 0 auto;
text-align: center;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 400;
font-style: italic;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: none;
}
.is-expanded .email-disclaimerText {
display: block;
}
@media (min-width: 600px) {
.email-disclaimerText {
display: block;
}
}
.email-disclaimerExtra {
display: none;
}
@media (min-width: 700px) {
.emailMod--big .email-disclaimerExtra {
display: inline;
}
}
.email-disclaimerLink {
display: inline;
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.email-disclaimerLink:hover {
color: #BE9954;
border-color: #BE9954;
}
.email-responseText {
padding: 10px;
border-radius: 2px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 20px;
max-width: 400px;
margin: auto auto 20px;
}
.email-responseText.success {
background-color: #cfc;
color: #3B924B;
}
.email-responseText.failure {
background-color: #ffcccc;
color: #EB6F7B;
}
.bookCard {
position: relative;
overflow: hidden;
text-align: center;
padding: 0 25px;
}
.bookCard-hgroup {
position: absolute;
right: 0;
bottom: 0;
left: 0;
border-top: 2px solid #BE9954;
background-color: #fff;
padding: 10px 5px;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-transform: translateY(10px);
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.no-touch .bookCard:hover .bookCard-hgroup {
opacity: 1;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.lt-ie9 .bookCard-hgroup {
display: none;
}
.bookCard-title {
padding-bottom: 5px;
display: block;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 1.2em;
font-weight: 500;
font-style: normal;
}
.bookCard-byline {
display: block;
padding-bottom: 5px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 0.7em;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
color: #BE9954;
}
.bookCard-author {
display: block;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 0.8em;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.bookCard-img {
max-width: 100%;
width: auto;
}
.bookPage {
background: #ffffff;
}
.bookPage-contentWidth {
max-width: 1000px;
padding: 20px 0;
margin-left: auto;
margin-right: auto;
}
.bookPage-textWidth--outer {
max-width: 630px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
@media (min-width: 500px) {
.bookPage-textWidth--outer {
margin-bottom: 40px;
}
}
.bookPage-synopsisMod .bookPage-textWidth--outer {
margin-bottom: 0;
}
.bookPage-topperMod {
background: #32322D;
padding: 20px 10px;
}
@media (max-width: 499px) {
.bookPage-topperMod {
*zoom: 1;
}
.bookPage-topperMod:after {
content: "";
display: table;
clear: both;
}
}
@media (min-width: 500px) and (max-width: 899px) {
.bookPage-topperMod {
*zoom: 1;
padding: 0 25px;
}
.bookPage-topperMod:after {
content: "";
display: table;
clear: both;
}
}
@media (min-width: 900px) {
.bookPage-topperMod {
padding: 15px 25px 25px 25px;
}
}
.bookPage-synopsisMod {
padding-top: 30px;
background: #F7F5ED;
}
@media (min-width: 900px) {
.bookPage-synopsisMod .bookPage-contentWidth {
padding-bottom: 0;
}
}
.bookPage-excerptMod {
position: relative;
background: #ffffff;
padding-top: 20px;
}
@media (min-width: 500px) {
.bookPage-excerptMod {
padding-top: 60px;
}
}
.bookPage-bookFooter {
margin-top: 50px;
background: #F7F5ED;
position: relative;
}
@media (min-width: 900px) {
.bookPage-bookFooter {
margin-top: 0;
}
}
.bookPage-synopsisMod + .bookPage-excerptMod {
border-top: 1px solid #e9e9e9;
}
.bookPage-synopsisMod + .bookPage-authorMod {
position: relative;
background: #F7F5ED;
}
.bookPage-excerptMod + .bookPage-authorMod {
position: relative;
background: #ffffff;
}
.sectionMod + .bookPage-authorMod {
position: relative;
background: #ffffff;
}
.sectionMod.color--bg + .bookPage-authorMod {
position: relative;
background: #F7F5ED;
}
.sectionMod.color--bg {
padding-top: 60px;
}
.bookTopper-hgroup {
text-align: left;
color: #ffffff;
max-width: 850px;
margin: 0 auto;
}
@media (min-width: 500px) and (max-width: 899px) {
.bookTopper-hgroup {
margin: 0 auto 0 34%;
}
}
.bookTopper-title {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 28px;
font-weight: 500;
font-style: normal;
margin-bottom: 5px;
line-height: 100%;
}
@media (min-width: 500px) {
.bookTopper-title {
margin-bottom: 10px;
font-weight: 100;
font-size: 62px;
}
}
.bookPage-topperWidth {
margin: 0 auto;
}
@media (min-width: 500px) {
.bookPage-topperWidth {
max-width: 1000px;
padding: 20px 0;
}
}
.bookTopper-subTitle {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
margin-bottom: 10px;
}
@media (min-width: 500px) {
.bookTopper-subTitle {
font-size: 31px;
}
}
.bookTopper-byline {
display: block;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 100;
font-style: italic;
margin-bottom: 10px;
}
@media (min-width: 500px) {
.bookTopper-byline {
font-size: 27px;
margin-bottom: 20px;
}
}
.bookTopper-coverMod {
padding: 3px;
background: #F7F5ED;
width: 45%;
float: left;
margin: 0px 20px 10px 0;
}
@media (min-width: 500px) {
.bookTopper-coverMod {
width: 30%;
margin: 0 30px 15px 0;
padding: 7px;
}
}
@media (min-width: 900px) {
.bookTopper-coverMod {
width: auto;
}
}
.bookTopper-cover {
max-width: 350px;
width: 100%;
}
@media (min-width: 900px) {
.bookTopper-cover {
width: 350px;
}
}
@media (max-width: 349px) {
.bookTopper-buttonMod {
display: block;
clear: left;
text-align: center;
}
}
@media (min-width: 350px) and (max-width: 499px) {
.bookTopper-buttonMod {
overflow: hidden;
}
}
.bookTopper-btn {
height: 30px;
line-height: 29px;
position: relative;
display: inline-block;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
min-width: 100px;
border-radius: 17px;
margin-bottom: 15px;
}
.bookTopper-btn:last-child {
margin-right: 0;
}
@media (max-width: 349px) {
.bookTopper-btn {
margin-top: 15px;
margin-bottom: 0;
margin-right: 5%;
}
}
@media (min-width: 350px) {
.bookTopper-btn {
margin-right: 20px;
}
}
@media (min-width: 500px) {
.bookTopper-btn {
height: 34px;
line-height: 33px;
margin-bottom: 0px;
}
}
.bookTopper-buyBtn {
background-color: #BE9954;
border: 1px solid #BE9954;
color: #fff;
text-align: center;
vertical-align: middle;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
padding: 0 15px;
}
.bookTopper-buyBtn:hover {
background-color: #ab894b;
border-color: #ab894b;
}
.lightCover .bookTopper-buyBtn {
color: #23231E;
text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
}
@media (max-width: 349px) {
.bookTopper-buyBtn {
width: 35%;
float: left;
padding: 0;
}
}
.bookTopper-shareBtn {
width: 100px;
position: relative;
display: inline-block;
border: 1px solid #AEADAB;
white-space: nowrap;
vertical-align: middle;
overflow: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bookTopper-shareBtn:hover, .lt-ie9 .bookTopper-shareBtn, .touch .bookTopper-shareBtn {
pointer-events: auto;
border: 1px solid rgba(174, 173, 171, 0);
overflow: visible;
}
@media (min-width: 350px) {
.bookTopper-shareBtn:hover, .lt-ie9 .bookTopper-shareBtn, .touch .bookTopper-shareBtn {
width: 150px;
}
}
@media (max-width: 349px) {
.bookTopper-shareBtn {
pointer-events: auto;
width: 60%;
border: 1px solid rgba(174, 173, 171, 0);
overflow: visible;
}
}
.lt-ie9 .bookTopper-shareBtn {
border: 0px solid #AEADAB;
}
.bookTopper-shareBtnText {
position: absolute;
text-align: center;
color: #fff;
font-size: 15px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
white-space: nowrap;
width: 100%;
}
.touch .bookTopper-shareBtnText, .bookTopper-btn:hover .bookTopper-shareBtnText {
opacity: 0;
color: rgba(255, 255, 255, 0);
}
@media (max-width: 349px) {
.bookTopper-shareBtnText {
opacity: 0;
color: rgba(255, 255, 255, 0);
}
}
.lt-ie9 .bookTopper-shareBtnText {
display: none;
}
.bookTopper-shareBtnItem {
display: inline-block;
position: relative;
left: -1px;
top: -1px;
width: 30px;
height: 30px;
margin-right: 10px;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
pointer-events: none;
}
.bookTopper-btn:hover .bookTopper-shareBtnItem:nth-child(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.bookTopper-btn:hover .bookTopper-shareBtnItem:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.bookTopper-btn:hover .bookTopper-shareBtnItem:nth-child(4) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.bookTopper-btn:hover .bookTopper-shareBtnItem:nth-child(5) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.touch .bookTopper-shareBtnItem, .bookTopper-btn:hover .bookTopper-shareBtnItem {
pointer-events: auto;
opacity: 1;
}
@media (max-width: 349px) {
.bookTopper-shareBtnItem {
pointer-events: auto;
opacity: 1;
}
}
@media (min-width: 500px) {
.bookTopper-shareBtnItem {
width: 34px;
height: 34px;
}
}
.bookTopper-shareBtnlink {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
color: #fff;
font-size: 20px;
padding: 7px 0;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
border: solid 1px #fff;
border-radius: 50%;
background-size: 60%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.bookTopper-shareBtnlink.fa-envelope {
font-size: 16px;
padding: 8px 0;
}
@media (min-width: 500px) {
.bookTopper-shareBtnlink:hover {
border: solid 1px #BE9954;
background-color: #BE9954;
}
}
.bookTopper-shareBtnlink--facebook {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.svg), none;
}
.no-svg .bookTopper-shareBtnlink--facebook {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
}
.bookTopper-shareBtnlink--twitter {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.svg), none;
}
.no-svg .bookTopper-shareBtnlink--twitter {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
}
.bookTopper-shareBtnlink--pinterest {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.svg), none;
}
.no-svg .bookTopper-shareBtnlink--pinterest {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
}
.bookTopper-shareBtnlink--email {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.svg), none;
}
.no-svg .bookTopper-shareBtnlink--email {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.png);
}
.lightCover .bookTopper-shareBtnlink--facebook:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--dark.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--dark.svg), none;
}
.no-svg .lightCover .bookTopper-shareBtnlink--facebook:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--dark.png);
}
.lightCover .bookTopper-shareBtnlink--twitter:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--dark.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--dark.svg), none;
}
.no-svg .lightCover .bookTopper-shareBtnlink--twitter:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--dark.png);
}
.lightCover .bookTopper-shareBtnlink--pinterest:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--dark.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--dark.svg), none;
}
.no-svg .lightCover .bookTopper-shareBtnlink--pinterest:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--dark.png);
}
.lightCover .bookTopper-shareBtnlink--email:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--dark.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--dark.svg), none;
}
.no-svg .lightCover .bookTopper-shareBtnlink--email:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--dark.png);
}
.bookTopper-onSaleDate {
position: relative;
margin-top: 20px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
}
@media (min-width: 500px) {
.bookTopper-onSaleDate {
text-align: left;
}
}
.bookPage-synopsisH {
margin-bottom: 15px;
text-align: center;
}
@media (min-width: 900px) {
.bookPage-synopsisH {
text-align: left;
}
}
.bodyText--synopsis {
position: relative;
}
.bodyText--synopsis:after {
content: " ";
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjVlZCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2Y3ZjVlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(247, 245, 237, 0)), color-stop(70%, #f7f5ed));
background-image: -webkit-linear-gradient(top, rgba(247, 245, 237, 0), #f7f5ed 70%);
background-image: linear-gradient(to bottom, rgba(247, 245, 237, 0), #f7f5ed 70%);
height: 50px;
}
@media (max-width: 899px) {
.bodyText--synopsis {
max-height: 500px;
overflow: hidden;
}
}
@media (min-width: 900px) {
.bodyText--synopsis {
max-height: 650px;
margin-bottom: 0;
padding-bottom: 50px;
}
}
.btn-expandSynopsisText {
display: block;
text-align: center;
font-size: 12px;
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.btn-expandSynopsisText:hover {
color: #BE9954;
border-color: #BE9954;
}
@media (max-width: 899px) {
.is-expanded .bodyText--synopsis {
max-height: none;
}
}
@media (min-width: 900px) {
.is-expanded .bodyText--synopsis {
max-height: none;
}
}
.is-expanded .bodyText--synopsis:after {
display: none;
}
.is-expanded .btn-expandSynopsisText {
display: none;
}
.emailSignupMod--bookPage {
position: relative;
background-color: #F7F5ED;
}
@media (min-width: 900px) {
.emailSignupMod--bookPage {
padding-bottom: 50px;
}
}
.bookPage-excerptHgroup {
text-align: center;
position: relative;
margin-bottom: 70px;
padding: 0 10px;
}
.bookPage-excerptHgroup:before {
content: " ";
display: block;
position: absolute;
bottom: -20px;
left: 50%;
width: 180px;
margin-left: -90px;
border-bottom: 1px solid #BE9954;
}
@media (min-width: 500px) {
.bookPage-excerptHgroup:before {
width: 340px;
margin-left: -170px;
}
.bookPage-excerptHgroup:after {
content: " ";
display: block;
position: absolute;
bottom: -25px;
left: 50%;
border-bottom: 1px solid #BE9954;
width: 300px;
margin-left: -150px;
}
}
.bookPage-excerptTitle {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 38px;
font-weight: 100;
font-style: normal;
margin-bottom: 3px;
}
@media (min-width: 500px) {
.bookPage-excerptTitle {
font-size: 48px;
}
}
.bookPage-excerptKicker {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
}
@media (min-width: 500px) {
.bookPage-excerptKicker {
font-size: 15px;
}
}
.bookPage-authorMod--authorImg {
padding-top: 43px;
position: relative;
}
.bpAuthor-topper {
background-color: #32322D;
padding-bottom: 30px;
text-align: center;
color: #ffffff;
}
.bpAuthor-imgMod {
display: inline-block;
overflow: hidden;
border-radius: 50%;
border: #ffffff solid 3px;
width: 100px;
height: 100px;
margin-top: -66px;
margin-bottom: 10px;
}
@media (min-width: 500px) {
.bpAuthor-imgMod {
width: 120px;
height: 120px;
margin-top: -73px;
}
}
.bpAuthor-img {
width: 100%;
}
.bpAuthor-name {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 36px;
font-weight: 100;
font-style: normal;
}
@media (min-width: 500px) {
.bpAuthor-name {
font-size: 48px;
}
}
.bpAuthor-h3 {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 7px;
margin-bottom: 18px;
}
@media (min-width: 500px) {
.bpAuthor-h3 {
font-size: 15px;
}
}
.bpAuthor-photoCred {
font-style: italic;
}
.bpAuthor-contentMod {
background: #ffffff;
padding-bottom: 50px;
}
.bpAuthor-moreTitlesMod {
text-align: center;
overflow: hidden;
max-width: 830px;
margin-bottom: 30px;
}
@media (min-width: 830px) {
.bpAuthor-moreTitlesMod {
margin: 0 auto;
}
}
.bpAuthor-moreTitlesOverline {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 0 20px 5px;
border-bottom: 1px solid #BE9954;
margin-bottom: 40px;
display: inline-block;
}
.bpAuthor-moreTitlesGrid {
text-align: center;
position: relative;
width: 100%;
overflow: hidden;
}
.bpAuthor-moreTitlesGrid--outer {
margin: 0 auto;
position: relative;
overflow: hidden;
}
.bookCard--bookPage {
font-size: 16px;
display: inline-block;
text-align: center;
white-space: normal;
float: left;
min-height: 175px;
}
@media (min-width: 830px) {
.bookCard--bookPage {
display: none;
width: 20%;
margin-bottom: 30px;
}
.bookCard--bookPage:nth-child(1), .bookCard--bookPage:nth-child(2), .bookCard--bookPage:nth-child(3), .bookCard--bookPage:nth-child(4), .bookCard--bookPage:nth-child(5) {
display: inline-block;
}
.bookCard--bookPage:nth-of-type(5n+6) {
clear: left;
}
.is-expanded .bookCard--bookPage {
display: inline-block;
}
}
.bpAuthor-moreTitlesGrid--lt5 .bookCard--bookPage {
float: none;
}
.bookCard-img--bookPage {
max-height: 190px;
max-width: 100%;
display: inline-block;
}
.book-footer {
margin-top: 73px;
text-align: center;
}
.bookFooter-bookCoverMod {
margin: -66px auto 30px;
width: 100px;
height: 100px;
display: block;
overflow: hidden;
border-radius: 50%;
border: #ffffff solid 3px;
}
@media (min-width: 500px) {
.bookFooter-bookCoverMod {
width: 120px;
height: 120px;
margin-top: -73px;
}
}
.bookFooter-bookCover {
width: 100%;
}
.bookFooter-hgroup {
text-align: center;
max-width: 630px;
margin: 0 auto 30px;
}
@media (min-width: 500px) {
.bookFooter-hgroup {
margin-bottom: 60px;
}
}
.bookFooter-title {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 32px;
font-weight: 500;
font-style: normal;
margin-bottom: 20px;
}
@media (min-width: 500px) {
.bookFooter-title {
font-size: 48px;
}
}
.bookFooter-subTitle {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 22px;
font-weight: 100;
font-style: normal;
margin-top: -10px;
line-height: 120%;
margin-bottom: 25px;
}
@media (min-width: 500px) {
.bookFooter-subTitle {
font-size: 32px;
}
}
.bookFooter-byline {
margin-top: 20px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 20px;
font-weight: 100;
font-style: italic;
}
@media (min-width: 500px) {
.bookFooter-byline {
font-size: 27px;
}
}
@media (min-width: 400px) {
.bookFooter-megaBtnMod {
margin-left: -4px;
*zoom: 1;
}
.bookFooter-megaBtnMod:after {
content: "";
display: table;
clear: both;
}
.bookFooter-megaBtnMod > .bookFooter-megaBtn-l {
float: left;
padding-left: 4px;
width: 50%;
}
.bookFooter-megaBtnMod > .bookFooter-megaBtn-l:nth-of-type(2n+3) {
clear: left;
}
.bookFooter-megaBtnMod > .bookFooter-megaBtn-l.n3 {
clear: left;
}
}
.bookFooter-megaBtn {
color: #BE9954;
text-align: center;
display: block;
background: #ffffff;
height: 84px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (min-width: 400px) {
.bookFooter-megaBtn {
margin-bottom: 0;
height: 104px;
}
}
@media (min-width: 500px) {
.bookFooter-megaBtn {
height: 124px;
}
}
.bookFooter-megaBtn--buy {
margin-bottom: 5px;
padding: 32px 0;
}
@media (min-width: 400px) {
.bookFooter-megaBtn--buy {
margin-bottom: 0;
padding: 40px 0;
}
}
@media (min-width: 500px) {
.bookFooter-megaBtn--buy {
padding: 50px 0;
}
}
.bookFooter-megaBtn--buy:hover {
background: #BE9954;
color: #fff;
}
.bookFooter-megaBtn--share {
position: relative;
padding: 28px 0;
}
@media (min-width: 400px) and (max-width: 499px) {
.bookFooter-megaBtn--share {
padding: 36px 0;
}
}
@media (min-width: 500px) {
.bookFooter-megaBtn--share {
padding: 40px 0;
}
}
.bookFooter-megaBtn--share:hover {
background: #BE9954;
}
.touch .bookFooter-megaBtn--share:hover {
background-color: #fff;
}
.touch .bookFooter-megaBtnText {
display: none;
}
.touch .bookFooter-megaBtnIcon--facebook {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.svg), none;
}
.no-svg .touch .bookFooter-megaBtnIcon--facebook {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
}
.touch .bookFooter-megaBtnIcon--twitter {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.svg), none;
}
.no-svg .touch .bookFooter-megaBtnIcon--twitter {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
}
.touch .bookFooter-megaBtnIcon--pinterest {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.svg), none;
}
.no-svg .touch .bookFooter-megaBtnIcon--pinterest {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
}
.touch .bookFooter-megaBtnIcon--email {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.svg), none;
}
.no-svg .touch .bookFooter-megaBtnIcon--email {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.png);
}
.bookFooter-megaBtnText {
position: absolute;
top: 50%;
right: 0;
left: 0;
margin-top: -12px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bookFooter-megaBtn--share:hover .bookFooter-megaBtnText, .lt-ie9 .bookFooter-megaBtn--share:hover .bookFooter-megaBtnText {
display: none;
}
.bookFooter-megaBtnItem {
display: inline-block;
}
.bookFooter-megaBtnIcon {
margin-top: -4px;
width: 38px;
height: 38px;
display: block;
border-radius: 50%;
background-size: 55%;
background-position: 50% 50%;
background-repeat: no-repeat;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease, background-color 0.3s ease;
transition: opacity 0.3s ease, background-color 0.3s ease;
}
.bookFooter-megaBtn--share:hover .bookFooter-megaBtnIcon, .touch .bookFooter-megaBtnIcon {
pointer-events: auto;
opacity: 1;
}
@media (min-width: 530px) {
.bookFooter-megaBtnIcon {
margin: 0 10px;
}
}
.bookFooter-megaBtnIcon--facebook {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.svg), none;
}
.no-svg .bookFooter-megaBtnIcon--facebook {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
}
.bookFooter-megaBtnIcon--facebook:hover {
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.svg), none;
}
.no-svg .bookFooter-megaBtnIcon--facebook:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
}
.bookFooter-megaBtnIcon--twitter {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.svg), none;
}
.no-svg .bookFooter-megaBtnIcon--twitter {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
}
.bookFooter-megaBtnIcon--twitter:hover {
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.svg), none;
}
.no-svg .bookFooter-megaBtnIcon--twitter:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
}
.bookFooter-megaBtnIcon--pinterest {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.svg), none;
}
.no-svg .bookFooter-megaBtnIcon--pinterest {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
}
.bookFooter-megaBtnIcon--pinterest:hover {
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.svg), none;
}
.no-svg .bookFooter-megaBtnIcon--pinterest:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
}
.bookFooter-megaBtnIcon--email {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.svg), none;
}
.no-svg .bookFooter-megaBtnIcon--email {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.png);
}
.bookFooter-megaBtnIcon--email:hover {
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.svg), none;
}
.no-svg .bookFooter-megaBtnIcon--email:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.png);
}
.expandSynoposis-btnMod {
display: block;
position: relative;
background-color: #F7F5ED;
text-align: center;
}
@media (min-width: 900px) {
.expandSynoposis-btnMod {
height: 80px;
padding-top: 10px;
}
}
.is-expanded .expandSynoposis-btnMod {
display: none;
}
.showMoreBtn {
display: block;
text-align: center;
clear: both;
margin: 0 auto 30px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 400;
font-style: italic;
color: #888;
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.showMoreBtn:hover {
color: #BE9954;
border-color: #BE9954;
}
.is-expanded .showMoreBtn {
display: none;
}
.book-showMoreBtn {
display: none;
}
@media (min-width: 830px) {
.book-showMoreBtn {
display: block;
}
}
.bodyText b {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 1em;
font-weight: 500;
font-style: normal;
}
.bodyText--excerpt {
position: relative;
display: block;
max-height: 750px;
overflow: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.is-expanded .bodyText--excerpt {
max-height: inherit;
}
.is-expanded .bodyText--excerpt:after {
display: none;
}
.bodyText--excerpt:after {
content: " ";
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, #ffffff));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff 70%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 70%);
height: 50px;
}
.bookFooter-bookCoverMod,
.bpAuthor-imgMod {
background-size: cover;
}
.lt-ie9 .bookFooter-bookCoverMod, .lt-ie9
.bpAuthor-imgMod {
display: none;
}
.campaign-mediaBlurb {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 100;
font-style: normal;
margin-bottom: 10px;
padding-top: 10px;
position: relative;
}
@media (min-width: 600px) {
.campaign-mediaBlurb {
font-size: 24px;
padding-top: 20px;
margin-bottom: 30px;
}
}
.campaign-mediaBlurbMod {
position: relative;
margin-top: 25px;
}
.campaign-mediaBlurbMod:before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 50%;
width: 100px;
border-bottom: solid 1px #aaa;
position: static;
display: inline-block;
margin-left: 0px;
}
.socialList--campaign {
-ms-transform: translateY(-48px);
-webkit-transform: translateY(-48px);
transform: translateY(-48px);
margin-bottom: -20px;
}
.campaign-gridMod {
max-width: 1000px;
padding: 0 20px;
margin: 0 auto;
border-bottom: 1px solid #ddd;
}
.campaign-gridMod:last-child {
border-bottom: 0px;
}
.campaign-gridInner {
position: relative;
overflow: hidden;
padding: 10px 0 0px;
}
.campaign-gridInner:after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0px;
border-top: 1px solid #BE9954;
}
@media (min-width: 650px) and (max-width: 1019px) {
.campaign-gridInner {
margin-left: -20px;
*zoom: 1;
}
.campaign-gridInner:after {
content: "";
display: table;
clear: both;
}
.campaign-gridInner > .campaign-gridItem {
float: left;
padding-left: 20px;
width: 50%;
}
.campaign-gridInner > .campaign-gridItem:nth-of-type(2n+3) {
clear: left;
}
.campaign-gridInner > .campaign-gridItem.n3 {
clear: left;
}
.campaign-gridInner:after {
left: 20px;
border-top: 1px solid #BE9954;
}
}
@media (min-width: 1020px) {
.campaign-gridInner {
margin-left: -20px;
*zoom: 1;
}
.campaign-gridInner:after {
content: "";
display: table;
clear: both;
}
.campaign-gridInner > .campaign-gridItem {
float: left;
padding-left: 20px;
width: 33.3333%;
}
.campaign-gridInner > .campaign-gridItem:nth-of-type(3n+4) {
clear: left;
}
.ie7 .campaign-gridInner > .campaign-gridItem {
width: 33%;
}
.campaign-gridInner > .campaign-gridItem.n4 {
clear: left;
}
.campaign-gridInner:after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
left: 20px;
border-top: 1px solid #BE9954;
}
}
.campaign-gridItem {
display: none;
}
.is-expanded .campaign-gridItem, .campaign-gridItem:nth-child(1), .campaign-gridItem:nth-child(2), .campaign-gridItem:nth-child(3) {
display: block;
}
@media (min-width: 650px) {
.campaign-gridItem {
display: block;
}
}
.campaign-gridHgroup {
text-align: center;
border-top: 1px solid #ddd;
padding: 30px 0;
}
.campaign-gridItem:nth-child(1) .campaign-gridHgroup {
border-top: 0px;
}
@media (min-width: 650px) {
.campaign-gridItem:nth-child(2) .campaign-gridHgroup {
border-top: 0px;
}
}
@media (min-width: 1020px) {
.campaign-gridItem:nth-child(3) .campaign-gridHgroup {
border-top: 0px;
}
}
.campaign-gridH1 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 22px;
font-weight: 500;
font-style: normal;
}
@media (min-width: 650px) {
.campaign-gridH1 {
font-size: 30px;
}
}
.campaign-gridH2 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 17px;
font-weight: 500;
font-style: normal;
}
@media (min-width: 650px) {
.campaign-gridH2 {
font-size: 22px;
}
}
.campaign-gridH3 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
margin: 20px 0 5px;
position: relative;
}
.campaign-gridH3:before {
content: " ";
display: block;
position: absolute;
top: -10px;
left: 50%;
width: 34px;
margin-left: -17px;
border-bottom: 1px solid #AEADAB;
}
@media (min-width: 650px) {
.campaign-gridH3 {
font-size: 20px;
}
}
.campaign-gridH4 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
}
@media (min-width: 650px) {
.campaign-gridH4 {
font-size: 18px;
}
}
.campaign-gridLink {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #BE9954;
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
display: inline-block;
margin-top: 5px;
}
.campaign-gridLink:hover {
color: #BE9954;
border-color: #BE9954;
}
@media (min-width: 650px) {
.campaign-gridLink {
font-size: 18px;
}
}
@media (min-width: 650px) {
.campaign-tourBtn {
display: none;
}
}
.campaign-textMod {
max-width: 630px;
margin: 0 auto;
padding: 30px 10px 0;
border-top: 1px solid #ddd;
}
@media (min-width: 500px) {
.campaign-textMod {
padding: 60px 20px 0;
}
}
.sectionMod {
background-color: #fff;
margin: 0 auto;
padding: 0 0 60px;
position: relative;
}
.sectionMod.color--bg {
background-color: #F7F5ED;
}
.sectionMod .seperatorIcon {
background-color: #ffffff;
}
.sectionMod.color--bg .seperatorIcon {
background-color: #F7F5ED;
}
.sectionMod .storyTease:last-child {
border-bottom: 1px solid #ddd;
}
.sectionMod + .bookPage-bookFooter {
margin-top: 60px;
}
.listPage,
.articlePage {
background-color: #ffffff;
}
.article-topper {
background-color: #F7F5ED;
padding: 30px 20px 100px;
text-align: center;
}
@media (min-width: 600px) {
.article-topper {
padding: 50px 20px 120px;
}
}
.story-hgroup {
max-width: 800px;
margin: 0 auto;
}
.story-headline {
margin-bottom: 20px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 32px;
font-weight: 500;
font-style: normal;
line-height: 100%;
}
@media (min-width: 600px) {
.story-headline {
font-weight: 100;
font-size: 68px;
}
}
.story-subhead {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 24px;
font-weight: 100;
font-style: normal;
line-height: 100%;
margin-bottom: 25px;
}
@media (min-width: 600px) {
.story-subhead {
font-size: 36px;
}
}
.story-byline {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 22px;
font-weight: 100;
font-style: italic;
line-height: 100%;
margin: 25px 0 15px;
}
@media (min-width: 600px) {
.story-byline {
font-size: 27px;
}
}
.story-authorBio {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 120%;
}
@media (min-width: 600px) {
.story-authorBio {
font-size: 20px;
}
}
.article-textWidth {
max-width: 630px;
margin: 0 auto;
}
.socialList--article {
-ms-transform: translateY(-27px);
-webkit-transform: translateY(-27px);
transform: translateY(-27px);
}
@media (min-width: 500px) {
.socialList--article {
margin-top: -42px;
}
}
.bookCard--article {
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-left: -20px;
font-size: 14px;
width: 45%;
}
@media (min-width: 450px) {
.bookCard--article {
font-size: 18px;
width: 50%;
}
}
@media (min-width: 700px) {
.bookCard--article {
margin-left: -75px;
}
}
.article-textWidth p > a.bookCard--article {
border-bottom: 0px;
padding-bottom: 0;
}
.article-textWidth p > a.bookCard--article:hover .bookCard-title, .article-textWidth p > a.bookCard--article:hover .bookCard-author {
color: #444444;
}
.wp-caption.alignnone,
.wp-caption.aligncenter,
.article-figure--fullWidth {
height: auto;
display: block;
margin: 0 0 40px;
}
.alignnone,
.size-full {
width: 100%;
height: auto;
}
@media (min-width: 650px) {
.alignnone,
.size-full {
width: 630px;
margin-left: -50px;
}
}
.aligncenter {
max-width: 100%;
margin: 0 auto;
display: block;
}
.alignleft {
float: left;
max-width: 50%;
margin-right: 15px;
margin-bottom: 10px;
}
@media (min-width: 650px) {
.alignleft {
margin-left: -50px;
}
}
.alignright {
float: right;
max-width: 50%;
margin-left: 15px;
margin-bottom: 10px;
}
@media (min-width: 650px) {
.alignright {
margin-right: -50px;
}
}
@media (max-width: 449px) {
.wp-caption.alignleft,
.wp-caption.alignright {
width: 100%;
max-width: 100%;
height: auto;
}
}
p.wp-caption-text,
.article-figureCaption {
max-width: none;
width: 100%;
padding: 6px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 113%;
border-top: 3px solid #BE9954;
}
@media (min-width: 500px) {
p.wp-caption-text,
.article-figureCaption {
padding: 6px 0;
}
}
.wp-caption > img,
.article-img {
width: 100%;
height: auto;
}
.article-textWidth iframe {
width: 100% !important;
max-width: 100% !important;
}
.alignleft,
p.alignleft {
float: left;
margin-right: 15px;
}
.alignleft .wp-caption-text,
p.alignleft .wp-caption-text {
text-align: left;
text-transform: none;
letter-spacing: 0;
}
.alignright,
p.alignright {
float: right;
margin-left: 15px;
}
.alignright .wp-caption-text,
p.alignright .wp-caption-text {
text-align: right;
text-transform: none;
letter-spacing: 0;
}
.has-iframe-inside,
.bodyText .has-iframe-inside,
p.has-iframe-inside {
width: 100%;
max-width: none;
}
.mceTemp {
*zoom: 1;
}
.mceTemp:after {
content: "";
display: table;
clear: both;
}
.list-topper {
background-color: #F7F5ED;
padding: 30px 20px 100px;
text-align: center;
}
@media (min-width: 600px) {
.list-topper {
padding: 50px 20px 120px;
}
}
.socialList--list {
-ms-transform: translateY(-29px);
-webkit-transform: translateY(-29px);
transform: translateY(-29px);
margin-top: -40px;
}
.list-introTextMod {
max-width: 630px;
margin: 0 auto;
}
.list-introText {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 19px;
font-weight: 400;
font-style: normal;
line-height: 152%;
margin-bottom: 40px;
}
@media (min-width: 550px) {
.list-introText {
font-size: 23px;
margin-bottom: 70px;
}
}
.list-introText:first-letter {
display: block;
float: left;
font-size: 3.4em;
color: #BE9954;
line-height: 82%;
margin-right: 10px;
font-weight: 100;
}
.list-topperCoverGroup {
max-width: 512px;
margin: 40px auto 0;
position: relative;
height: 80px;
}
.lt-ie9 .list-topperCoverGroup {
display: none;
}
@media (min-width: 550px) {
.list-topperCoverGroup {
margin-top: 60px;
height: 100px;
}
}
.list-topperCoverMod {
width: 37%;
position: absolute;
border-radius: 2px;
overflow: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.list-topperCoverMod:nth-child(1) {
left: 0;
top: 25px;
}
.list-topperCoverGroup:hover .list-topperCoverMod:nth-child(1) {
left: -15px;
}
.list-topperCoverMod:nth-child(2) {
left: 50%;
margin-left: -18.5%;
z-index: 1;
top: 0px;
}
.list-topperCoverGroup:hover .list-topperCoverMod:nth-child(2) {
top: -15px;
}
.list-topperCoverMod:nth-child(3) {
right: 0;
top: 25px;
}
.list-topperCoverGroup:hover .list-topperCoverMod:nth-child(3) {
right: -15px;
}
.list-topperCoverImg {
width: 100%;
}
.list-listItem {
position: relative;
padding: 25px 0 0;
*zoom: 1;
margin-bottom: 25px;
border-top: 1px solid #BE9954;
}
.list-listItem:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 549px) {
.listPage--numbered .list-listItem {
padding-top: 50px;
margin-bottom: 50px;
}
}
@media (min-width: 550px) {
.list-listItem {
padding-top: 90px;
margin-bottom: 90px;
}
}
.list-number {
display: none;
}
.listPage--numbered .list-number {
display: block;
position: absolute;
top: -27px;
left: 50%;
padding: 5px 15px;
background: #ffffff;
margin-left: -50px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 32px;
font-weight: 100;
font-style: normal;
}
.listPage--numbered .list-number:before {
content: "\0020";
display: inline-block;
vertical-align: middle;
width: 37px;
height: 23px;
margin-bottom: 6px;
margin-right: 8px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/number.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/number.svg), none;
}
.no-svg .listPage--numbered .list-number:before {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/number.png);
}
.list-listItemWidth {
max-width: 700px;
margin: 0 auto;
}
@media (min-width: 550px) {
.flexbox .list-listItemWidth {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.list-listItemImgMod {
width: 35%;
float: left;
margin: 0 20px 10px 0;
}
@media (min-width: 550px) {
.list-listItemImgMod {
width: 45%;
}
.list-listItem:nth-child(odd) .list-listItemImgMod {
margin-right: 60px;
}
.list-listItem:nth-child(even) .list-listItemImgMod {
margin-left: 60px;
float: right;
}
.flexbox .list-listItem:nth-child(odd) .list-listItemImgMod {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flexbox .list-listItem:nth-child(even) .list-listItemImgMod {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
.list-listItemImg {
width: 100%;
}
@media (min-width: 550px) {
.flexbox .list-listItemTextMod {
width: 55%;
}
}
.list-listItemH {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 22px;
font-weight: 500;
font-style: normal;
line-height: 100%;
margin-bottom: 5px;
}
@media (min-width: 550px) and (max-width: 649px) {
.list-listItemH {
font-size: 26px;
}
}
@media (min-width: 650px) {
.list-listItemH {
font-size: 39px;
}
}
.list-listItemH2 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 110%;
margin-bottom: 8px;
}
@media (min-width: 650px) {
.list-listItemH2 {
font-size: 28px;
}
}
.list-listItemLink:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #444444), color-stop(100%, #444444), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #444444 3px, #444444 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #444444 3px, #444444 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.list-listItemLink:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #444444), color-stop(100%, #444444), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #444444 3px, #444444 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #444444 3px, #444444 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
.list-listItemByline {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 100;
font-style: italic;
margin-bottom: 8px;
display: block;
}
@media (min-width: 650px) {
.list-listItemByline {
font-size: 20px;
margin-bottom: 15px;
}
}
.list-listItemByDesc {
font-family: Georgia, Times, serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 172%;
}
@media (min-width: 550px) {
.list-listItemByDesc {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 19px;
font-weight: 100;
font-style: normal;
line-height: 152%;
}
}
.home-topper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.home-topperTease {
display: block;
text-align: center;
}
.home-firstTopperTease {
background-color: #32322D;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
padding: 30px 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media (min-width: 650px) {
.home-firstTopperTease {
padding: 80px 30px;
}
}
.gt-ie8 .home-topper--imgLarge .home-firstTopperTease:after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.home-firstTopperTeaseHgroup {
max-width: 670px;
margin: 0 auto;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
position: relative;
z-index: 1;
}
.home-topper--imgLarge .home-firstTopperTeaseHgroup {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.home-secondTopperTeaseMod {
border-bottom: 1px solid #e9e9e9;
position: relative;
width: 100%;
}
.flexbox .home-secondTopperTeaseMod {
width: auto;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (min-width: 650px) {
.flexbox .home-secondTopperTeaseMod {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.home-secondTopperTease {
background-color: #F7F5ED;
color: #32322D;
border-bottom: 1px solid #e9e9e9;
}
@media (min-width: 650px) {
.home-secondTopperTease {
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-right: 1px solid #e9e9e9;
border-bottom: 0;
float: left;
width: 50%;
}
}
.flexbox .home-secondTopperTease {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: static;
top: auto;
bottom: auto;
right: auto;
width: auto;
}
@media (min-width: 900px) {
.flexbox .home-secondTopperTease {
width: auto;
}
}
.home-secondaryTopperTeaseHgroup {
padding: 30px 10px;
max-width: 450px;
margin: 0 auto;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
@media (min-width: 650px) and (max-width: 899px) {
.home-secondaryTopperTeaseHgroup {
padding: 30px;
}
}
@media (min-width: 900px) {
.home-secondaryTopperTeaseHgroup {
padding: 50px 30px;
}
}
.home-thirdTopperTease {
background-color: #ffffff;
color: #32322D;
background-color: #fdfcfa;
}
@media (min-width: 650px) {
.home-thirdTopperTease {
width: 50%;
float: right;
}
}
.flexbox .home-thirdTopperTease {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 900px) {
.flexbox .home-thirdTopperTease {
width: auto;
}
}
@media (min-width: 900px) {
.flexbox .home-topper--color {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.home-topper--color .home-firstTopperTease {
background-color: #34AAAA;
}
@media (min-width: 900px) {
.home-topper--color .home-secondTopperTeaseMod {
border-bottom: 0px;
}
.flexbox .home-topper--color .home-secondTopperTeaseMod {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 900px) {
.home-topper--color .home-secondTopperTease {
border-bottom: 0px;
border-right: 0px;
}
}
@media (min-width: 900px) {
.home-topper--color .home-thirdTopperTease {
background: #32322D;
color: #ffffff;
border-bottom: 0px;
}
}
.gt-ie9 .home-topper--color .home-topperTease:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
text-shadow: -1px 1px 0 #34AAAA, 1px 1px 0 #34AAAA, -1px 1px 0 #34AAAA, 1px 1px 0 #34AAAA;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.gt-ie9 .home-topper--color .home-topperTease:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92.30769%, rgba(0, 0, 0, 0)), color-stop(92.30769%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
}
}
@media (min-width: 900px) {
.touch .home-topper--color .home-thirdTopperTease .home-secondaryTopperLink, .gt-ie9 .home-topper--color .home-thirdTopperTease:hover .home-secondaryTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #32322D, 1px 1px 0 #32322D, -1px 1px 0 #32322D, 1px 1px 0 #32322D;
}
}
@media only screen and (min-width: 900px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-width: 900px) and (min-resolution: 144dpi), only screen and (min-width: 900px) and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-thirdTopperTease .home-secondaryTopperLink, .gt-ie9 .home-topper--color .home-thirdTopperTease:hover .home-secondaryTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
.home-topper--color .home-firstTopperTease--teal {
background-color: #34AAAA;
}
.touch .home-topper--color .home-firstTopperTease--teal .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--teal:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #34AAAA, 1px 1px 0 #34AAAA, -1px 1px 0 #34AAAA, 1px 1px 0 #34AAAA;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--teal .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--teal:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
@media (min-width: 900px) {
.touch .home-topper--color .home-firstTopperTease--teal .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--teal:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
text-shadow: -1px 1px 0 #34AAAA, 1px 1px 0 #34AAAA, -1px 1px 0 #34AAAA, 1px 1px 0 #34AAAA;
}
}
@media only screen and (min-width: 900px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-width: 900px) and (min-resolution: 144dpi), only screen and (min-width: 900px) and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--teal .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--teal:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92.30769%, rgba(0, 0, 0, 0)), color-stop(92.30769%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
}
}
.home-topper--color .home-firstTopperTease--pink {
background-color: #EB6F7B;
}
.touch .home-topper--color .home-firstTopperTease--pink .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--pink:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #EB6F7B, 1px 1px 0 #EB6F7B, -1px 1px 0 #EB6F7B, 1px 1px 0 #EB6F7B;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--pink .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--pink:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
@media (min-width: 900px) {
.touch .home-topper--color .home-firstTopperTease--pink .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--pink:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
text-shadow: -1px 1px 0 #EB6F7B, 1px 1px 0 #EB6F7B, -1px 1px 0 #EB6F7B, 1px 1px 0 #EB6F7B;
}
}
@media only screen and (min-width: 900px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-width: 900px) and (min-resolution: 144dpi), only screen and (min-width: 900px) and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--pink .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--pink:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92.30769%, rgba(0, 0, 0, 0)), color-stop(92.30769%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
}
}
.home-topper--color .home-firstTopperTease--green {
background-color: #3B924B;
}
.touch .home-topper--color .home-firstTopperTease--green .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--green:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #3B924B, 1px 1px 0 #3B924B, -1px 1px 0 #3B924B, 1px 1px 0 #3B924B;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--green .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--green:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
@media (min-width: 900px) {
.touch .home-topper--color .home-firstTopperTease--green .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--green:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
text-shadow: -1px 1px 0 #3B924B, 1px 1px 0 #3B924B, -1px 1px 0 #3B924B, 1px 1px 0 #3B924B;
}
}
@media only screen and (min-width: 900px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-width: 900px) and (min-resolution: 144dpi), only screen and (min-width: 900px) and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--green .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--green:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92.30769%, rgba(0, 0, 0, 0)), color-stop(92.30769%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
}
}
.home-topper--color .home-firstTopperTease--blue {
background-color: #107997;
}
.touch .home-topper--color .home-firstTopperTease--blue .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--blue:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #107997, 1px 1px 0 #107997, -1px 1px 0 #107997, 1px 1px 0 #107997;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--blue .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--blue:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
@media (min-width: 900px) {
.touch .home-topper--color .home-firstTopperTease--blue .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--blue:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
text-shadow: -1px 1px 0 #107997, 1px 1px 0 #107997, -1px 1px 0 #107997, 1px 1px 0 #107997;
}
}
@media only screen and (min-width: 900px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-width: 900px) and (min-resolution: 144dpi), only screen and (min-width: 900px) and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--blue .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--blue:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92.30769%, rgba(0, 0, 0, 0)), color-stop(92.30769%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
}
}
.home-topper--color .home-firstTopperTease--orange {
background-color: #F0695E;
}
.touch .home-topper--color .home-firstTopperTease--orange .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--orange:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #F0695E, 1px 1px 0 #F0695E, -1px 1px 0 #F0695E, 1px 1px 0 #F0695E;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--orange .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--orange:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
@media (min-width: 900px) {
.touch .home-topper--color .home-firstTopperTease--orange .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--orange:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
text-shadow: -1px 1px 0 #F0695E, 1px 1px 0 #F0695E, -1px 1px 0 #F0695E, 1px 1px 0 #F0695E;
}
}
@media only screen and (min-width: 900px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-width: 900px) and (min-resolution: 144dpi), only screen and (min-width: 900px) and (min-resolution: 1.5dppx) {
.touch .home-topper--color .home-firstTopperTease--orange .home-firstTopperLink, .gt-ie9 .home-topper--color .home-firstTopperTease--orange:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92.30769%, rgba(0, 0, 0, 0)), color-stop(92.30769%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
}
}
.home-topper--imgLarge .home-firstTopperTease {
background-size: cover;
background-position: 50% 50%;
}
.flexbox .home-topper--imgSmall, .flexbox
.home-topper--imgLarge {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flexbox .home-topper--imgSmall .home-secondTopperTeaseMod, .flexbox
.home-topper--imgLarge .home-secondTopperTeaseMod {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
@media (min-width: 900px) {
.flexbox .home-topper--imgSmall .home-topper, .flexbox
.home-topper--imgLarge .home-topper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.home-topper--imgSmall .home-firstTopperTeaseH2,
.home-topper--imgLarge .home-firstTopperTeaseH2 {
color: #ffffff;
opacity: 1;
}
.home-topper--imgSmall .home-firstTopperTeaseByline,
.home-topper--imgLarge .home-firstTopperTeaseByline {
opacity: 1;
}
.touch .home-topper--imgSmall .home-firstTopperLink, .gt-ie9 .home-topper--imgSmall .home-topperTease:hover .home-firstTopperLink, .touch
.home-topper--imgLarge .home-firstTopperLink, .gt-ie9
.home-topper--imgLarge .home-topperTease:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 4px, rgba(0, 0, 0, 0) 4px);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.touch .home-topper--imgSmall .home-firstTopperLink, .gt-ie9 .home-topper--imgSmall .home-topperTease:hover .home-firstTopperLink, .touch
.home-topper--imgLarge .home-firstTopperLink, .gt-ie9
.home-topper--imgLarge .home-topperTease:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #ffffff 3px, #ffffff 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
@media (min-width: 900px) {
.touch .home-topper--imgSmall .home-firstTopperLink, .gt-ie9 .home-topper--imgSmall .home-topperTease:hover .home-firstTopperLink, .touch
.home-topper--imgLarge .home-firstTopperLink, .gt-ie9
.home-topper--imgLarge .home-topperTease:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 7px, rgba(0, 0, 0, 0) 7px);
}
}
@media only screen and (min-width: 900px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 900px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-width: 900px) and (min-resolution: 144dpi), only screen and (min-width: 900px) and (min-resolution: 1.5dppx) {
.touch .home-topper--imgSmall .home-firstTopperLink, .gt-ie9 .home-topper--imgSmall .home-topperTease:hover .home-firstTopperLink, .touch
.home-topper--imgLarge .home-firstTopperLink, .gt-ie9
.home-topper--imgLarge .home-topperTease:hover .home-firstTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkyLjMwNzY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92.30769%, rgba(0, 0, 0, 0)), color-stop(92.30769%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #ffffff 6px, #ffffff 6.5px, rgba(0, 0, 0, 0) 6.5px);
}
}
.home-firstTopperImg {
display: none;
}
.home-topper--imgSmall .home-firstTopperTeaseHgroup {
text-align: left;
max-width: 850px;
}
.home-topper--imgSmall .home-firstTopperImg {
display: block;
float: left;
max-height: 350px;
max-width: 250px;
width: 30%;
margin-right: 30px;
}
.home-topper--imgSmall .home-firstTopperTease {
clear: both;
padding: 40px 30px;
}
.home-firstTopperTeaseH1 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 28px;
font-weight: 500;
font-style: normal;
margin-bottom: 10px;
line-height: 110%;
color: #ffffff;
}
@media (min-width: 650px) and (max-width: 899px) {
.home-firstTopperTeaseH1 {
font-size: 42px;
}
}
@media (min-width: 900px) and (max-width: 1099px) {
.home-firstTopperTeaseH1 {
font-size: 52px;
}
}
@media (min-width: 1100px) {
.home-firstTopperTeaseH1 {
font-size: 62px;
}
}
.home-firstTopperTeaseH2 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 500;
font-style: normal;
margin-bottom: 15px;
color: #23231E;
line-height: 130%;
opacity: .8;
}
@media (min-width: 650px) {
.home-firstTopperTeaseH2 {
font-size: 26px;
}
}
.home-firstTopperTeaseByline {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 500;
font-style: italic;
color: #ffffff;
line-height: 130%;
}
@media (min-width: 650px) {
.home-firstTopperTeaseByline {
opacity: .8;
font-size: 22px;
}
}
.home-secondaryTopperTeaseH1 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 24px;
font-weight: 500;
font-style: normal;
line-height: 120%;
margin-bottom: 5px;
}
@media (min-width: 900px) {
.home-secondaryTopperTeaseH1 {
font-size: 30px;
margin-bottom: 8px;
}
}
.touch .home-secondaryTopperLink,
.gt-ie9 .home-topperTease:hover .home-secondaryTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzMyMzIyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyMzIyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #32322d), color-stop(100%, #32322d), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #32322d 3px, #32322d 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #32322d 3px, #32322d 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #F7F5ED, 1px 1px 0 #F7F5ED, -1px 1px 0 #F7F5ED, 1px 1px 0 #F7F5ED;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.touch .home-secondaryTopperLink,
.gt-ie9 .home-topperTease:hover .home-secondaryTopperLink {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzMyMzIyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyMzIyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #32322d), color-stop(100%, #32322d), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #32322d 3px, #32322d 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #32322d 3px, #32322d 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
.home-secondaryTopperTeaseH2 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 120%;
margin-bottom: 5px;
}
@media (min-width: 900px) {
.home-secondaryTopperTeaseH2 {
font-size: 22px;
}
}
.home-secondaryTopperTeaseByline {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 17px;
font-weight: 400;
font-style: italic;
}
.home-bodyMod {
clear: both;
padding-top: 15px;
}
@media (min-width: 450px) {
.home-bodyMod {
background-color: #fff;
padding-top: 40px;
}
}
.home-bookWell {
background: #F7F5ED;
overflow: hidden;
}
@media (min-width: 450px) {
.home-bookWell {
background: #ffffff;
}
}
.home-bookWellH1 {
margin: 0 auto;
}
@media (min-width: 450px) {
.home-bookWellH1 {
margin-bottom: 40px;
}
}
.home-bookWellWidth {
white-space: nowrap;
overflow: scroll;
max-width: 1000px;
padding: 20px;
margin: 0 auto;
*zoom: 1;
}
.home-bookWellWidth:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 450px) {
.home-bookWellWidth {
overflow: auto;
padding: 10px 20px 40px;
white-space: normal;
}
}
.bookCard--homeLarge,
.bookCard--home {
display: inline-block;
min-height: 245px;
}
@media (max-width: 449px) {
.bookCard--homeLarge,
.bookCard--home {
padding: 0 15px 0 0;
min-height: 180px;
}
}
@media (min-width: 450) and (max-width: 599px) {
.bookCard--homeLarge:nth-of-type(2n+3),
.bookCard--home:nth-of-type(2n+3) {
clear: left;
}
.bookCard--homeLarge:nth-child(3),
.bookCard--home:nth-child(3) {
clear: left;
}
}
@media (min-width: 450px) {
.bookCard--homeLarge,
.bookCard--home {
float: left;
display: block;
width: 48%;
margin: 0 1% 25px;
padding-bottom: 25px;
-ms-transform: translateY(-0.1px);
-webkit-transform: translateY(-0.1px);
transform: translateY(-0.1px);
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bookCard--homeLarge:after,
.bookCard--home:after {
content: " ";
display: block;
position: absolute;
right: 0;
bottom: 4px;
left: 0;
height: 1px;
background-color: #ddd;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bookCard--homeLarge:hover,
.bookCard--home:hover {
-ms-transform: translateY(-4px) translateX(0px);
-webkit-transform: translateY(-4px) translateX(0px);
transform: translateY(-4px) translateX(0px);
}
.bookCard--homeLarge:hover:after,
.bookCard--home:hover:after {
height: 5px;
bottom: 0px;
background-color: #BE9954;
}
}
@media (min-width: 600px) and (max-width: 899px) {
.bookCard--homeLarge,
.bookCard--home {
width: 31.333%;
}
.bookCard--homeLarge:nth-of-type(3n+4),
.bookCard--home:nth-of-type(3n+4) {
clear: left;
}
.bookCard--homeLarge:nth-child(4),
.bookCard--home:nth-child(4) {
clear: left;
}
}
.bookCard--homeLarge .bookCard-img,
.bookCard--home .bookCard-img {
max-height: 180px;
}
@media (min-width: 450px) {
.bookCard--homeLarge .bookCard-img,
.bookCard--home .bookCard-img {
max-height: 220px;
}
}
@media (min-width: 900px) {
.bookCard--homeLarge:nth-child(5), .bookCard--homeLarge:nth-child(8),
.bookCard--home:nth-child(5),
.bookCard--home:nth-child(8) {
clear: left;
}
}
@media (min-width: 900px) {
.bookCard--home {
width: 23%;
}
}
@media (min-width: 900px) {
.bookCard--homeLarge {
width: 48%;
float: right;
}
.bookCard--homeLarge .bookCard-img {
max-height: 490px;
height: 490px;
}
}
.home-emailMod {
padding-bottom: 70px;
}
@media (min-width: 600px) {
.home-emailMod {
padding-bottom: 50px;
}
}
.home-storiesWidth {
max-width: 630px;
margin: 0 auto;
}
.home-storiesH {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 3px 0 10px;
}
@media (min-width: 450px) {
.home-storiesH {
padding: 9px 0 20px;
}
}
.l-pullUp--home {
margin-bottom: 0;
padding-bottom: 0;
}
@media (min-width: 450px) {
.l-pullUp--home {
padding-bottom: 0;
padding-top: 15px;
}
}
.categoryPage {
background-color: #ffffff;
}
.category-topper {
background-color: #F7F5ED;
padding: 30px 20px 100px;
text-align: center;
}
@media (min-width: 600px) {
.category-topper {
padding: 50px 20px 120px;
}
}
.category-hgroup {
max-width: 800px;
margin: 0 auto;
}
.category-headline {
margin-bottom: 5px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 38px;
font-weight: 500;
font-style: normal;
line-height: 100%;
}
@media (min-width: 500px) and (max-width: 799px) {
.category-headline {
font-weight: 400;
font-size: 48px;
}
}
@media (min-width: 800px) {
.category-headline {
font-weight: 100;
font-size: 68px;
}
}
.category-subhead {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 24px;
font-weight: 100;
font-style: normal;
line-height: 100%;
}
@media (min-width: 500px) and (max-width: 799px) {
.category-subhead {
font-size: 28px;
}
}
@media (min-width: 800px) {
.category-subhead {
font-size: 36px;
}
}
.category-pullUp {
max-width: 1100px;
margin: -65px auto 0px;
padding: 20px 20px 0;
border-top: 3px solid #BE9954;
background: #ffffff;
z-index: 1;
position: relative;
*zoom: 1;
}
.category-pullUp:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 500px) and (max-width: 899px) {
.category-pullUp {
padding: 45px 20px 0;
}
}
@media (min-width: 900px) {
.category-pullUp {
padding: 65px 20px 0;
}
}
.category-bookGrid {
margin: 0 auto;
max-width: 960px;
*zoom: 1;
-webkit-transform: translateX(4px);
-ms-transform: translateX(4px);
transform: translateX(4px);
}
.category-bookGrid:after {
content: "";
display: table;
clear: both;
}
.bookCard--category {
display: inline-block;
vertical-align: top;
margin-bottom: 40px;
width: 48%;
margin-left: -4px;
}
@media (max-width: 499px) {
.bookCard--category {
margin-bottom: 20px;
font-size: 15px;
}
.bookCard--category:nth-child(odd) {
padding: 0;
margin-left: -4px;
margin-right: 4%;
}
.bookCard--category:nth-child(even) {
padding: 0;
margin-left: -4px;
}
}
@media (min-width: 500px) and (max-width: 749px) {
.bookCard--category {
width: 33.33333%;
font-size: 15px;
}
}
@media (min-width: 750px) and (max-width: 999px) {
.bookCard--category {
width: 25%;
font-size: 17px;
}
}
@media (min-width: 1000px) {
.bookCard--category {
width: 20%;
font-size: 17px;
min-height: 223px;
}
}
@media (min-width: 1000px) {
.bookCard--category:nth-child(1),
.bookCard--category:nth-child(2),
.bookCard--category:nth-child(3),
.bookCard--category:nth-child(4) {
width: 25%;
height: 331px;
font-size: 19px;
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: solid 1px #ddd;
}
.bookCard--category:nth-child(1) .bookCard-hgroup--category,
.bookCard--category:nth-child(2) .bookCard-hgroup--category,
.bookCard--category:nth-child(3) .bookCard-hgroup--category,
.bookCard--category:nth-child(4) .bookCard-hgroup--category {
padding-bottom: 65px;
}
.bookCard--category:nth-child(1) .bookCard-img--category,
.bookCard--category:nth-child(2) .bookCard-img--category,
.bookCard--category:nth-child(3) .bookCard-img--category,
.bookCard--category:nth-child(4) .bookCard-img--category {
max-height: 280px;
}
}
.fourOhFour {
background-color: #ffffff;
}
.fourOhFour-topperMod {
background-color: #F7F5ED;
text-align: center;
padding: 20px 0 100px;
}
@media (min-width: 600px) {
.fourOhFour-topperMod {
padding: 50px 0 130px;
}
}
.fourOhFour-h1 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 45px;
font-weight: 100;
font-style: normal;
margin: 0 auto 5px;
}
@media (min-width: 600px) {
.fourOhFour-h1 {
font-size: 85px;
margin-bottom: 10px;
}
}
.fourOhFour-h2 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 24px;
font-weight: 400;
font-style: normal;
margin: 0 auto;
}
@media (min-width: 600px) {
.fourOhFour-h2 {
font-weight: 100;
font-size: 35px;
}
}
.fourOhFour-h1,
.fourOhFour-h2 {
max-width: 750px;
padding: 0 10px;
}
.imprintsPage {
background-color: #ffffff;
}
.imprints-topper {
background-color: #F7F5ED;
padding: 30px 20px 100px;
text-align: center;
}
@media (min-width: 600px) {
.imprints-topper {
padding: 50px 20px 120px;
}
}
.imprints-hgroup {
max-width: 800px;
margin: 0 auto;
}
.imprints-headline {
margin-bottom: 15px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 32px;
font-weight: 500;
font-style: normal;
line-height: 100%;
}
@media (min-width: 500px) and (max-width: 799px) {
.imprints-headline {
font-weight: 400;
font-size: 48px;
}
}
@media (min-width: 800px) {
.imprints-headline {
font-weight: 100;
font-size: 68px;
}
}
.imprints-subhead {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 24px;
font-weight: 100;
font-style: normal;
line-height: 100%;
}
@media (min-width: 500px) and (max-width: 799px) {
.imprints-subhead {
font-size: 28px;
}
}
@media (min-width: 800px) {
.imprints-subhead {
font-size: 36px;
}
}
.imprints-pullUp {
max-width: 1100px;
margin: -65px auto 25px;
padding: 20px 20px 0;
border-top: 3px solid #BE9954;
background: #ffffff;
z-index: 1;
position: relative;
*zoom: 1;
}
.imprints-pullUp:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 500px) and (max-width: 899px) {
.imprints-pullUp {
padding: 45px 20px 0;
}
}
@media (min-width: 900px) {
.imprints-pullUp {
padding: 65px 20px 0;
}
}
.imprint-description {
font-family: Georgia, Times, serif;
font-size: 17px;
font-weight: 400;
font-style: normal;
line-height: 170%;
}
.imprint-description a {
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.imprint-description a:hover {
color: #BE9954;
border-color: #BE9954;
}
.imprint-description > b {
font-weight: 500;
}
.imprint-description > i {
font-style: italic;
}
.imprint-description > p {
margin-bottom: 15px;
}
@media (min-width: 600px) {
.imprint-description {
font-size: 18px;
}
}
.imprints-classic {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #ddd;
}
.imprints-classic .imprint {
max-width: 530px;
margin: 0 auto 50px;
}
.imprints-digital .imprint {
margin: 0 auto 50px;
}
@media (min-width: 600px) {
.imprints-digital .imprint {
float: left;
margin: 0 5% 25px;
text-align: center;
width: 40%;
}
}
.imprints-imprintH {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 3px 0 10px;
border-bottom: 1px solid #BE9954;
margin-bottom: 15px;
}
@media (min-width: 450px) {
.imprints-imprintH {
padding: 9px 0 10px;
}
}
.imprints-subHgroup {
text-align: center;
position: relative;
margin-bottom: 90px;
padding: 0 10px;
}
.imprints-subHgroup:before {
content: " ";
display: block;
position: absolute;
bottom: -20px;
left: 50%;
width: 180px;
margin-left: -90px;
border-bottom: 1px solid #BE9954;
}
@media (min-width: 500px) {
.imprints-subHgroup:before {
width: 340px;
margin-left: -170px;
}
.imprints-subHgroup:after {
content: " ";
display: block;
position: absolute;
bottom: -25px;
left: 50%;
border-bottom: 1px solid #BE9954;
width: 300px;
margin-left: -150px;
}
}
.imprints-subHgroupTitle {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 38px;
font-weight: 100;
font-style: normal;
margin-bottom: 3px;
}
@media (min-width: 500px) {
.imprints-subHgroupTitle {
font-size: 48px;
}
}
.emailPage {
background-color: #ffffff;
}
.emailPage .footerEmailMod {
display: none;
}
.emailPrefs-topper {
background-color: #F7F5ED;
padding: 30px 20px 100px;
text-align: center;
}
@media (min-width: 600px) {
.emailPrefs-topper {
padding: 50px 20px 120px;
}
}
.emailPrefs-hgroup {
max-width: 800px;
margin: 0 auto;
}
.emailPrefs-headline {
margin-bottom: 15px;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 32px;
font-weight: 500;
font-style: normal;
line-height: 100%;
}
@media (min-width: 500px) and (max-width: 799px) {
.emailPrefs-headline {
font-weight: 400;
font-size: 48px;
}
}
@media (min-width: 800px) {
.emailPrefs-headline {
font-weight: 100;
font-size: 68px;
}
}
.emailPrefs-subhead {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 24px;
font-weight: 100;
font-style: normal;
line-height: 100%;
}
@media (min-width: 500px) and (max-width: 799px) {
.emailPrefs-subhead {
font-size: 28px;
}
}
@media (min-width: 800px) {
.emailPrefs-subhead {
font-size: 33px;
}
}
.emailPrefs-pullUp {
max-width: 1100px;
margin: -65px auto 25px;
padding: 20px 20px 0;
border-top: 3px solid #BE9954;
background: #ffffff;
z-index: 1;
position: relative;
*zoom: 1;
}
.emailPrefs-pullUp:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 500px) and (max-width: 899px) {
.emailPrefs-pullUp {
padding: 45px 20px 0;
}
}
@media (min-width: 900px) {
.emailPrefs-pullUp {
padding: 65px 20px 0;
}
}
.emailPrefs-pickH {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 3px 0 10px;
max-width: 800px;
margin: auto;
border-bottom: 1px solid #BE9954;
margin-bottom: 40px;
}
@media (min-width: 450px) {
.emailPrefs-pickH {
padding: 9px 0 10px;
}
}
.emailPrefs-form {
max-width: 800px;
margin: auto;
}
.emailPrefs-list {
list-style: none;
clear: both;
overflow: hidden;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 25px;
font-weight: 400;
font-style: normal;
font-weight: 300;
line-height: 170%;
margin-bottom: 60px;
}
.emailPrefs-list a {
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.emailPrefs-list a:hover {
color: #BE9954;
border-color: #BE9954;
}
.emailPrefs-list > b {
font-weight: 500;
}
.emailPrefs-list > i {
font-style: italic;
}
.emailPrefs-list > p {
margin-bottom: 15px;
}
.emailPrefs-list h4 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 36px;
font-weight: 400;
font-style: normal;
font-weight: 400;
margin-bottom: 10px;
}
@media (min-width: 600px) {
.emailPrefs-list {
font-size: 25px;
}
}
.emailPrefs-author {
list-style: none;
clear: both;
overflow: hidden;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
font-weight: 300;
line-height: 170%;
margin-bottom: 0px;
}
.emailPrefs-author a {
border-bottom: dotted 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 1px;
}
.emailPrefs-author a:hover {
color: #BE9954;
border-color: #BE9954;
}
.emailPrefs-author > b {
font-weight: 500;
}
.emailPrefs-author > i {
font-style: italic;
}
.emailPrefs-author > p {
margin-bottom: 15px;
}
.emailPrefs-author h5 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 28px;
font-weight: 400;
font-style: normal;
font-weight: 500;
margin-bottom: 10px;
}
@media (min-width: 600px) {
.emailPrefs-author {
font-size: 25px;
}
}
.emailPrefs-checkbox {
position: relative;
float: left;
width: 20px;
height: 20px;
margin-top: 13px;
-webkit-appearance: none;
appearance: none;
border-radius: 2px;
background-color: #ffffff;
border: 1px solid #AEADAB;
}
.emailPrefs-checkbox:checked {
background-color: #BE9954;
border-color: #BE9954;
}
.emailPrefs-checkbox:checked::after {
content: "";
width: 10px;
height: 5px;
position: absolute;
z-index: 1;
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
background-color: transparent;
top: 4px;
right: 2px;
-webkit-transform: rotate(-45deg);
}
.emailPrefs-checkbox:focus {
outline: none;
}
.emailPrefs-aboutList {
padding-left: 20px;
overflow: hidden;
}
.emailPrefs-authorLists {
margin-bottom: 10px;
}
.emailPrefs-authorH {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 36px;
font-weight: 400;
font-style: normal;
font-weight: 400;
margin-bottom: 10px;
padding-left: 40px;
}
.emailPrefs-authorAbout {
padding-left: 20px;
}
.emailPrefs-subHgroup {
text-align: center;
position: relative;
margin-bottom: 90px;
padding: 0 10px;
}
.emailPrefs-subHgroup:before {
content: " ";
display: block;
position: absolute;
bottom: -20px;
left: 50%;
width: 180px;
margin-left: -90px;
border-bottom: 1px solid #BE9954;
}
@media (min-width: 500px) {
.emailPrefs-subHgroup:before {
width: 340px;
margin-left: -170px;
}
.emailPrefs-subHgroup:after {
content: " ";
display: block;
position: absolute;
bottom: -25px;
left: 50%;
border-bottom: 1px solid #BE9954;
width: 300px;
margin-left: -150px;
}
}
.emailPrefs-subHgroupTitle {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 38px;
font-weight: 100;
font-style: normal;
margin-bottom: 3px;
}
@media (min-width: 500px) {
.emailPrefs-subHgroupTitle {
font-size: 48px;
}
}
.emailPrefs-emailAddress {
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #eee;
}
.emailPrefs-emailAddress .emailSignup {
height: 50px;
}
.emailPrefs-emailAddress .emailSignup-input {
height: 50px;
padding: 0 150px 0 30px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 21px;
font-weight: 400;
font-style: normal;
border-radius: 25px;
}
.emailPrefs-emailAddress .emailSignup-submitBtn {
width: 140px;
font-size: 17px;
}
.emailPrefs-formH {
text-align: center;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 32px;
font-weight: 400;
font-style: italic;
margin-bottom: 19px;
}
.pullQuote + .pullQuote {
margin-top: -41px;
}
h1 + .pullQuote {
border-top: 0px;
padding-top: 15px;
}
.pullQuote {
max-width: 630px;
margin: 40px auto;
padding: 30px 0px 35px;
border-top: 1px solid #AEADAB;
border-bottom: 1px solid #AEADAB;
text-align: center;
}
@media (min-width: 600px) {
.pullQuote {
padding: 40px 10px 45px;
}
}
.pullQuote-text {
display: block;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 20px;
font-weight: 100;
font-style: normal;
margin-bottom: 25px;
}
@media (min-width: 400px) and (max-width: 599px) {
.pullQuote-text {
font-size: 24px;
}
}
@media (min-width: 600px) {
.pullQuote-text {
font-size: 28px;
}
}
.pullQuote-byline {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 20px;
font-weight: 100;
font-style: italic;
}
.pullQuote-byline a {
display: inline-block;
position: relative;
}
.pullQuote-byline a:after {
content: " ";
display: block;
position: absolute;
right: 30px;
bottom: 1px;
left: 30px;
border-bottom: solid 1px #BE9954;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
}
.pullQuote-byline a:hover:after {
position: absolute;
right: -5px;
left: -5px;
opacity: 1;
}
.lt-ie9 .pullQuote-byline a:after {
display: none;
}
.lt-ie9 .pullQuote-byline a:hover {
text-decoration: underline;
}
.pullQuote-byline:before {
content: "\0020";
display: block;
margin: 0 auto 15px;
width: 50px;
border-bottom: 1px solid #AEADAB;
}
@media (min-width: 600px) {
.pullQuote-byline {
font-size: 24px;
}
.pullQuote-byline:before {
width: 80px;
}
}
.socialList {
text-align: center;
}
.no-csstransforms .socialLink {
margin-bottom: 30px;
}
.no-csstransforms .socialLink {
margin-top: -30px;
}
.socialItem {
display: inline-block;
padding: 0 10px;
}
.socialLink {
width: 30px;
height: 30px;
display: block;
background-color: #BE9954;
border-radius: 50%;
background-size: 60%;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.socialLink:hover {
background-color: #ab894b;
}
@media (min-width: 600px) {
.socialLink {
width: 34px;
height: 34px;
}
}
.socialLink--facebook {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.svg), none;
}
.no-svg .socialLink--facebook {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
}
.socialLink--twitter {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.svg), none;
}
.no-svg .socialLink--twitter {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
}
.socialLink--pinterest {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.svg), none;
}
.no-svg .socialLink--pinterest {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
}
.socialLink--instagram {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--white.svg), none;
}
.no-svg .socialLink--instagram {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/instagram--white.png);
}
.socialLink--authorSite {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/authorSite--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/authorSite--white.svg), none;
}
.no-svg .socialLink--authorSite {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/authorSite--white.png);
}
.socialLink--email {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.svg), none;
}
.no-svg .socialLink--email {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.png);
}
.storyTeaseMod {
max-width: 630px;
margin: 0 auto;
text-align: center;
}
.storyTease-h {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 22px;
font-weight: 500;
font-style: normal;
margin-bottom: 5px;
}
@media (min-width: 650px) {
.storyTease-h {
font-size: 30px;
}
}
.gt-ie9 .storyTease-link:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzMyMzIyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyMzIyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #32322d), color-stop(100%, #32322d), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #32322d 3px, #32322d 4px, rgba(0, 0, 0, 0) 4px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #32322d 3px, #32322d 4px, rgba(0, 0, 0, 0) 4px);
text-shadow: -1px 1px 0 #ffffff, 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.gt-ie9 .storyTease-link:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1LjcxNDI5JSIgc3RvcC1jb2xvcj0iIzMyMzIyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyMzIyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85.71429%, rgba(0, 0, 0, 0)), color-stop(85.71429%, #32322d), color-stop(100%, #32322d), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #32322d 3px, #32322d 3.5px, rgba(0, 0, 0, 0) 3.5px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, #32322d 3px, #32322d 3.5px, rgba(0, 0, 0, 0) 3.5px);
}
}
.lt-ie10 .storyTease-link:hover {
text-decoration: underline;
}
.storyTease-h2 {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
margin-bottom: 20px;
}
@media (min-width: 650px) {
.storyTease-h2 {
font-size: 19px;
}
}
.storyTease-storyType {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
margin-top: 15px;
display: block;
}
@media (min-width: 650px) {
.storyTease-storyType {
font-size: 18px;
}
}
.storyTease {
text-align: center;
padding: 20px 0;
border-top: 1px solid #ddd;
}
.storyTease:nth-child(2) {
border-top: 1px solid #BE9954;
}
@media (min-width: 600px) {
.storyTease {
padding: 40px 20px;
}
}
.more-stories .storyTease:nth-child(2) {
border-top: 1px solid #ddd;
}
.more-stories .storyTease:first-child {
border-top: 0px;
}
.seperator {
width: 220px;
margin: 10px auto;
display: block;
border-bottom: 1px solid #32322D;
position: relative;
}
.seperator:before {
content: " ";
display: block;
position: absolute;
top: -1px;
left: 0;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #32322D;
}
.seperator:after {
content: " ";
display: block;
position: absolute;
top: -1px;
right: 0;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #32322D;
}
.seperatorIcon {
background-color: #F7F5ED;
position: absolute;
width: 29px;
margin-left: -14.5px;
left: 50%;
height: 20px;
margin-top: -10px;
top: 50%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/section--dark.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/section--dark.svg), none;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.no-svg .seperatorIcon {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/section--dark.png);
}
.seperator--gold {
border-bottom: 1px solid #BE9954;
}
.seperator--gold:after, .seperator--gold:before {
background-color: #BE9954;
}
.seperator--gold .seperatorIcon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/section--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/section--gold.svg), none;
}
.no-svg .seperator--gold .seperatorIcon {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/section--gold.png);
}
.fourOhFour .seperatorIcon, .homepage .seperatorIcon, .bpAuthor-contentMod .seperatorIcon {
background-color: #ffffff;
}
.videoWrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%;
/* 16:9 */
border-bottom: 3px solid #BE9954;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.storyFooter {
background-color: #F7F5ED;
padding: 30px 0 0;
}
@media (min-width: 500px) {
.storyFooter {
padding-top: 40px;
}
}
.storyFooter-shareH {
position: relative;
margin-bottom: 50px;
}
.storyFooter-shareH:after {
content: " ";
display: block;
position: absolute;
bottom: -5px;
left: 50%;
width: 250px;
margin-left: -125px;
border-bottom: 1px solid #BE9954;
}
@media (min-width: 500px) {
.storyFooter-shareH {
margin-bottom: 60px;
}
}
.storyFooter-shareMod {
margin-bottom: 40px;
}
@media (min-width: 500px) {
.storyFooter-shareMod {
margin-bottom: 60px;
}
}
.storyFooter-socialList {
max-width: 630px;
margin: 0 auto;
text-align: center;
}
.storyFooter-socialItem {
display: inline-block;
}
.storyFooter-socialLink {
display: none;
}
@media (min-width: 400px) {
.storyFooter-socialLink {
display: block;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 20px;
font-weight: 100;
font-style: italic;
color: #32322D;
opacity: .6;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 0 10px;
}
.storyFooter-socialItem:hover .storyFooter-socialLink {
opacity: 1;
}
}
@media (min-width: 500px) {
.storyFooter-socialLink {
padding: 0 30px;
font-size: 22px;
}
}
.storyFooter-socialIcon {
display: block;
margin: 0 auto;
background-size: 100%;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.storyFooter-socialItem:hover .storyFooter-socialIcon {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.storyFooter-socialIcon--facebook {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.svg), none;
}
.no-svg .storyFooter-socialIcon--facebook {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
}
.storyFooter-socialIcon--twitter {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.svg), none;
}
.no-svg .storyFooter-socialIcon--twitter {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
}
.storyFooter-socialIcon--pinterest {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.svg), none;
}
.no-svg .storyFooter-socialIcon--pinterest {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
}
.storyFooter-socialIcon--email {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.svg), none;
}
.no-svg .storyFooter-socialIcon--email {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.png);
}
@media (min-width: 650px) {
.storyFooter-megaBtnMod {
margin-left: -4px;
*zoom: 1;
}
.storyFooter-megaBtnMod:after {
content: "";
display: table;
clear: both;
}
.storyFooter-megaBtnMod > .storyFooter-megaBtn-l {
float: left;
padding-left: 4px;
width: 50%;
}
.storyFooter-megaBtnMod > .storyFooter-megaBtn-l:nth-of-type(2n+3) {
clear: left;
}
.storyFooter-megaBtnMod > .storyFooter-megaBtn-l.n3 {
clear: left;
}
}
.storyFooter-megaBtn {
position: relative;
display: block;
padding: 30px 40px;
text-align: center;
background: #ffffff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (min-width: 650px) {
.storyFooter-megaBtn {
height: 145px;
padding: 50px 20px 0;
}
}
@media (min-width: 1000px) {
.storyFooter-megaBtn-l:first-child .storyFooter-megaBtn {
padding-left: 160px;
}
.storyFooter-megaBtn-l:last-child .storyFooter-megaBtn {
padding-right: 160px;
}
}
@media (max-width: 499px) {
.storyFooter-megaBtn {
padding: 30px 10px;
}
}
.flexbox .storyFooter-megaBtn {
padding: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 649px) {
.storyFooter-megaBtn-l:first-child {
margin-bottom: 3px;
}
}
.flexbox .storyFooter-megaBtnHGroup {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
}
.storyFooter-megaBtnH {
color: #32322D;
display: block;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 5px;
}
.storyFooter-megaBtnH2 {
color: #BE9954;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 400;
font-style: normal;
}
.storyFooter-megaBtnArrow {
width: 140px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: none;
}
.storyFooter-megaBtnArrow:after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 16px;
height: 16px;
-ms-transform-origin: 50% 50% 50%;
-webkit-transform-origin: 50% 50% 50%;
transform-origin: 50% 50% 50%;
margin: -8px 0 0 0;
border-right: solid 2px #BE9954;
border-top: solid 2px #BE9954;
}
.storyFooter-megaBtnArrow:before {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 30px;
-ms-transform-origin: 50% 50% 50%;
-webkit-transform-origin: 50% 50% 50%;
transform-origin: 50% 50% 50%;
border-bottom: solid 2px #BE9954;
}
.storyFooter-megaBtn:hover .storyFooter-megaBtnArrow {
background: #BE9954;
}
.storyFooter-megaBtn:hover .storyFooter-megaBtnArrow:before, .storyFooter-megaBtn:hover .storyFooter-megaBtnArrow:after {
border-color: #fff;
}
@media (min-width: 1000px) {
.storyFooter-megaBtnArrow {
display: block;
}
}
.no-csstransforms .storyFooter-megaBtnArrow {
display: none;
}
.storyFooter-megaBtnArrow--l {
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-right: solid 3px #F7F5ED;
}
.storyFooter-megaBtnArrow--l:after {
content: " ";
display: block;
position: absolute;
top: 50%;
right: 50%;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.storyFooter-megaBtnArrow--l:before {
content: " ";
display: block;
position: absolute;
top: 50%;
right: 50%;
margin-right: -10px;
}
.storyFooter-megaBtnArrow--r {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border-left: solid 3px #F7F5ED;
}
.storyFooter-megaBtnArrow--r:after {
content: " ";
display: block;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.storyFooter-megaBtnArrow--r:before {
content: " ";
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
}
.components {
min-height: 900px;
padding: 50px 0;
}
.buyModal {
max-width: 570px;
margin: 0 auto;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.15);
}
.buyModal-topper {
background: #F7F5ED;
text-align: center;
padding: 30px;
border-top: 3px solid #BE9954;
}
@media (min-width: 500px) {
.buyModal-topper {
padding-bottom: 20px;
}
}
.buyModal-imgMod {
display: none;
}
@media (min-width: 500px) {
.gt-ie8 .buyModal-imgMod {
display: block;
width: 85px;
height: 85px;
border: 3px solid #ffffff;
border-radius: 50%;
overflow: hidden;
margin: -75px auto 0;
}
}
.buyModal-img {
width: 100%;
}
.buyModal-h {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 40px;
font-weight: 100;
font-style: normal;
}
.buyModal-byline {
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 21px;
font-weight: 100;
font-style: italic;
margin-bottom: 10px;
}
.buyModal-publisher {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
display: block;
}
.buyModal-form {
height: 36px;
max-width: 400px;
display: block;
margin: 0 auto;
background: #ffffff;
border-radius: 18px;
border: 1px solid #ddd;
position: relative;
}
.gt-ie9 .buyModal-form:after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 2px;
bottom: 0;
width: 34px;
height: 34px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/select.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/select.svg), none;
background-size: 100%;
pointer-events: none;
}
.no-svg .gt-ie9 .buyModal-form:after {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/select.png);
}
@-moz-document url-prefix() {
.gt-ie9 .buyModal-form:after {
display: none;
}
}
.buyModal-select {
border: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 400;
font-style: normal;
line-height: 35px;
width: 100%;
padding-left: 20px;
}
.buyModal-select:focus {
outline: 0;
}
.buyModal-body {
background: #ffffff;
text-align: center;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.buyModal-vendorGrid {
overflow: hidden;
*zoom: 1;
display: none;
margin-bottom: -1px;
min-height: 198px;
margin-left: -0;
*zoom: 1;
}
.buyModal-vendorGrid:after {
content: "";
display: table;
clear: both;
}
.buyModal-vendorGrid > .buyModal-vendorItem {
float: left;
padding-left: 0;
width: 50%;
}
.buyModal-vendorGrid > .buyModal-vendorItem:nth-of-type(2n+3) {
clear: left;
}
.buyModal-vendorGrid > .buyModal-vendorItem.n3 {
clear: left;
}
.buyModal-body--hardcover .buyModal-vendorGrid--hardcover {
display: block;
}
.buyModal-body--paperback .buyModal-vendorGrid--paperback {
display: block;
}
.buyModal-body--eBook .buyModal-vendorGrid--eBook {
display: block;
}
.buyModal-vendorItem {
position: relative;
}
.buyModal-vendorItem:nth-child(odd) {
border-right: solid 1px #ddd;
}
@media (min-width: 500px) {
.buyModal-vendorItem:nth-child(odd) {
border-right: 0px;
}
}
.buyModal-vendorLink {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
color: #777;
padding: 40px 0;
vertical-align: middle;
border-bottom: 1px solid #ddd;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buyModal-vendorLink:hover {
color: #BE9954;
}
@media (min-width: 500px) {
.buyModal-vendorLink {
margin: 0 20px;
}
}
.mfp-content {
max-width: 570px;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mfp-with-zoom .mfp-container {
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.95;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.bookNav {
display: none;
}
@media (min-width: 800px) {
.gt-ie8 .bookNav {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 50px;
background-color: #ffffff;
z-index: 999;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-top: 1px solid #BE9954;
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gt-ie8 .bookNav.is-visible {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.admin-bar .bookNav {
top: 32px;
}
.bookNav-inner {
max-width: 1000px;
margin: 0 auto;
padding: 4px 20px;
*zoom: 1;
position: relative;
}
.bookNav-inner:after {
content: "";
display: table;
clear: both;
}
.bookNav-pair {
display: block;
float: left;
}
.bookNav-coverMod {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
float: left;
margin-right: 15px;
}
.bookNav-title {
line-height: 40px;
float: left;
font-family: "Surveyor display A", "Surveyor Display B", Georgia, Times, serif;
font-size: 20px;
font-weight: 400;
font-style: normal;
}
.bookNav-cover {
width: 100%;
}
.bookNav-title {
display: inline-block;
}
.bookNav-listMod {
position: absolute;
top: 5px;
right: 20px;
bottom: 5px;
background: #ffffff;
}
.bookNav-listMod:before {
content: " ";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 30px;
margin-left: -30px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, #ffffff));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 70%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 70%);
}
.bookNav-linkList {
float: left;
}
.bookNav-btnList {
float: right;
width: 200px;
}
.bookNav-linkItem {
display: inline-block;
line-height: 42px;
margin-right: 25px;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bookNav-linkItem:hover {
color: #BE9954;
}
.bookNav-btn {
display: inline-block;
}
.bookNav-buyBtn {
height: 26px;
background: #BE9954;
border: 1px solid #BE9954;
border-radius: 13px;
padding: 0 13px;
margin: 7px 10px 0 0;
min-width: 75px;
text-align: center;
position: relative;
float: left;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
.bookNav-buyBtn:hover {
background-color: #ab894b;
border-color: #ab894b;
}
.bookNav-buyLink {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
line-height: 26px;
}
.darkNav .bookNav-buyLink {
color: #32322D;
text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
}
.bookNav-shareBtn {
margin-top: 7px;
width: 90px;
height: 26px;
position: relative;
float: left;
border: 1px solid #AEADAB;
border-radius: 15px;
white-space: nowrap;
vertical-align: middle;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bookNav-shareBtn:hover {
border: 1px solid rgba(174, 173, 171, 0);
}
.touch .bookNav-shareBtn {
border: rgba(174, 173, 171, 0);
}
.touch .bookNav-shareBtnText {
display: none;
}
.touch .bookNav-shareBtnItem {
opacity: 1;
}
.bookNav-shareBtnText {
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 26px;
position: absolute;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
white-space: nowrap;
width: 100%;
color: #888;
}
.bookNav-btn:hover .bookNav-shareBtnText {
opacity: 0;
color: rgba(255, 255, 255, 0);
}
.bookNav-shareBtnItem {
display: inline-block;
position: relative;
left: -1px;
top: -1px;
width: 26px;
height: 26px;
margin-right: 3px;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
pointer-events: none;
}
.bookNav-btn:hover .bookNav-shareBtnItem:nth-child(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.bookNav-btn:hover .bookNav-shareBtnItem:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.bookNav-btn:hover .bookNav-shareBtnItem:nth-child(4) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.bookNav-btn:hover .bookNav-shareBtnItem:nth-child(5) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.bookNav-btn:hover .bookNav-shareBtnItem {
pointer-events: auto;
opacity: 1;
}
.bookNav-shareBtnlink {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
font-size: 20px;
padding: 7px 0;
border: solid 1px #BE9954;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
background-size: 60%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.bookNav-shareBtnlink.fa-envelope {
font-size: 16px;
padding: 8px 0;
}
.bookNav-shareBtnlink:hover {
border: solid 1px #BE9954;
background-color: #BE9954;
}
.bookNav-shareBtnlink--facebook {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.svg), none;
}
.no-svg .bookNav-shareBtnlink--facebook {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--gold.png);
}
.bookNav-shareBtnlink--facebook:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.svg), none;
}
.no-svg .bookNav-shareBtnlink--facebook:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/facebook--white.png);
}
.bookNav-shareBtnlink--twitter {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.svg), none;
}
.no-svg .bookNav-shareBtnlink--twitter {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--gold.png);
}
.bookNav-shareBtnlink--twitter:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.svg), none;
}
.no-svg .bookNav-shareBtnlink--twitter:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/twitter--white.png);
}
.bookNav-shareBtnlink--pinterest {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.svg), none;
}
.no-svg .bookNav-shareBtnlink--pinterest {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--gold.png);
}
.bookNav-shareBtnlink--pinterest:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.svg), none;
}
.no-svg .bookNav-shareBtnlink--pinterest:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/pinterest--white.png);
}
.bookNav-shareBtnlink--email {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.svg), none;
}
.no-svg .bookNav-shareBtnlink--email {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--gold.png);
}
.bookNav-shareBtnlink--email:hover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.png);
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.svg), none;
}
.no-svg .bookNav-shareBtnlink--email:hover {
background-image: url(/wp-content/themes/wp_rhpg/static/img/icon/email--white.png);
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #fff;
opacity: 0.95;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure {
/* The shadow behind the image */
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.megaButton {
display: block;
width: 100%;
padding: 28px 0 32px;
color: #AEADAB;
text-align: center;
background: #ffffff;
border-top: 1px solid #ddd;
font-family: "aaux-next", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.megaButton:hover {
color: #BE9954;
}
@media (min-width: 600px) {
.megaButton {
font-size: 20px;
padding: 48px 0 52px;
}
}
@-webkit-keyframes loading-line {
0% {
right: 100%;
left: 0;
}
20% {
right: 0;
left: 0;
}
25% {
right: 0;
left: 0;
}
45% {
right: 0;
left: 100%;
}
50% {
right: 0;
left: 100%;
}
70% {
right: 0;
left: 0;
}
75% {
right: 0;
left: 0;
}
95% {
right: 100%;
left: 0;
}
100% {
right: 100%;
left: 0;
}
}
@keyframes loading-line {
0% {
right: 100%;
left: 0;
}
20% {
right: 0;
left: 0;
}
25% {
right: 0;
left: 0;
}
45% {
right: 0;
left: 100%;
}
50% {
right: 0;
left: 100%;
}
70% {
right: 0;
left: 0;
}
75% {
right: 0;
left: 0;
}
95% {
right: 100%;
left: 0;
}
100% {
right: 100%;
left: 0;
}
}
@-webkit-keyframes loading-dot1 {
0% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
23% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
28% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
67% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
72% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes loading-dot1 {
0% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
23% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
28% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
67% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
72% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes loading-dot2 {
0% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
17% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
22% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
72% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
77% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
100% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
@keyframes loading-dot2 {
0% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
17% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
22% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
72% {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
77% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
100% {
opacity: 0;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
.load-mod {
display: block;
height: 6px;
position: relative;
width: 60px;
margin: 0 auto;
}
.load-dot {
width: 6px;
border-radius: 50%;
background-color: #BE9954;
opacity: 1;
-ms-transform: scale(0.2);
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
.load-dot--1 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
-webkit-animation: loading-dot1 3s infinite;
animation: loading-dot1 3s infinite;
}
.load-dot--2 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
-webkit-animation: loading-dot2 3s infinite;
animation: loading-dot2 3s infinite;
}
.load-line {
-webkit-animation: loading-line 3s infinite;
animation: loading-line 3s infinite;
position: absolute;
top: 50%;
right: 100%;
left: 0;
height: 2px;
margin-top: -1px;
background-color: #BE9954;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment