Created
February 3, 2015 00:11
-
-
Save jarednova/ccdb31ca78e2f65f1690 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* { | |
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