/* Theme Name: Rock n Roll Bride Theme URI: http://www.rocknrollbride.com/ Author: Gareth Williams Author URI: http://www.rocknrollbride.com/ Description: A TwentyTwelve child theme Version: 1.1.0 Template: twentytwelve */ /* =Notes -------------------------------------------------------------- This stylesheet uses rem values with a pixel fallback. The rem values (and line heights) are calculated using two variables: $rembase: 14; $line-height: 24; ---------- Examples * Use a pixel value with a rem fallback for font-size, padding, margins, etc. padding: 5px 0; padding: 0.357142857rem 0; (5 / $rembase) * Set a font-size and then set a line-height based on the font-size font-size: 16px font-size: 1.142857143rem; (16 / $rembase) line-height: 1.5; ($line-height / 16) ---------- Vertical spacing Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm: .my-new-div { margin: 24px 0; margin: 1.714285714rem 0; ( 24 / $rembase ) } ---------- Further reading http://snook.ca/archives/html_and_css/font-size-with-rem http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ UI icons courtesy of https://www.flaticon.com/uicons UI icons converted to data uri using https://onlinepngtools.com/convert-png-to-data-uri /* Global Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } h1, h2, h3, h4, h5, h6 { clear: both; } html { font-size: 100%; overflow-y: scroll; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { text-decoration: none; } hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; } sub, sup { font-size: 75%; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* =Repeatable patterns -------------------------------------------------------------- */ /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; } .entry-content img[height][width] { height: auto; } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } /* Mobile First -------------------------------------------------------------- */ /* Body, links, basics */ html { font-size: 87.5%; } body { font-size: 14px; font-size: 1rem; font-family: 'Lora', Helvetica, Arial, sans-serif; overflow: hidden; text-rendering: optimizeLegibility; color: #444; } a { outline: none; color: #610617; text-decoration: none; } /* Fonts */ h1, h2, h3, h4, .more-link, .widget_rnr_popular div, .legal, .tags, #submit, .pagination { font-family: 'Muli', Helvetica, Arial, sans-serif; font-weight: 300; } h2 { font-size: 23px; font-size: 1.642857143rem; text-transform: uppercase; } .cast h2, .gallery h2, .comments-title { font-size: 28px; font-size: 2rem; } /* Page structure */ .site { margin: 0 auto 24px auto; margin: 0 auto 1.714285714rem auto; max-width: 580px; overflow: hidden; padding: 0 10px; position: relative; } /* add a little padding at the top of the page for Android app (since no header is drawn) */ body.android > .site { padding-top: 1rem; } .site-content, .widget-area {border-top: 1px solid #000; margin: 14px 0 0; margin: 1rem 0 0; padding-top: 14px; padding-top: 1rem; } /* Attachment pages */ body.single-attachment .entry-content { text-align: center; } .entry-attachment { margin-bottom: 1.714285714rem; } /* =Project Snowdrop styles for mobile -------------------------------------------------------------- */ /* Icons */ .facebook { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAER0lEQVRYhc1Zyy97WxT+elSLcoREPFKOeCWCeNWEgRog8YiQSPgNTAQjMWAqESJMRDwSA/+AiUmlBoRE4lnPGCGaCAPtSaRJUa1i3YGrlNPa7eF375esQc9e61vf2Wtnr312FURECAJWqxXr6+vY3d3F6ekpLi8vcXNzAyJCbGwsUlJSkJWVBZ1Oh7KyMmi12mDSABQAnp6eaHZ2lvR6PanVagLAZCEhIVRWVkbT09P08PAQSEpiFjg2NkapqanMonxZUlISDQ8P/5zAra0t0ul0soV9tpycHFpZWZEncGpq6seFfbaRkZHgBPb09Py6uDdrb28PTGB3d/dfE/dmbW1tbALHx8d/NLFSqWT27e/v/yJQQfS+D+7t7aGkpARyIAgCWltbUVFRgbS0NGg0GrjdbthsNlgsFuzu7qK/v99n/OrqKioqKt4ffFSbnJwsa7Y6OjrI7Xb7XE+esvnh4HmeXC7X1xIPDQ3JEtfV1fWtMCKis7Ozb7n6+vq8BTqdzoA6w2cTBIFJHBHR+fk5E6coikRExAHA5OQkXC6X37XlD729vcy+KSkpTH4TExMAAAURUUZGBsxmc1DiAOD4+Bh5eXmSY5ubm1hYWIAoiiAi2O12zM/Pf8up1WpxdXUFsE65L4uMjCSHwyFZzuXlZVncOzs7xBmNxsCn7ANiY2MRHh4uOTY4OCiLe2FhAdzOzo4sEn8QRVFWvMlkAndyciKL5N+dQHJMrVbL4r68vARnsVhkkTidTp9jj4+PsrhtNhu429tbWST+tic5WxcAOBwOKH2VRwrp6emYm5sDAE9ZVSoVFAqFpL/BYMD9/b1nnOM4GI1GDAwMMOUjIijDw8Nxd3fHFBAdHQ2dTsfkCwC5ublfnh0dHTHHh4WFgYuLi2MOkLumAGBtbY3Zl+d5cGlpabKTBoLT01Nm38TERHDFxcXMASEhIcFo8kIgAvPz88FVV1czB7jdbtze3nqZv/XrcDi8/La3t2G325nzVVVVvR5YY2JimHojx3EUFRXlZdnZ2fTy8iLZi0tLSykqKop4niee50mlUjH3YY1GQy6X6/U82NnZGXRD12g0PgUKghA0758/f94PrBcXF0ETJScn+xSYn58fNO/+/v77gVUQBDQ3NzOvjd9GVVUVioqKXn+8ve319fX/ZgbNZrOHg3tTnZCQgJmZmd+dGgYMDw/Da2/+/NaNjY3/2QyWl5d/4ZC8+igsLPzrAjMyMujp6ekLh6fEH2EymVBQUCCvVgEgMzMTJpNJslNJClQqlTg4OEBdXd2vi9Pr9Tg6OkJMTIy0g2RtPmB0dPTXSix1WfQZTFfAh4eH1NDQ8GMCKysraWNjgyU1+x01EdHS0hK1tLRQRESEJxnHcT794+PjPX5KpZKamprIYDAEktL7+o0VoijCaDRicXERVqsVy8vLX77gnp+fUV9fj9DQUNTU1KC2tjaovyL+Ac4XzZbHEmYIAAAAAElFTkSuQmCC) no-repeat left top; background-size: 1.428571429rem; } .instagram { background: url(data:image/png;base64,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) no-repeat left top; background-size: 1.428571429rem; } .pinterest { background: url(data:image/png;base64,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) no-repeat left top; background-size: 1.428571429rem; } .tiktok { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADXklEQVRYhc2YsUvDQBjFX2wHEUu1GEqhNIjBzUGQDopoISiCVejiINjRQfEfEB07Kzg5CR3UQRBRqTjoIOImooIggqIIESxRC5rg+TlIS0ub9NKm6oOb7r7XX77LuyYBOSzDMCgUChEA8ng8uQGAZFmmr68vW35wGlDXdfL5fASgaLhcLlJV1ZZfHRyWIAimc4wxnJ6e2vJzHJCILOe3t7dtG/7aFgMgr9dLmqb93RaX08vLC2ZmZvgLfruD2ZFIJLj8/gwQAM3Ozv5vQADU0dFBh4eHpn4CUZnY2ZRhGAgEAkin07bqQqEQRkZGEAgEoCgKwuHwz8Rfd7DUmJ6ezvn9eop5lH/Y/0vAfP0qoCRJ6O/vt1XjtvsjmUwG19fXSKfTMAwDoiiiq6uLq9blcuHg4ABra2uYmpriCxLvzb+xsUGRSITcbnfBDe3z+ej9/Z0rJMFgsMhzYGCgyDM/JGU7uLOzg3g8jufnZ64u2VEsFkMsFsPb2xuurq5wc3OD8/NzRCIRvg7G4/GyR0I1HeSRaQej0aj9R6MaqGSKJyYm/gUcUAJwZWUFyWSS24B+/s8dhcpXwRYzxjA/P1+2SJZlKIoCwzDw+vqKz8/PmgEWhGRpackyEH6/n3Z3dy1v6pqGxGprRVHExcUFWlpaatIoU2VJj4+PLbuXSqW4rljXdWpubnasg7mQnJ2dmV5Ed3c3BgcHa9YkK+UA7+/vTRf19fVxGwqCgLq60s8gVEHac066rpsu8nq93IaMMTDGSs5ZvdSbKQfY2Nhouujh4YHbUFVVaJpWcs7j8dhA+1EOsLW11XRRKpXiNrRaK0kSt09O2bRcXl5SfX29aYoXFxfLJo4xRpIkmXrMzc3ZTnHBQT08PGx51Ozt7VmajY6OWtafnJxUB7i5uVn28WpycpLu7u4KTLa2tkiWZcu6np4e23BFgEREvb29XK+G7e3tFA6HqampiWv9+vq6M4BHR0dVvdOWGtFotCK4koBERAsLC47BtbW10cfHh7OARESJRKJqOL/fT4+PjxXDWQISEa2urpIgCBXBKYpCmUymKriygEREqqrS2NgYN1gwGKRkMlk1WFbcX7eenp6wvLyM/f193N7eQtM0MMbQ0NAAURTR2dmJ8fFxDA0N8dhx6xs2fa/GPxlh1AAAAABJRU5ErkJggg==) no-repeat left top; background-size: 1.428571429rem; } .cart { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACzElEQVRYhe2YsUs7MRTHvznL0VZDh4KgTlJQ61C6OZb+Bx0EoVBwKtTiWhBddXCtoIOLww120BZx0M39WicR6VZsoeNhtQp67zeI4a5am+vprw73gUDyeC/vy0suR8KIiOCCk5MTlMtl1Go1NJtNEBGmpqYQj8eRSqWwsrLiZnqAhqRcLlM0GiUA37ZIJEKapg2bhoYSuLGxMVBYb1tfXx9KICNytsSbm5vY2dmx2WKxGJLJJObm5qAoCur1Oq6urlCtVm1++Xwee3t7v7fEFxcXnypzcHDQ1//o6Ij8fr/Nv1QqOaqgI4GTk5O2ZLquD4y5vb2lsbExERMKhcg0zZ8XeHZ2ZhN3eHgonaRSqQwdKy1weXlZJFhYWJBO8EEsFhPxyWRSOk6R3avX19ein8lknG10ANlsVvTr9bp0nO/h4WGgU7fbRbvdFmPOOWTirITDYdE3DAPtdhvBYHBgHJuenqZByUzTxOPjoxiPj49DUaSLDwAgInQ6HUdzcM7B8L4v/iwK53zUGvrCOYfPashkMkgkEjBNU9gYY+h2uygUCnh+fu7r9x2MMdRqNezv7wMA/H4/dnd3EQgEQJYfWa/fh0rx+Z+fn/f93EOhkJRfP3Rdtx3WMn6cc/sx02w2v6yAYRgwDEOMb25upCpnxRrTO5+VRqNhG/u+9OpBVVWk02k8PT0BAOLxuGOB8/PzSKVSAIBgMAhVVaXipAQGAgFomuZYlJWlpSWcnp46jnN2mI0AT6BbPIFu8QS6xRPoFk+gWzyBbvEEuuXvC3x9fRWDiYmJEUp5x3rLfHt7g8IYE4b7+/tRaLLx6U6yuLgIXdcBANvb2/D5fJidnQUA25XwN/koUqvVwtbWlrDPzMwAl5eXjp9z/1fTNO39+a1QKIxcTG9bW1sjIssb9fHxMYrFIu7u7vDy8uJkhX4MVVURiUSQy+WwuroKAPgHpW6jNvSQxQMAAAAASUVORK5CYII=) no-repeat right top; background-size: 1.428571429rem; } .ico-close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACUElEQVRYhe2Yu6rqUBCGZwuKtZV4AZUY8QIaosZLYxDUxpewthGsxNZWtNX3EUEsLOwsFQtBJSheMMypDCfJVlcuZ3vY+EMgyVp/5ltrJhP0CxER/mNZ3g3wSh9Ao/oAGtUH0Kh+D+BwOIRWqwWCIOgOdrvdoN1uQ7/fJzchgQaDAQIAAgBGo1ESy7fK5XLSc7rdLpGHaAcnk4l0Pp/PgeM4TTsHAFCpVGA0GknX0+mUzEiyivV6jbFYTFo9AGA6nUZRFIl2oVwuy7xerxcXiwWRlwjwLo7jZIHC4TBeLpennmw2K/PQNI2Hw4E4piZARMR0Oi0LGI/HH84tFAqyucFgEE+nk6Z4mgEREUOhkCrdSinT6nQ68Xg8ao6lC/B8PiPLsjKAZDIpjReLRdkYRVG42Wz0hNIHeJeyJnmex2q1qqo5rWk1DRARkWEYGdDfh9/vNwRnCiCiut4AADOZDHEbeiZTvsV2u111z2azgcViwuONrpDn+YcpTiQShnfQEKAytQzDYD6ff9mCfgRQ2UqCwaA0lkwmZWMsy+p+WXQBKtsLTdN4Pp9fzvkRwFKpJAvs8/ke7k4ikZDNTaVS/xZQWXMulwu32+3D+dfrFcPhsKGaJALc7Xaq4qdpGgVBeOkVRVGV7mg0iqvVyjzAer1u+POlhKzVakQ+ok5KUZR07vF4YDabfducn2k8HkMkEpGuA4EAke8LkezfrV6vB8vlEhqNBrjdbk1wd+33e+h0OuBwOKDZbILVajUP8F36Pb+L36UPoFF9AI3qA2hUfwB+RBNtggzmYwAAAABJRU5ErkJggg==) no-repeat center center; background-size: 1.428571429rem; } /* Toptray */ .toptray { align-items: end; column-gap: 0.5rem; display: grid; font-family: 'Muli', Helvetica, Arial, sans-serif; font-size: 0.928571429rem; grid-template-columns: 1fr max-content max-content; padding: 1rem; } .toptray > a { color: #000; display: none; font-weight: bold; padding-bottom: 0.357142857rem; text-transform: uppercase; } .toptray > .subscribe { border-bottom: 2px solid #000; display: block; justify-self: start; } .toptray > .profile { border-bottom: 2px solid #fff; display: block; } .toptray > .cart { display: block; height: 1.428571429rem; width: 1.428571429rem; } .toptray > .cart { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACzElEQVRYhe2YsUs7MRTHvznL0VZDh4KgTlJQ61C6OZb+Bx0EoVBwKtTiWhBddXCtoIOLww120BZx0M39WicR6VZsoeNhtQp67zeI4a5am+vprw73gUDyeC/vy0suR8KIiOCCk5MTlMtl1Go1NJtNEBGmpqYQj8eRSqWwsrLiZnqAhqRcLlM0GiUA37ZIJEKapg2bhoYSuLGxMVBYb1tfXx9KICNytsSbm5vY2dmx2WKxGJLJJObm5qAoCur1Oq6urlCtVm1++Xwee3t7v7fEFxcXnypzcHDQ1//o6Ij8fr/Nv1QqOaqgI4GTk5O2ZLquD4y5vb2lsbExERMKhcg0zZ8XeHZ2ZhN3eHgonaRSqQwdKy1weXlZJFhYWJBO8EEsFhPxyWRSOk6R3avX19ein8lknG10ANlsVvTr9bp0nO/h4WGgU7fbRbvdFmPOOWTirITDYdE3DAPtdhvBYHBgHJuenqZByUzTxOPjoxiPj49DUaSLDwAgInQ6HUdzcM7B8L4v/iwK53zUGvrCOYfPashkMkgkEjBNU9gYY+h2uygUCnh+fu7r9x2MMdRqNezv7wMA/H4/dnd3EQgEQJYfWa/fh0rx+Z+fn/f93EOhkJRfP3Rdtx3WMn6cc/sx02w2v6yAYRgwDEOMb25upCpnxRrTO5+VRqNhG/u+9OpBVVWk02k8PT0BAOLxuGOB8/PzSKVSAIBgMAhVVaXipAQGAgFomuZYlJWlpSWcnp46jnN2mI0AT6BbPIFu8QS6xRPoFk+gWzyBbvEEuuXvC3x9fRWDiYmJEUp5x3rLfHt7g8IYE4b7+/tRaLLx6U6yuLgIXdcBANvb2/D5fJidnQUA25XwN/koUqvVwtbWlrDPzMwAl5eXjp9z/1fTNO39+a1QKIxcTG9bW1sjIssb9fHxMYrFIu7u7vDy8uJkhX4MVVURiUSQy+WwuroKAPgHpW6jNvSQxQMAAAAASUVORK5CYII=) no-repeat right top; background-size: 1.428571429rem; } /* Temporarily disable cart and sign in options */ .toptray .cart, .toptray .profile { display: none; } /* hide Toptray for android app */ body.android > .toptray { display: none; } /* Logo */ body > header { display: grid; grid-template-columns: 1fr; row-gap: 1rem; } body > header > h1 { padding: 0 2rem; margin: 1rem 0; text-align: center; } body > header > h1 > a > img { max-width: 100%; } /* hide header for android app */ body.android > header { display: none; } /* Main Navigation Collapsed */ nav { box-sizing: border-box; height: 0.928571429rem; overflow: visible; padding: 0 1rem; position: relative; } nav > div { display: flex; flex-wrap: wrap; font-family: 'Muli', Helvetica, Arial, sans-serif; font-size: 0.928571429rem; font-weight: bold; justify-content: center; text-transform: uppercase; } nav > div a { color: #000; } nav > div > .ico-close { cursor: pointer; display: none; height: 1.428571429rem; padding: 0.214285714rem; position: absolute; right: 0; top: 0; width: 1.428571429rem; } nav > div > .chevron-down { border-bottom: 2px solid #000; border-right: 2px solid #000; display: inline-block; height: 0.571428571rem; margin-left: 0.214285714rem; position: relative; top: -1px; transform: rotate(45deg); width: 0.571428571rem; } nav > div > dl { padding-right: 0.7142857143rem; } nav > div > dl + dl { border-left: 2px solid #000; padding-left: 0.7142857143rem; } nav > div > dl > dd, nav > div > ul { display: none; } /* Main Navigation Expanded */ div.expanded { background: #fff; border: 1px solid #000; padding-top: 1rem; position: relative; z-index: 20; } nav > div.expanded > dl { border-width: 1px; box-sizing: border-box; padding-left: 0; width: 50%; } nav > div.expanded > dl:nth-of-type(3) { border-left: 0; } nav > div.expanded > dl > dt { font-size: 1.214285714rem; padding: 1rem 0 1.214285714rem 1rem; } nav > div.expanded > dl > dd { display: block; line-height: 1.1rem; padding: 0 1rem 0.857142857rem 1rem; } nav > div.expanded > ul { display: flex; flex-wrap: wrap; margin-top: 1.5rem; width: 100%; } nav > div.expanded > ul > li { width: 100%; } nav > div.expanded > ul > li:nth-of-type(3) { width: 50%; } nav > div.expanded > ul > li:last-of-type { text-align: right; width: 50%; } nav > div.expanded > ul > li a { display: inline-block; margin: 0 1rem 0.857142857rem 1rem; } nav > div.expanded > ul > li:last-of-type a { border: 1px solid #000; margin-top: -0.857142857rem; padding: 0.5rem 1rem; } nav > div.expanded > ul > li > .facebook, nav > div.expanded > ul > li > .instagram, nav > div.expanded > ul > li > .pinterest, nav > div.expanded > ul > li > .tiktok { height: 1.428571429rem; margin-right: 0; width: 1.428571429rem; } nav > div.expanded > .chevron-down { display: none; } nav > div.expanded > .ico-close { display: block; } /* Site Search */ header > .widget_rnr_search { height: 29px; } header > .widget_rnr_search input[type=search] { border: none; border-bottom: 1px solid #000; font-weight: bold; margin: 0.642857143rem auto 0.642857143rem 0.5rem; padding: 0; text-transform: uppercase; width: 15rem; } header > .widget_rnr_search input[type=search]::placeholder { color: #999; } header > .widget_rnr_search label.search { display: inline-block; padding-left: 1.428571429rem; } header > .widget_rnr_search label.search { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEn0lEQVRYhc2YSyx7XxDHp4+0VNXjtiUWHo0g4lUqIiSCxIKlBYmNdGMhIkgaFlK2VsTWxlbYiIj3DqElFaSbtqhKQ2j60FZVOr+F9B/9nXPbizb/3zeZzWRmzufOuefecw4PERG+oePjY9jf3weDwQAWiwWen58hGAyCWCwGhmGgpKQENBoNdHR0QHt7+3dK04Uc5Ha7Ua/XY1lZGQIAZysuLkadTodOp5PLMFQlBJybm0OGYb4F9rdJJBLU6/XJBby5ucG2trZfgf1tGo0Gr66ufg9oMBhQKpUmFS5qAoEAd3Z2OAPyEGMXiclkArVaHfe9rayshO7ubmhqaoLi4mKQSqUQCoXA4XDA+fk5bG9vw+HhYdwae3t70NnZGTcGAGIXydPTE0okEtan7+rqwoODA05PfnFxgVqtNm43rVZrwjoxgBqNhrXY0tIS52n5qt3dXSwoKGBd5ZwBFxYWqEUyMjLw5OTkR3BRuVwurKqqotafmppKDBgMBlEkElELnJ+f/wouqkAgwNpJh8MRH3BmZoaauLy8nBS4qK6urqjjDA8PxwfMz88nklpaWpIKF9XExAQxlkwmw4+PDzqg0WikPtXZ2VlKAH0+HwqFQmK89fV1ajx/fX2d+PSoVCqor69P/I36gaRSKQwMDBB+GgcAAP/09JRw9vX1JR0sUX2TyUSN5dtsNsLZ3NycdKivqqioIHyPj4/UWP7z8zPhLCoqSjrUV8nlcsjIyIjxeTwe8Pv9RCw/FAoRTolEkjI4AIC0tDQCMBwOA42FLxKJCOf7+3vK4KIwb29vMT6hUAg0Fj7DMITz4eEhZXAAAC6XC7xeb4xPJpMRXQUA4KtUKsJ5dnaWMjgAAKvVSviUSiXweDzCz9doNIRzbW0tJWBRbWxsEL7q6mp68NHREfVPcn9/n5I/SSQSwezsbGK8lZUVajwgIubm5hIJ/f39KQFcXFwkxkpPT8dgMMgOqNPpqF08OjpKKpzb7abu2LVaLWsOICJ6PB7k8XhEIsMw6PV6kwbY3Nz87a3/fzvq2dlZanJlZSX6fL5fw/X29lLrj4yMxM2LOZOUl5eznh2Oj49/BPbw8IAdHR3Uug0NDQnzYwBtNht1qqM2OTnJeXX7/X6cn59HmUzGWq+2thZfXl64AyIiHhwcsBYEABSLxTg4OIirq6toNpvR5XJhIBBAj8eDFosFt7a2cGxsjLpLp5lCocDb21vugIifR8V4nfxqEokEGYbBzMxMTvE0k8vleHd3xx0QEfH6+pr1qPhTU6vVrDdkcrmc+vrEvd2KRCI4PT2NAoHg13Dj4+OIiOj1ejEvL49zJzndD1qtVhwdHWU918abuqGhIby8vIypZ7fbUaFQUHPy8vJi3kni8iie3t/fYXNzE3Z3d8FkMoHT6QS32w3hcBiEQiFkZWVBfn4+1NTUQGdnJ/T09IBUKqXWcjgcoFargbajVygUYDQaobCwEDh1MJ5eX1/R7Xb/6GNut9tRLpezdt9ut3Ob4lTq7u4OlUolFbKuru7/B0T8hGRbOP8EICJ94ZSWlv47gIif/+3W1lbMycnBxsZGNJvN+AcvLU0H5lSexQAAAABJRU5ErkJggg==) no-repeat left center; background-size: 1.428571429rem; } header > .widget_rnr_search label.search { display: none; } /* Temporary Site Search (Google CSE) */ header { padding-bottom: 0; } header > .widget_rnr_search { border: none; font-weight: bold; margin: 0.642857143rem auto 0.642857143rem auto; padding: 0; width: 250px; } header > .widget_rnr_search input.gsc-input { color: #444 !important; font-size: 0.928571429rem !important; font-weight: bold !important; text-transform: uppercase !important; } header > .widget_rnr_search input.gsc-input::placeholder { color: #999 !important; font-size: 0.928571429rem !important; font-weight: bold !important; text-transform: uppercase !important; } header > .widget_rnr_search .gsc-input-box { border: none !important; border-bottom: 1px solid #000 !important; border-radius: 0 !important; padding: 4px 0 4px 0 !important; } header > .widget_rnr_search td.gsc-input { position: relative !important; left: 30px !important; width: 210px !important; } header > .widget_rnr_search td.gsc-input td { padding: 0; } header > .widget_rnr_search table.gsc-search-box tr { position: relative !important; } header > .widget_rnr_search td.gsc-search-button { margin: 0; position: absolute !important; left: 0 !important; top: 0 !important; } header > .widget_rnr_search button.gsc-search-button { border: none; height: 30px; margin: 0 !important; overflow: hidden !important; padding: 0 0 0 20px !important; width: 20px !important; } header > .widget_rnr_search button.gsc-search-button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEn0lEQVRYhc2YSyx7XxDHp4+0VNXjtiUWHo0g4lUqIiSCxIKlBYmNdGMhIkgaFlK2VsTWxlbYiIj3DqElFaSbtqhKQ2j60FZVOr+F9B/9nXPbizb/3zeZzWRmzufOuefecw4PERG+oePjY9jf3weDwQAWiwWen58hGAyCWCwGhmGgpKQENBoNdHR0QHt7+3dK04Uc5Ha7Ua/XY1lZGQIAZysuLkadTodOp5PLMFQlBJybm0OGYb4F9rdJJBLU6/XJBby5ucG2trZfgf1tGo0Gr66ufg9oMBhQKpUmFS5qAoEAd3Z2OAPyEGMXiclkArVaHfe9rayshO7ubmhqaoLi4mKQSqUQCoXA4XDA+fk5bG9vw+HhYdwae3t70NnZGTcGAGIXydPTE0okEtan7+rqwoODA05PfnFxgVqtNm43rVZrwjoxgBqNhrXY0tIS52n5qt3dXSwoKGBd5ZwBFxYWqEUyMjLw5OTkR3BRuVwurKqqotafmppKDBgMBlEkElELnJ+f/wouqkAgwNpJh8MRH3BmZoaauLy8nBS4qK6urqjjDA8PxwfMz88nklpaWpIKF9XExAQxlkwmw4+PDzqg0WikPtXZ2VlKAH0+HwqFQmK89fV1ajx/fX2d+PSoVCqor69P/I36gaRSKQwMDBB+GgcAAP/09JRw9vX1JR0sUX2TyUSN5dtsNsLZ3NycdKivqqioIHyPj4/UWP7z8zPhLCoqSjrUV8nlcsjIyIjxeTwe8Pv9RCw/FAoRTolEkjI4AIC0tDQCMBwOA42FLxKJCOf7+3vK4KIwb29vMT6hUAg0Fj7DMITz4eEhZXAAAC6XC7xeb4xPJpMRXQUA4KtUKsJ5dnaWMjgAAKvVSviUSiXweDzCz9doNIRzbW0tJWBRbWxsEL7q6mp68NHREfVPcn9/n5I/SSQSwezsbGK8lZUVajwgIubm5hIJ/f39KQFcXFwkxkpPT8dgMMgOqNPpqF08OjpKKpzb7abu2LVaLWsOICJ6PB7k8XhEIsMw6PV6kwbY3Nz87a3/fzvq2dlZanJlZSX6fL5fw/X29lLrj4yMxM2LOZOUl5eznh2Oj49/BPbw8IAdHR3Uug0NDQnzYwBtNht1qqM2OTnJeXX7/X6cn59HmUzGWq+2thZfXl64AyIiHhwcsBYEABSLxTg4OIirq6toNpvR5XJhIBBAj8eDFosFt7a2cGxsjLpLp5lCocDb21vugIifR8V4nfxqEokEGYbBzMxMTvE0k8vleHd3xx0QEfH6+pr1qPhTU6vVrDdkcrmc+vrEvd2KRCI4PT2NAoHg13Dj4+OIiOj1ejEvL49zJzndD1qtVhwdHWU918abuqGhIby8vIypZ7fbUaFQUHPy8vJi3kni8iie3t/fYXNzE3Z3d8FkMoHT6QS32w3hcBiEQiFkZWVBfn4+1NTUQGdnJ/T09IBUKqXWcjgcoFargbajVygUYDQaobCwEDh1MJ5eX1/R7Xb/6GNut9tRLpezdt9ut3Ob4lTq7u4OlUolFbKuru7/B0T8hGRbOP8EICJ94ZSWlv47gIif/+3W1lbMycnBxsZGNJvN+AcvLU0H5lSexQAAAABJRU5ErkJggg==) no-repeat left center; background-size: 1.428571429rem; } header > div > .gsc-control-cse { padding: 0 !important; } /* Home Page */ .top-stories { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; padding-bottom: 2rem; } .top-stories > h1 { border-top: 1px solid #000; color: #666; grid-column: 1 / -1; font-weight: 700; padding: 0.357142857rem 0 0 0.357142857rem; text-transform: uppercase; } .top-stories > article { background: #f6f6f6; display: block; } .top-stories > article > a { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; justify-content: flex-start; } .top-stories > article > a > h2 { color: #000; box-sizing: border-box; flex-grow: 1; font-size: 1rem; font-weight: 700; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: left; text-transform: none; width: 100%; } .top-stories > article > a > .datepublished { box-sizing: border-box; color: #888; font-size: 0.714285714rem; padding: 0 0.5rem; margin: 0.5rem 0; text-align: left; width: 100%; } .top-stories > article > a > .thumbnails { display: grid; grid-gap: 0.714285714rem; grid-template-columns: 1fr; order: -1; width: 100%; } .top-stories > article > a > .thumbnails > div { padding-top: 90%; width: 100%; } .top-stories > article:not(:first-of-type) > a > .thumbnails > div:not(:first-of-type) { display: none; } .top-stories > article:not(:first-of-type) > a > .author { display: none; } .top-stories > article:not(:first-of-type) > a > .photographer { display: none; } .top-stories > article:not(:first-of-type) > a > blockquote { display: none; } .top-stories > article:not(:first-of-type) > a > .read-more { display: none; } .top-stories > article:first-of-type { background: #fff; grid-column: 1 / 3; margin-bottom: 1rem; } .top-stories > article:first-of-type > a { flex-direction: row; } .top-stories > article:first-of-type > a > h2 { font-size: 2rem; font-weight: 300; padding: 0.5rem 0 1rem 0; text-align: center; text-transform: uppercase; } .top-stories > article:first-of-type > a > .author, .top-stories > article:first-of-type > a > .photographer { color: #000; flex-grow: 1; font-size: 0.714285714rem; line-height: 0.928571429rem; text-align: center; text-transform: uppercase; } .top-stories > article:first-of-type > a > .author::before { color: #444; content: 'Words by'; display: block; font-weight: 700; } .top-stories > article:first-of-type > a > .photographer::before { color: #444; content: 'Photos by'; display: block; font-weight: 700; } .top-stories > article:first-of-type > a > .datepublished { text-align: center; } .top-stories > article:first-of-type > a > .thumbnails { display: grid; grid-template-columns: 1fr 1fr 1fr; order: 0; } .top-stories > article:first-of-type > a > .thumbnails > div:first-of-type { grid-column: 1 / 3; grid-row: 1 / 4; } /* if there is only one thumbnail, make it fill the thumbnail area */ .top-stories > article:first-of-type > a > .thumbnails > div:first-of-type:last-of-type { grid-column: 1 / -1; grid-row: 1 / -1; } /* if there are 3 thumbnails, hide the 2nd and 3rd, make the first fill the thumbnail area */ .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(2):last-of-type, .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(2):nth-last-of-type(2) { display: none; } .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(3):last-of-type { display: none; } .top-stories > article:first-of-type > a > .thumbnails > div:first-of-type:nth-last-of-type(2), .top-stories > article:first-of-type > a > .thumbnails > div:first-of-type:nth-last-of-type(3) { grid-column: 1 / -1; grid-row: 1 / -1; } /* hide 5th and 6th thumbnail in mobile view */ .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(5) { display: none; } .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(6) { display: none; } .top-stories > article:first-of-type > a > blockquote { color: #000; height: 6rem; overflow: hidden; line-height: 1.5rem; padding-top: 1rem; position: relative; } .top-stories > article:first-of-type > a > blockquote::first-line { text-transform: uppercase; } .top-stories > article:first-of-type > a > blockquote::first-letter { color: #000; float: left; font-size: 5.285714288rem; line-height: 0.7; margin: 0.428571429rem 0.571428571rem 0 0; } .top-stories > article:first-of-type > a > blockquote::after { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%); bottom: 0; content: ''; height: 4rem; position: absolute; left: 0; width: 100%; } .top-stories > article:first-of-type > a > .read-more { background: #000; border-radius: 3px; color: #fff; padding: 0.5rem 1rem; margin: 0.5rem auto 0 auto; text-transform: uppercase; } /* latest magazine and book widgets when embedded at the end of blog posts */ .our-products { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; padding-bottom: 2rem; } .latest-magazine { background: url(/wp-content/themes/rnr/img/front-page-magazine.jpg); background-position: center 0; background-size: cover; grid-column: 1; } .latest-magazine > a { color: #fff; display: block; font-family: 'Muli', Helvetica, Arial, sans-serif; font-size: 2rem; padding: 40% 0; text-align: center; width: 100%; } .latest-magazine > a > span { display: none; } .the-book { background: url(/wp-content/themes/rnr/img/front-page-book.jpg); background-position: center 0; background-size: cover; grid-column: 2; } .the-book > a { color: #fff; display: block; font-family: 'Muli', Helvetica, Arial, sans-serif; font-size: 2rem; padding: 20% 0; text-align: center; text-shadow: 0 0 0.5rem #000; text-transform: uppercase; width: 100%; } .the-book > a > span { display: none; } /* latest magazine banner */ .latest-magazine-banner { background: url(/wp-content/plugins/rnr_mag_store/img/latest_banner.png), linear-gradient(90deg, #f4cdd7 10%, #c8cee2 55%, #e0e6ac 90%, #f4c6da 120%); background-position: 0 5%; background-size: 500px, auto; grid-column: 1 / -1; margin: 0 -1rem; text-align: center; text-transform: uppercase; } /* replace the normal gradient background colours with a special gold for i50 */ x.latest-magazine-banner { background: url(/wp-content/plugins/rnr_mag_store/img/latest_banner_gold.png), linear-gradient(90deg, #c09c50 0%, #e7d89d 15%, #b17600 75%, #a27502 90%); background-position: 0 5%; background-size: 500px, auto; grid-column: 1 / -1; margin: 0 -1rem; text-align: center; text-transform: uppercase; } .latest-magazine-banner > a { display: block; padding-bottom: 5rem; } .latest-magazine-banner > a > span:first-of-type { background: #fff; color: #444; display: block; font-size: 0.857142857rem; font-weight: 700; padding: 0.5rem 0 0 0; } .latest-magazine-banner > a > span:last-of-type { background: #fff; color: #333; display: block; font-size: 2.357142857rem; padding: 0.5rem 0 0.5rem 0; } /* live event banner */ .live-event-banner { background: url(/wp-content/plugins/rnr_mag_store/img/live.png) space, linear-gradient(90deg, #f4cdd7 10%, #c8cee2 55%, #e0e6ac 90%, #f4c6da 120%); background-position: center; background-size: 120px, auto; grid-column: 1 / -1; margin: 0 -1rem; text-align: center; } .live-event-banner > a { display: block; padding-bottom: 6rem; } .more-stories { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } .more-stories > h1 { cursor: pointer; grid-column: 1 / -1; padding-bottom: 2rem; text-align: center; text-transform: uppercase; } .more-stories > h1 > .chevron-down { border-bottom: 2px solid #000; border-right: 2px solid #000; display: inline-block; height: 0.571428571rem; margin-left: 0.5rem; position: relative; top: -0.214285714rem; transform: rotate(45deg); width: 0.571428571rem; } .more-stories > h1 > span:before { content: 'more'; } .more-stories > article { background: #f6f6f6; display: none; } .more-stories > article > a { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; justify-content: flex-start; } .more-stories > article > a > h2 { color: #000; box-sizing: border-box; flex-grow: 1; font-size: 1rem; font-weight: 700; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: left; text-transform: none; width: 100%; } .more-stories > article > a > .datepublished { box-sizing: border-box; color: #888; font-size: 0.714285714rem; padding: 0 0.5rem; margin: 0.5rem 0; text-align: left; width: 100%; } .more-stories > article > a > .thumbnails { display: grid; grid-gap: 0.714285714rem; grid-template-columns: 1fr; order: -1; width: 100%; } .more-stories > article > a > .thumbnails > div { padding-top: 90%; width: 100%; } .more-stories > article > a > .thumbnails > div:not(:first-of-type) { display: none; } .more-stories > article > a > .author { display: none; } .more-stories > article > a > .photographer { display: none; } .more-stories > article > a > blockquote { display: none; } .more-stories > article > a > .read-more { display: none; } .more-stories.expanded > h1 { grid-row: 3; padding-top: 1rem; } .top-stories:first-of-type + .more-stories.expanded > h1 { grid-row: 5; } .more-stories.expanded > h1 > span:before { content: 'fewer'; } .more-stories.expanded > h1 > .chevron-down { transform: rotate(225deg); top: 0.214285714rem; } .more-stories.expanded > article { display: block; } /* most popular widget */ .most-popular { display: grid; grid-gap: 1rem; grid-template-columns: 1fr; padding-bottom: 2rem; } .most-popular > h1 { border-top: 1px solid #000; color: #666; font-weight: 700; padding: 0.357142857rem 0 0 0.357142857rem; text-transform: uppercase; } .most-popular > article { border-bottom: 1px solid #eee; display: block; padding-bottom: 1rem; } .most-popular > article:last-of-type { border-bottom: none; padding-bottom: 0; } .most-popular > article > a { display: grid; grid-gap: 0.5rem; grid-template-columns: 1fr 1fr 2fr; grid-template-rows: 1fr auto auto; } .most-popular > article > a > h2 { color: #000; box-sizing: border-box; flex-grow: 1; font-size: 1.214285714rem; font-weight: 700; grid-column: 1 / 3; padding: 0.5rem 0.5rem 0 0.5rem; text-align: center; } .most-popular > article > a > span { grid-column: 3 / 4; grid-row: 1 / 4; padding-top: 66.7%; } .most-popular > article > a > .author { color: #666; font-size: 0.857142857rem; font-size: 0.642857143rem; text-align: center; } .most-popular > article > a > .photographer { color: #666; font-size: 0.857142857rem; font-size: 0.642857143rem; text-align: center; } .most-popular > article > a > .author::before { content: 'Words'; display: block; font-weight: 700; text-transform: uppercase; } .most-popular > article > a > .photographer::before { content: 'Photos'; display: block; font-weight: 700; text-transform: uppercase; } .most-popular > article > a > .datepublished { align-self: end; color: #888; font-size: 0.714285714rem; grid-column: 1 / 3; padding-bottom: 0.5rem; text-align: center; } /* you may also like widget */ .you-may-also-like { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; padding-bottom: 2rem; } .you-may-also-like > h1 { border-top: 1px solid #000; color: #666; font-weight: 700; grid-column: 1 / -1; padding: 0.357142857rem 0 0 0.357142857rem; text-transform: uppercase; } .you-may-also-like > article { background: #f6f6f6; } .you-may-also-like > article > a { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; justify-content: flex-start; } .you-may-also-like > article > a > h2 { color: #000; box-sizing: border-box; flex-grow: 1; font-size: 1rem; font-weight: 700; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: left; text-transform: none; width: 100%; } .you-may-also-like > article > a > .author { display: none; } .you-may-also-like > article > a > .photographer { display: none; } .you-may-also-like > article > a > .datepublished { box-sizing: border-box; color: #888; font-size: 0.714285714rem; padding: 0 0.5rem; margin: 0.5rem 0; text-align: left; width: 100%; } .you-may-also-like > article > a > .thumbnails { display: grid; grid-gap: 0.714285714rem; grid-template-columns: 1fr; order: -1; width: 100%; } .you-may-also-like > article > a > .thumbnails > div { padding-top: 90%; width: 100%; } .you-may-also-like > article > a > .thumbnails > div:not(:first-of-type) { display: none; } .you-may-also-like > article > a > blockquote { display: none; } .you-may-also-like > article > a > .read-more { display: none; } /* hide you may also like widget in android app*/ body.android .you-may-also-like { display: none; } /* Front page widget areas */ .banner-one, .banner-two, .banner-three, .banner-four, .banner-five, .banner-six, .banner-seven, .banner-eight { display: grid; grid-gap: 1rem; grid-template-columns: repeat(2, 1fr); margin-bottom: 2rem; padding: 1rem 1rem 0 1rem; } /* 'In Print' magazine products banner */ .in-print { grid-column: 1 / -1; display: grid; grid-gap: 1rem; margin: 0 -1rem; position: relative; } .in-print > h1 { border-top: 1px solid #000; color: #666; grid-column: 1 / -1; font-weight: 700; padding: 0.357142857rem 0 0 0.357142857rem; text-transform: uppercase; } .in-print > .magazine-banner { display: flex; overflow: auto; } .in-print > .magazine-banner::-webkit-scrollbar { display: none; } .in-print > .magazine-banner > .tile { flex-shrink: 0; margin-bottom: 0; min-width: 110px; width: 17%; } .in-print > .magazine-banner > .tile > a > .deets_wrapper { margin-top: 1rem; } .in-print > .magazine-banner > .tile > a > .deets_wrapper > p > .title { background-color: #f9c323; border-radius: 3px; display: inline-block; font-family: 'Muli', Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 700; line-height: 2rem; padding: 0 1rem; transition: color 100ms; } .magazine-banner > .tile > a > .deets_wrapper > p > .title:hover { background-color: #ead171; } .magazine-banner > .tile > a > .deets_wrapper > p > .title > .chevron-right { border-bottom: 2px solid #333; border-right: 2px solid #333; display: inline-block; height: 0.571428571rem; margin-left: 0.5rem; transform: rotate(-45deg); width: 0.571428571rem; } .magazine-banner > .tile > a > .deets_wrapper > p > .price { display: none; } .in-print > .scroll-left { align-self: center; background-color: #fff; border-bottom-right-radius: 3px; border-top-right-radius: 3px; line-height: 7rem; position: absolute; left: 0; text-align: center; transition: 0.3s; width: 3rem; } .in-print > .scroll-left > .chevron-left { border-bottom: 2px solid #333; border-right: 2px solid #333; display: inline-block; height: 0.857142857rem; margin-left: 0.5rem; transform: rotate(135deg); width: 0.857142857rem; } .in-print > .scroll-right { align-self: center; background-color: #fff; border-bottom-left-radius: 3px; border-top-left-radius: 3px; line-height: 7rem; position: absolute; right: 0; text-align: center; transition: 0.3s; width: 3rem; } .in-print > .scroll-right > .chevron-right { border-bottom: 2px solid #333; border-right: 2px solid #333; display: inline-block; height: 0.857142857rem; margin-left: 0.5rem; transform: rotate(-45deg); width: 0.857142857rem; } .in-print > .scroll-left.hidden, .in-print > .scroll-right.hidden { display: hidden; opacity: 0; } /* Become An Advertiser banner */ /*.become { background: linear-gradient(90deg, #f4cdd7 10%, #c8cee2 55%, #e0e6ac 90%, #f4c6da 120%); grid-column: 1 / -1; margin: 0 -1rem; text-align: center; text-transform: uppercase; } */ .become { border: 5px solid #000; grid-column: 1 / -1; margin: 0 -1rem; text-align: center; text-transform: uppercase; } .become > p:first-of-type { color: #444; font-size: 0.857142857rem; font-weight: 700; padding: 2rem 0 0.5rem 0; } .become > p:last-of-type { color: #333; font-size: 2.357142857rem; padding: 0 0 2rem 0; } /* Category & Tag Pages */ .archives { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } .archives > h1 { border-top: 1px solid #000; font-size: 31px; font-size: 2.214285714rem; grid-column: 1 / -1; margin: 14px 0; margin: 1rem 0; padding-top: 14px; padding-top: 1rem; text-align: center; text-transform: uppercase; } .archives > article { background: #f6f6f6; } .archives > article > a { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; justify-content: flex-start; } .archives > article > a > h2 { color: #000; box-sizing: border-box; flex-grow: 1; font-size: 1rem; font-weight: 700; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: left; text-transform: none; width: 100%; } .archives > article > a > .author { display: none; } .archives > article > a > .photographer { display: none; } .archives > article > a > .datepublished { box-sizing: border-box; color: #888; font-size: 0.714285714rem; padding: 0 0.5rem; margin: 0.5rem 0; text-align: left; width: 100%; } .archives > article > a > .thumbnails { display: grid; grid-gap: 0.714285714rem; grid-template-columns: 1fr; order: -1; width: 100%; } .archives > article > a > .thumbnails > div { padding-top: 90%; width: 100%; } .archives > article > a > .thumbnails > div:not(:first-of-type) { display: none; } .archives > article > a > blockquote { display: none; } .archives > article > a > .read-more { display: none; } /* About Page */ .page-id-2 .wp-block-image.profile { text-align: center; } .page-id-2 .wp-block-image.profile .alignleft { float: none; margin-left: auto; margin-right: auto; } .page-id-2 .wp-block-image.profile .alignleft img { display: block; } /* Contact Us Page */ .page-id-36945 article > div > address { font-size: 1.2rem; line-height: 1.5rem; max-width: 45rem; } .page-id-36945 article > div > h2 { clear: none; font-size: 1.5rem; font-weight: 700; margin-top: 2rem; text-align: left; } .page-id-36945 article > div > h2 + p > a { background: #000; color: #fff; border-bottom: none; display: inline-block; margin-bottom: 1rem; padding: 0.5rem 1rem; text-transform: uppercase; } /* Shop Pages - categories */ .page-id-163717 > .site > main > section:first-of-type { border-top: 1px solid #000; margin-top: 14px; margin-top: 1rem; } .page-id-163717 > .site > main > section { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } .page-id-163717 > .site > main > section > ol { grid-column: 1 / -1; xpadding-left: 1rem; } .page-id-163717 > .site > main > section > ol > li { display: inline-block; } .page-id-163717 > .site > main > section > ol > li::before { content: '>'; display: inline-block; padding: 0 0.5rem; } .page-id-163717 > .site > main > section > ol > li:first-of-type::before { content: ''; display: none; } .page-id-163717 > .site > main > section > ol > li > a { color: #444; } .page-id-163717 > .site > main > section > h1 { grid-column: 1 / -1; font-family: 'Muli', Helvetica, Arial, sans-serif; font-size: 2.5rem; margin: 1rem 0 1.714285714rem 0; text-align: center; text-transform: uppercase; } .page-id-163717 > .site > main > section > p { grid-column: 1 / -1; margin: 0 0 1.714285714rem 0; text-align: left; } .page-id-163717 > .site > main > section > p > a { color: #333; } .page-id-163717 > .site > main > section > p > a > img { padding-left: 0.5rem; } .page-id-163717 > .site > main > section > .tile { width: 100%; } .page-id-163717 > .site > main > section a { text-align: center; } .page-id-163717 > .site > main > section img { margin: 0 auto; max-width: 100%; } .page-id-163717 > .site > main > section h2 { color: #333; font-size: 1.285714286rem; font-weight: 700; padding-top: 1rem; text-align: center; } /* Shop Pages - FAQs */ .page-id-163717 > .site > main > .faqs { display: block; margin-top: 3rem; padding: 0; } .page-id-163717 > .site > main > .faqs details { margin-top: 1rem; } .page-id-163717 > .site > main > .faqs > details > summary { border-bottom: 2px solid #ccc; cursor: pointer; font-size: 2rem; list-style-type: none; padding: 0 0 1rem 0.5rem; position: relative; } .page-id-163717 > .site > main > .faqs > details > summary::after { border-bottom: 2px solid #444; border-right: 2px solid #000; content: ''; display: inline-block; height: 0.571428571rem; position: absolute; right: 1rem; top: 1rem; transform: rotate(-135deg); transition: all 300ms ease; width: 0.571428571rem; } .page-id-163717 > .site > main > .faqs > details[open] > summary::after { transform: rotate(45deg); transition: all 300ms ease; } .page-id-163717 > .site > main > .faqs > details > details { padding-left: 0.5rem; } .page-id-163717 > .site > main > .faqs > details > details > summary { border-bottom: 2px solid #ccc; cursor: pointer; font-size: 1.2rem; font-weight: 700; list-style-type: none; margin-top: 1rem; padding: 0 0 1rem 0.5rem; position: relative; text-transform: uppercase; } .page-id-163717 > .site > main > .faqs > details > details > summary::after { border-bottom: 2px solid #444; border-right: 2px solid #000; content: ''; display: inline-block; height: 0.571428571rem; position: absolute; right: 1rem; top: 0.357142857rem; transform: rotate(-135deg); transition: all 300ms ease; width: 0.571428571rem; } .page-id-163717 > .site > main > .faqs > details > details[open] > summary::after { transform: rotate(45deg); transition: all 300ms ease; } .page-id-163717 > .site > main > .faqs > details > details > h3 { color: #000; font-weight: 700; margin-top: 1rem; padding-left: 1rem; } .page-id-163717 > .site > main > .faqs > details > details > p { line-height: 1.5rem; padding: 1rem 0 0 0; padding-left: 1rem; } .page-id-163717 > .site > main > .faqs > details > details > p:last-of-type { padding-bottom: 1rem; } .page-id-163717 > .site > main > .faqs > details > details > p + h3 { margin-top: 2rem; } /* Shop Pages - individual product page */ .page-id-163717 > .site > .site-content > main > article > section > p a { border-bottom: 3px solid #610617; } /* Rockstar Vendors */ body.page .rockstar-vendors { display: grid; grid-gap: 3rem 1rem; grid-template-columns: 1fr 1fr; } body.page .rockstar-vendors h1 { font-size: 2.214285714rem; margin-bottom: 1.714285714rem; text-align: center; text-transform: uppercase; } body.page .rockstar-vendors .option-1 { align-content: start; display: grid; grid-column: 1 / -1; grid-template-columns: 1fr; position: relative; z-index: 1; } body.page .rockstar-vendors .option-1 h2 { color: #000; font-family: 'Lora', Helvetica, Arial, sans-serif; font-size: 2rem; margin-bottom: 2rem; text-align: center; } body.page .rockstar-vendors .option-1 > .thumbnails { display: grid; grid-gap: 0.714285714rem; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 2rem; width: 100%; } body.page .rockstar-vendors .option-1 > .thumbnails > div { background-position: 50% 50%; background-size: cover; padding-top: 90%; width: 100%; } body.page .rockstar-vendors .option-1 > .thumbnails > div:first-of-type { grid-column: 1 / 3; grid-row: 1 / 4; } body.page .rockstar-vendors .option-1 > .description { color: #444; font-size: 1.2rem; line-height: 1.7; margin-bottom: 2rem; position: relative; } body.page .rockstar-vendors .option-1 > .description::first-line { text-transform: uppercase; } body.page .rockstar-vendors .option-1 > .description::first-letter { color: #000; float: left; font-size: 7rem; line-height: 0.75; margin-top: 5px; padding-right: 0.857142857rem; } body.page .rockstar-vendors .option-1 > blockquote { color: #000; font-family: 'Muli', Helvetica, Arial, sans-serif; font-size: 1.142857143rem; font-weight: 600; margin-bottom: 2rem; text-align: center; } body.page .rockstar-vendors .option-1 > a { align-items: center; column-gap: 0.357142857rem; display: flex; margin-bottom: 0.5rem; z-index: 1; } body.page .rockstar-vendors .option-1 > a:first-of-type { position: static; } body.page .rockstar-vendors .option-1 > a:first-of-type::before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } body.page .rockstar-vendors .option-1 .region { align-items: center; column-gap: 0.357142857rem; display: flex; } body.page .rockstar-vendors .option-1 .ico { color: #444; display: inline-block; height: 20px; vertical-align: middle; width: 20px; } body.page .rockstar-vendors .option-1 .ico.instagram { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsYAAALGAGJqbUQAAAAIGNIUk0AAHolAACAgQAA9dYAAIAjAABssAAA6XsAADjvAAAVpf1M3QIAAAPeSURBVHjaxJldiFVVFMd/9851Gs1RdEotmxlFx8yHJMWhYISmSENQEfyIJvDB0Dcl7UWwp0hQQhSCgqCGkKnowbRJkBlDxzFS8QO1mBotzaFxHD9HazT1nh5aJ9es9j13n4Nz7x823L33Wuv8797rrL3WPimiUQW8AtQCNUAFUA48ApQCJUAaSIl8SukGqt0H7ki7BVwHfgOOAa3Aj8TE80CzGA4K0L4HFvuSe7dApFytyZJJmf7HwJs5iP8KdAN/Av3APWkBkDX2AtVPiyuUAEOlPQ5MElex+AGok90bgHcc/+gUsBqYzMPHWOA1YI/juc1WeIpDaDOFQ4Pj+Q1a4BszuaUApEaa/iLD4UI4UW4mzg8ysQzwCdAnoWa+mtthuLwIsMQMrh1kgusc2zlO5qaa8Q8zwAvGwM4ED01JIH9MfoeB+C+H7CzH2CTgItAhW1sp48+FhELGl2ISmwZ8IG5hV6UX+ByoNzoLjdwZoEzNt6q5swAH1MDxGOS2xQjAO4HRSncZ8C3QCIwxdpuUXg/AUTXQ7kFsKHAwwSnxh6x4PnykdG5kzPLe9jCwT5IHjV+AFuBnOV0mArPlTA/xhJy5U/K4kuaQBuhUjHfnIfe+Y2XejpBfDFw18vl2aZOS7QvP2JxHjMI4B7mXPVb8KeCm0ZsfIb9RE0yHyyjIRijaldoA7PUg2AXMdejmwv+SBB0idkUoarmuBLGyzaziKI90ry/taXy8ZNchdiUg+Jnp1+aQC7BviWdqpHEuAcGfHL6ZF2mSISiQjjfBXtOvTPCsp02/+2ES7JKTIMSCBARfN/3DEYnHAIKB5/bsUP1qKQV88ayUryFOAJd9lX0DdbUjUNd62B8th77WWxYh/54NM1nPLT8vVZ/GIWB5hE49cNJkLCeALyN0Smz6/bfqD8mzGiulJHxGjTUCb0n6dFKShRpgjiMXvOfhv6XWH4+rJW3z2LIKIRI33bqVI5uOSreupaUID/Goh4ErwAzg0xgvyV55UY54yA63qVezYtwdM3TUAV+Inl2x61KUL41pUxfynRkpbnRKVQX87mmsXVqp+OV4cfIeKYD6EsTLGvX7MsAb5p+voniYYMvOME7pwY4iEtxuuLzkKvUCYH0RyNU7iqz/MN3h5GsKSG6e4/nLfQqi76TQHj5IdzR1jm0NpEJ0XmB+leMq9pokqVeAGxKf+qV+yKqEI3DYDS8wy+TCcoSk+5XAk45nnQZmmhNuALYW8Qr4a1OnR/pESwGJHQVW5E0OHZgOvCppVZVszzBJKobw4BNErs8QKBe4K61fzuVu/v0M0QLsz0XgnwEAbJPnBOtKzEMAAAAASUVORK5CYII=) no-repeat left center; background-size: 20px; } body.page .rockstar-vendors .option-1 .ico.region { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAJG9AACRvQGoNGm1AAAAIGNIUk0AAHolAACAgQAA9dYAAIAjAABssAAA6XsAADjvAAAVpf1M3QIAAAQxSURBVHjavJh7iFdFFMc/m1lom+Wjh1gspKL2R7UEmYT4pFrEbS2hkPonLME0DSoj80U+ywdtaS4ra5TbQ0yiXNbaVtESjBAflO8yN8TKrJ9ouT6v/3yvHC733pl7f6sHht07c873952Zc86cGcgv5cCrQCPwJxBE2nGgCZgKPMBVktuBucCJCJlWYDewCWgGdgEnIzqngUVA2ZUg1hF4x/zY/8BiYATQPcXuFqACeAsoGPvlQOe2IveYWbGtwCNFYD0BbDNExxRLbo6AzgNDgSnAWqAv0BUYKf+aDjRotXxkjCFZnZfcxwZkHTAOmAH8DXwOvKyxPSL9hb7rgRIP/FKgTjZfFUMuAGqBw4rMFvX9JOKLZPMg8CPwkifBMBOcEt7XvuTejEkZv0ZSyRKj3xv4HVjgGaE3ALcBdxq8X/T3fZfx0Bhytm0z29hLNivM+H6gRwp+f+AAME3fjwOfAMO1IwFQlWR8LfBPCrkjwHvmu0W+GAD/apUDYHQKwbHAeqAGeAPYKB8+AlwwAVkaZ7xQCoeBiylEJwDzIn2TgZ7AbGC8xzZ/5tipmriICgcLKYb7gIki9CVwDHhKKacv0B64I4XYQwqiFrXVwGvKj3anAvnoZZnhmJElXwCOKmnfmjE7hP66w/Q9D0xSLq1TGosGIicUpVs8iQZKK1mlv3LeQrnJSuAaRXYoTyqqC2FHH/3geKCLnPZUCrE/gAE5k/86BZTFmwn0k/9Okd5ijQ0EeEUffYB2wBrgoAHYDgwG7lJ5NT0nuUc9d+a8mcR8FPaBlrlEM/pAkdwacyp0yEisRP4U5GjfIratEdCuRulmoDJc7pyyPifBveifXTGgL6pC+U46m5ISqIc05CR4NCTYnAJeJucNgGfVVwk8l4Hg1pwEC9i9dsgIVcJTDcBOHXHlDtsyR2ZIaicxkeor9QkzbXDY3a+ybTYwSMXuWgfBv9DM/vMkd7epOuJaRUbf7O4TJBv14RMAKz225FNgKXCPB16ZA68ZlT2Blt0lL2T0IZ/7cFod8DaaaaCz0UfWeJLbp3u0S64HziRgDAmVAhUMPnKTLukugqM88WYl1J/HrFJ1lLGH1DkIVnriTEuwX2aVOqvz5wwEKxKAtysVdfPEKU3A6ZkUoVWewBN8gR3SAfgtgvFhkuJFXV58pCrBd+7NcVaPi2B0SXs7cZ3NodwXQ+7dnMVENz1IBcAzLuVlUlzq0OsVqY6biijHXhfGKl+DRs8VaWqDV6r5wtic1bDRPBzdmKDzfYZTKCrXmfvx5ryzqxHAmYS8Nkjj32TEfdi4x0fFvhE+bfxsCzAsMj5Rl+1yD6yBwAaDN7Yt36ZrI+8yc3TPBeiUYNdeBcNM84IVBsMVeavuZ6Lcth/kq6vVNgCHYvRqPcuwNpHhumDvAM7GkDmny1i17sQleX7k0gDskVH6TmYlTAAAAABJRU5ErkJggg==) no-repeat left center; background-size: 20px; } body.page .rockstar-vendors .option-2 { grid-column: 1 / -1; } body.page .rockstar-vendors .option-2 a { align-content: start; background: #f6f6f6; display: grid; grid-gap: 1rem; grid-template-columns: 1fr; height: 100%; } body.page .rockstar-vendors .option-2 a > .thumbnails { grid-column: 1 / -1; grid-row: 1 / 2; } body.page .rockstar-vendors .option-2 a > .thumbnails > div { background-position: 50% 50%; background-size: cover; padding-top: 70%; width: 100%; } body.page .rockstar-vendors .option-2 a > h2 { color: #000; grid-column: 1 / -1; grid-row: 2 / 3; padding: 0 1rem; text-align: center; } body.page .rockstar-vendors .option-2 a > blockquote { color: #444; grid-column: 1 / -1; grid-row: 3 / 4; line-height: 1.5rem; padding: 0 1rem 1rem 1rem; text-align: center; } body.page .rockstar-vendors .option-3 a { align-content: start; background: #f6f6f6; display: grid; grid-gap: 1rem; grid-template-columns: 1fr; height: 100%; } body.page .rockstar-vendors .option-3 a > .thumbnails { grid-column: 1 / -1; grid-row: 1 / 2; } body.page .rockstar-vendors .option-3 a > .thumbnails > div { background-position: 50% 50%; background-size: cover; padding-top: 90%; width: 100%; } body.page .rockstar-vendors .option-3 a > h2 { color: #000; font-size: 1rem; font-weight: 700; grid-column: 1 / -1; grid-row: 2 / 3; line-height: 1rem; padding: 0 0.5rem 1rem 0.5rem; text-align: left; text-transform: none; } .cover > span { display: none; } .adsense { clear: both; text-align: center; } .adsense > ins, .adsense > div { display: inline-block; padding-top: 24px !important; padding-top: 1.714285714rem !important; } /* Sidebar */ .widget-area { display: none; } /* Footer */ .moarlinks, .widget_rnr_popular { background-color: #f6f6f6; border-bottom: 1px solid #999; font-size: 0; line-height: 2; margin: 0 auto; max-width: 580px; overflow: hidden; padding: 0 10px 24px 10px; padding-bottom: 1.714285714rem; _width:expression(this.scrollWidth > 580 ? "580px" : "auto"); } .moarlinks div { display: -moz-inline-stack; display: inline-block; font-size: 14px; font-size: 1rem; margin-right: 5%; overflow: hidden; vertical-align: top; width: 28%; zoom: 1; *display: inline; } .widget_rnr_popular li { line-height: 1.7; margin-bottom: 24px; margin-bottom: 1.714285714rem; overflow: hidden; vertical-align: top; width: 100%; } /* hide footer for android app */ body.android > footer { display: none; } /* footer stuffs */ .moarlinks div:nth-child(2) { margin-right: 0; } .moarlinks div:nth-child(3), .moarlinks div:nth-child(4), .moarlinks div:nth-child(5) { display: none; } .moarlinks div, .widget_rnr_popular li { margin-right: 5%; width: 47.5%; } .widget_rnr_popular h3 { font-size: 16px; font-size: 1.142857143rem; text-align: left; } .widget_rnr_popular li { display: -moz-inline-stack; display: inline-block; font-size: 0; margin-bottom: 0; zoom: 1; *display: inline; } .widget_rnr_popular .pos-2 { margin-right: 0; } .widget_rnr_popular .pos-3, .widget_rnr_popular .pos-4 { margin-top: 14px; margin-top: 1rem; } .widget_rnr_popular .pos-4 { margin-right: 0; } .widget_rnr_popular .pos-5 { display: none; margin-right: 0 } .widget_rnr_popular img { margin-bottom: 12px; margin-bottom: 0.857142857rem; } .widget_rnr_popular div { display: inline-block; font-size: 12px; font-size: 0.857142857rem; margin: 12px 0 0 0; margin: 0.857142857rem 0 0 0; zoom: 1; *display: inline; } .widget_rnr_popular p { margin: 14px 0 0 0; margin: 1rem 0 0 0; } .widget_rnr_popular span { display: block; height: 152px; height: 10.85714285714286rem; overflow: hidden; width: 100%; } .widget_rnr_popular img { max-width: none; } .widget_rnr_popular .landscape { margin-left: -74px; margin-top: -24px; } .widget_rnr_popular .portrait { margin-left: -24px; margin-top: -74px; } .widget_rnr_popular div, .widget_rnr_popular p { font-size: 14px; font-size: 1rem; margin: 0; } .widget_rnr_popular div { background: #000; color: #fff; height: 21px; height: 1.5rem; text-align: center; vertical-align: top; width: 21px; width: 1.5rem; } .moarlinks .desktop, .moarlinks .pre-desktop { display: none; } .moarlinks .last { margin-right: 0; } .moarlinks h3 { border-bottom: 1px solid #999; white-space: nowrap; } .moarlinks img { height: auto; width: 100%; } .moarlinks h3, .widget_rnr_popular h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1; margin: 16px 0 0 0; margin: 1.142857143rem 0 0 0; padding: 0 0 7px 0; padding: 0 0 0.5rem 0; text-transform: uppercase; } .moarlinks ul, .widget_rnr_popular ol { margin-top: 14px; margin-top: 1rem; } .moarlinks a, .widget_rnr_popular a { color: #444; vertical-align: middle; } .widget_rnr_popular a { display: inline-block; width: 100%; zoom: 1; *display: inline; } .moarlinks span { display: -moz-inline-stack; display: inline-block; height: 17px; margin-right: 8px; margin-right: 0.571428571rem; overflow: hidden; vertical-align: middle; width: 17px; zoom: 1; *display: inline; } .moarlinks span img { width: auto; } .moarlinks .facebook { background-repeat: no-repeat; background-position: left center; background-size: 20px; display: inline-block; padding-left: 25px; } .moarlinks .instagram { background-repeat: no-repeat; background-position: left center; background-size: 20px; display: inline-block; padding-left: 25px; } .moarlinks .pinterest { background-repeat: no-repeat; background-position: left center; background-size: 20px; display: inline-block; padding-left: 25px; } .moarlinks .tiktok { background-repeat: no-repeat; background-position: left center; background-size: 20px; display: inline-block; padding-left: 25px; } .legal { background-color: #f6f6f6; font-size: 11px; font-size: 0.785714288rem; line-height: 1; margin: 0 auto; max-width: 580px; padding: 12px 14px 16px 14px; padding: 0.857142857rem 2% 1.142857143rem 2%; text-transform: uppercase; width: 96%; _width:expression(this.scrollWidth > 580 ? "580px" : "auto"); } /* 'Page' pages */ .site-content > #content > article > header { margin-left: auto; margin-right: auto; max-width: 45rem; } .site-content > #content > article > .entry-content > * { margin-left: auto; margin-right: auto; } .site-content > #content > article > .entry-content > figure.size-full { margin-bottom: 2rem; text-align: center; } .site-content > #content > article > .entry-content > figure.size-full > img { margin-left: auto; margin-right: auto; max-width: 100%; width: 100%; } .site-content > #content > article > .entry-content > p { font-size: 1.2rem; margin-left: auto; margin-right: auto; max-width: 45rem; } /* Article Pages */ .site-content > main > article > header { margin-left: auto; margin-right: auto; max-width: 45rem; } .site-content > main .entry-content > * { margin-left: auto; margin-right: auto; } .site-content > main .entry-content > figure.size-full { margin-bottom: 2rem; text-align: center; } .site-content > main .entry-content > figure.size-full > img { margin-left: auto; margin-right: auto; max-width: 100%; width: 100%; } .site-content > main .entry-content > p { font-size: 1.2rem; margin-left: auto; margin-right: auto; max-width: 45rem; } /* Article Titles */ article > header { margin-bottom: 2rem; text-align: center; } article > header > h1 { font-size: 31px; font-size: 2.214285714rem; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-transform: uppercase; } h1.entry-title { font-size: 31px; font-size: 2.214285714rem; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; text-transform: uppercase; } .entry-title a { color: #444; } .byline { color: #666; font-size: 12px; font-size: 0.857142857rem; line-height: 1.7; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .byline a { border-bottom: 1px solid #666; color: #666; text-transform: uppercase; } article > header > .author, article > header > .photographer { color: #000; margin-bottom: 0.214285714rem; text-align: center; white-space: nowrap; } article > header .author::before { color: #444; content: 'Words by '; } article > header .photographer::before { color: #444; content: 'Photos by '; } article > header > .author > a:not(:hover), article > header > .photographer > a:not(:hover) { color: #444; } /* Article Body */ .entry-content { line-height: 1.7; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content p { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content p a { border-bottom: 3px solid #610617; } .entry-content blockquote { max-width: 45rem; } .entry-content h2 { max-width: 45rem; } .entry-content p + blockquote p { margin-top: -24px; } .entry-content .dropcap { color: #000; float: left; font-size: 80px; font-size: 5.714285714rem; line-height: 0.75; margin-top: 6px; padding-right: 12px; padding-right: 0.857142857rem; text-transform: uppercase; } .entry-content > p:first-of-type::first-line { text-transform: uppercase; } .entry-content > p:first-of-type::first-letter { color: #000; float: left; font-size: 7rem; line-height: 0.75; margin-top: 5px; padding-right: 0.857142857rem; } .entry-content .more-link { background: #000; color: #fff; display: -moz-inline-stack; display: inline-block; font-size: 14px; font-size: 1rem; line-height: 2.6; padding: 0 10px 0 10px; padding: 0 0.714285714rem 0 0.714285714rem; text-transform: uppercase; vertical-align: middle; white-space: nowrap; zoom: 1; *display: inline; } .entry-content .more-link:hover { background: #d13b93; } .entry-content span[id^="more-"] { display: block; height: 0; margin-top: -55px; padding-top: 55px; } /* edge to edge images */ .entry-content p img { margin: 0 -10px; max-width: 106%; } .entry-content p iframe { margin: 0 -10px; max-width: 106%; width: 106%; } /* 'js-responsive_video' class is added to the DOM by JS */ .entry-content p.js-responsive_video { height: 0; padding-bottom: 59.625%; position: relative; } .entry-content p.js-responsive_video iframe { position: absolute; left: 0; height: 100%; top: 0; } /* Amazon affiliate img bugs - do not display these at 100% container width */ .entry-content p img[width="1"] { width: auto; } /* WordPress smileys - do not display these at 100% container width */ .entry-content p img.wp-smiley { width: auto; } /* */ .entry-content > h2 { text-align: center; margin-bottom: 1rem; } /* Article Tags */ .tags > ul { background: #000; display: -moz-inline-stack; display: inline-block; font-size: 11px; font-size: 0.785714288rem; margin-bottom: 1.714285714rem; margin-left: 2rem; padding: 0.357142857rem 0.785714288rem 0.357142857rem 0; text-transform: uppercase; zoom: 1; white-space: normal; *display: inline; } .tags > ul > li { color: #fff; display: -moz-inline-stack; display: inline-block; padding-left: 6px; padding-left: 0.428571429rem; zoom: 1; white-space: nowrap; *display: inline; } .tags > ul > li > a { color: #fff; } /* Article Footer */ footer.entry-meta { background: none; padding: 0; white-space: nowrap; } /* Article Comments */ #commentform input, #commentform textarea { border: 1px solid #999; } .commentlist { border-bottom: 1px solid #999; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .comments-title, .comment { margin-bottom: 24px; margin-bottom: 1.714285714rem; word-wrap: break-word; } .comments-title span { background: #000; color: #fff; float: left; font-size: 11px; font-size: 0.785714286rem; line-height: 2.727272727; margin-right: 14px; margin-right: 1rem; min-width: 20px; mind-width: 1.428571429rem; padding: 0 5px; padding: 0 0.357142857rem; text-align: center; } .comment .avatar { clear: left; float: left; height: auto; margin: 0 14px 14px 0; margin: 0 1rem 1rem 0; width: 70px; width: 5rem; } .comment cite { font-style: normal; line-height: 1.5; } .comment cite a { border-bottom: 1px solid #333; color: #333; } .comment cite + a { color: #666; display: block; font-size: 12px; font-size: 0.857142857rem; line-height: 1.9; } .comment-content { line-height: 1.5; margin: 12px 0 0 84px; margin: 0.857142857rem 0 0 6rem; } .comment-content p { margin-bottom: 12px; margin-bottom: 0.857142857rem; } #reply-title { font-size: 28px; font-size: 2rem; text-transform: uppercase; } .logged-in-as, .comment-notes, .comment-form-url { padding-bottom: 12px; padding-bottom: 0.857142857rem; } .logged-in-as, .comment-notes, .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment { margin-top: 12px; margin-top: 0.857142857rem; } .comment-form-author, .comment-form-email, .comment-form-url { font-size: 0; } .comment-form-author input, .comment-form-email input, .comment-form-url input { font-size: 14px; font-size: 1rem; } .comment-form-author label, .comment-form-email label, .comment-form-url label { display: inline-block; font-size: 14px; font-size: 1rem; width: 70px; width: 5rem; } .comment-form-comment textarea { display: block; margin-top: 12px; margin-top: 0.857142857rem; width: 90%; } input#submit { background: #000; border: none; color: #fff; display: block; font-size: 11px; margin: 24px 0 0 0; margin: 1.714285714rem 0 0 0; padding: 6px 12px; text-transform: uppercase; } .comments-area .pagination { margin-bottom: 24px; margin-bottom: 1.714285714rem; } /* Gallery --------------------------------------- */ .gallery { border-top: 1px solid #999; display: block; margin-bottom: 24px; margin-bottom: 1.714285714rem; max-width: 45rem; } .gallery h2 { margin: 24px auto 16px auto; margin: 1.714285714rem auto 1.142857143rem auto; text-align: center; } .gallery > div { position: relative; width: 100%; } .gallery-item { max-width: 31.379310345%; position: absolute; } .gallery-icon { padding: 4px 0; padding: 0.285714288rem 0; zoom: 1; } .gallery-icon img { vertical-align: bottom; width: inherit; } .gallery .pin-it-button { display: none; margin-top: 9px; margin-top: 0.6428571423rem; text-align: left; width: 43px; } /* New default WP Blocks style gallery fix */ .wp-block-gallery { max-width: 80%; } .entry-content .wp-block-gallery.is-cropped .blocks-gallery-item img[height][width] { height: 100%; } /* add a heading to the gallery on blog posts */ figure.wp-block-gallery::before { content: "The Gallery"; display: block; font-family: 'Muli', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 2rem; margin: 0 auto 1.714285714rem auto; text-align: center; text-transform: uppercase; width: 100%; } /* allow gallery to go full width in android app*/ body.android .wp-block-gallery { max-width: 100%; } /* Supporting Cast --------------------------------------- */ .cast { color: #333; margin: 0 0 1.714285714rem 0; padding: 1.714285714rem; text-align: center; } .cast > h2 { color: #000; line-height: 1; margin: 0 auto 1.714285714rem auto; } .cast > ul > li > a { border-bottom: 1px solid #666; color: #666; } /* Pagination -------------------------------------------------------------- */ .pagination { border-bottom: 1px solid #999; font-size: 14px; font-size: 1rem; line-height: 2; margin-top: -24px; margin-top: -1.714285714rem; padding-bottom: 3px; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .pagination span { display: -moz-inline-stack; display: inline-block; height: 12px; margin-top: -3px; overflow: hidden; vertical-align: middle; width: 12px; zoom: 1; *display: inline; } .pagination div { display: -moz-inline-stack; display: inline-block; margin: 0 auto; vertical-align: middle; zoom: 1; *display: inline; } .pagination .newer { left: 0; padding-left: 21px; position: absolute; top: 3px; } .pagination .newer { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF5///VX6+VZvb//nzbLPn///hp2FE+f//Z0lE89aVbElE89unRElnldbzRERE////BTEooAAAAHdJREFUeNp0kVcOwCAMxR7dM7n/bcsMKQS+LBuEIOC6zsNBANoTTQL4+ecVwMAzBr6EzjMGPgXDx2D5EEzvg+0Z60ZEiyeBcuK+8kaBcoddwIMS32GV9HKj5L/qS/ndrsg82lIn2BQ18yAmARW8cBDQgee9wifAALcZHcdCTZVHAAAAAElFTkSuQmCC) no-repeat left center; background-size: 12px; } .pagination .newer span { margin-right: 8px; margin-right: 0.666666667rem; } .pagination .newer img { margin-left: -41px; margin-top: -36px; } .pagination .older { padding-right: 21px; position: absolute; right: 0; top: 3px; } .pagination .older { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRF25tV///n///5vn5VREmVxIRV///t1v//57Ns8/n/Z0lE89aVbElE89unRElnldbzRERE////F1QS6wAAAHFJREFUeNp80TkSgEAIRFHcd4X7X1Zn6CEBJGr/K8tA6ob7kXI29IiYNdgAXCeCDYAkQpIISSIFQqkQiUIgAC8NnBjIyszjYsPg2PEGBiW9gesA3xWCXiHqBcL+QdyFkv7zz+cJjzbaN/oN00a9V4ABAGYnImetkte8AAAAAElFTkSuQmCC) no-repeat right center; background-size: 12px; } .pagination .older span { margin-left: 8px; margin-left: 0.666666667rem; } .pagination .older img { margin-left: -41px; margin-top: -12px; } .pagination a { color: #000; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .pagination div a { display: none; padding: 0 6px; padding: 0 0.428571429rem; } .pagination .selected { color: #610617; } /* Magazine Store -------------------------------------------------------------- */ .product { border-bottom: 1px solid #999; margin-bottom: 24px; padding-bottom: 1.714285714rem; position: relative; text-align: center; } .product > p { font-size: 1.2rem; margin-left: auto; margin-right: auto; max-width: 45rem; } .product-title h1 { font-size: 35px; font-size: 2.5rem; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-transform: uppercase; } .product-images { margin: 24px auto 0 auto; margin-top: 1.714285714rem; } .product-thumbs { margin-top: 14px; margin-top: 1rem; } .product-images .product-thumbs > img { border: 1px solid #999; cursor: pointer; height: 50px; margin-left: 14px; margin-left: 1rem; width: 50px; } .product-images .product-thumbs img:first-child { margin-left: 0; } .product .paypal { margin-top: 28px; margin-top: 2rem; } .product .description { line-height: 1.7; margin-top: 28px; margin-top: 2rem; text-align: left; } /* Shop -------------------------------------------------------------- */ .product-category { padding-top: 24px; padding-top: 1.714285714rem; } .product-category h1 { font-size: 35px; font-size: 2.5rem; margin-bottom: 48px; zmargin-bottom: 1.714285714rem; text-transform: uppercase; } .product-category ol { padding-left: 5%; } .product-category ol li { display: -moz-inline-stack; display: inline-block; font-size: 0; margin-bottom: 48px; margin-bottom: 3.428571429rem; margin-right: 5%; min-width: 100px; vertical-align: top; width: 14%; zoom: 1; *display: inline; } .product-category ol li img { height: auto; margin-bottom: 12px; margin-bottom: 0.857142857rem; max-width: 100%; } .product-category ol li h2 { color: #444; font-size: 20px; font-size: 1.428571429rem; margin: 0 0 12px 0; margin: 0 0 0.857142857rem 0; padding: 0; text-transform: uppercase; } .product-category ol li div { color: #444; font-size: 14px; font-size: 1rem; margin: 0; padding: 0; } .product-category ol li .product-vitals { margin-bottom: 12px; margin-bottom: 0.857142857rem; } .product-subcategory { border: 1px solid #ddd; border-radius: 5px; display: -moz-inline-stack; display: inline-block; font-size: 0; margin-bottom: 48px; margin-bottom: 3.428571429rem; margin-right: 5%; min-width: 100px; padding: 14px; position: relative; vertical-align: top; width: 23%; zoom: 1; *display: inline; } .product-subcategory h2 { font-size: 18px; font-weight: bold; } .product-subcategory img { border: 1px solid #ddd; border-radius: 5px; height: auto; margin: 12px auto; margin: 0.857142857rem auto; left: -1px; position: relative; width: 100%; } .product-subcategory a { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .product-subcategory a.preview { max-width: 30%; margin: 12px 5% 0 0; margin: 0.857142857rem 5% 0 0; } .product-subcategory a.preview:nth-of-type(3n + 1) { margin-right: 0; } .product-subcategory a.preview img { margin: 0; } /* Masonry Store -------------------------------------------------------------- */ .masonry { align-items: flex-start; display: flex; flex-wrap: wrap; flex-direction: row; margin-right: -1.666666667%; } .tile { margin: 0 1.666666667% 3.333333334% 0; width: 48.333333333%; } .tile a { display: block; height: auto; } .tile .bump { padding-bottom: 100%; } .tile p { color: #333; text-align: center; } .tile p .title { display: block; font-size: 1.3rem; padding: 0.9rem 1rem 0 1rem; } .tile p .price { display: block; padding: 0.3rem 1rem 0.6rem 1rem; text-transform: lowercase; } .tile p .price::after { color: #666; content: '\0025ba'; font-size: 0.9rem; padding-left: 0.3rem; } /* Snow Drop Shop Product Page -------------------------------------------------------------- */ .site-content > main > article > .product > * { margin-left: auto; margin-right: auto; } .site-content > main > article > .product > .product-gallery { max-width: 400px; } .site-content > main > article > .product > .product-gallery > img { height: 320px; margin-bottom: 1rem; max-width: 100%; } .site-content > main > article > .product > .product-gallery > ol { column-gap: 1rem; display: flex; flex-direction: row; margin-bottom: 1rem; overflow: auto; } .site-content > main > article > .product > .product-gallery > ol > li { flex-shrink: 0; } .site-content > main > article > .product > .product-gallery > ol > li > img { height: 100px; width: auto; } .site-content > main > article > .product > p { font-size: 1.2rem; line-height: 1.7; margin-bottom: 1.714285714rem; text-align: left; } .site-content > main > article > .product > p:first-of-type::first-letter { color: #000; float: left; font-size: 5.714285714rem; line-height: 0.7; margin: 0.428571429rem 0.571428571rem 0 0; text-transform: uppercase; } /* Payment Table -------------------------------------------------------------- */ .payment-table { background: #f6f6f6; border: 1px solid #f6f6f6; margin-bottom: 2rem; width: 100%; } .payment-table.sold-out > thead > tr >td { font-size: 1.2rem; padding: 1rem 0; text-align: center; } .payment-table > thead > tr > th:first-child { color: #707D85; font-size: 0.8rem; padding: 0.5rem 0 0rem 1rem; width: 20%; } .payment-table > thead > tr > th:nth-child(2) { color: #707D85; font-size: 0.8rem; padding: 0.5rem 0 0rem 0; } .payment-table > thead > tr > th:nth-child(3) { color: #707D85; font-size: 0.8rem; padding: 0.5rem 1rem 0 0; width: 20%; } .payment-table > thead > tr > th:nth-child(4) { color: #707D85; font-size: 0.8rem; padding: 0.5rem 1rem 0 0; width: 20%; } .payment-table > tbody > tr:first-child { border: 1px solid #f6f6f6; } .payment-table > tbody > tr > td[name="item_price"] { xfont-size: 1.5rem; padding: 0 0.5rem 0.5rem 1rem; } .payment-table > tbody > tr > td:nth-child(2) { padding: 0 0 0.5rem 0; } .payment-table > tbody > tr > td[name="display_shipping_fee"] { padding: 0 1rem 0 0; } .payment-table > tbody > tr > td[name="total_price"] { font-size: 1.5rem; padding-top: 0.5rem; } .payment-table > tbody > tr:nth-child(2) { background: #fbfbfb; border: 1px solid #f1f1f1; } .payment-table > tbody > tr:nth-child(2) > td { padding: 1rem 0; text-align: center; } .payment-table > tbody > tr:nth-child(2) > td > a[name="subscribe_now"] > img { border: none; margin: 10px auto 0 auto; width: auto; } .stripe-button-container { background: #2C2E2F; background: #2975d7; border-radius: 4px; cursor: pointer; font-weight: 500; height: 45px; margin: auto; width: 200px; } .stripe-button-label-container { color: #fff; height: 22px; position: relative; top: 50%; transform: translateY(-50%); } .stripe-button-label-container img { height: 100%; vertical-align: middle; } .or-seperator-container { height: 45px; margin: auto; max-width: 4rem; position: relative; } .or-seperator-background { border-bottom: 1px solid #aaa; position: absolute; top: 50%; width: 100%; } .or-seperator-text { background: #fbfbfb; display: inline-block; height: 22px; position: relative; margin-left: 1rem; margin-right: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; top: 50%; transform: translateY(-0.6rem); } .paypal-button-container { background: #ffc439; border-radius: 4px; cursor: pointer; font-weight: 500; height: 45px; margin: auto; width: 200px; } .paypal-button-label-container { color: #2c2e2f; height: 22px; position: relative; top: 50%; transform: translateY(-50%); } .paypal-button-label-container img { height: 100%; vertical-align: middle; } .site-content > main > article > .product:has(> .product-gallery) .payment-table { background: none; border: none; } .site-content > main > article > .product:has(> .product-gallery) .payment-table > tbody > tr { background: none; border: none; } .site-content > main > article > .product:has(> .product-gallery) .or-seperator-container { max-width: 100%; text-align: center; width: 100%; } .site-content > main > article > .product:has(> .product-gallery) .or-seperator-background { border-bottom: 1px solid #ddd; left: 0; } .site-content > main > article > .product:has(> .product-gallery) .or-seperator-text { background: #fff; margin-left: auto; margin-right: auto; } /* Tags -------------------------------------------------------------- */ .archive-title { background: #000; color: #fff; font-size: 11px; font-size: 0.785714288rem; line-height:1.7; margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 5px 0 5px 11px; padding: 0.357142857rem 0 0.357142857rem 0.785714288rem; text-transform: uppercase; } .archive-title .url { color: #fff; } /* While You Were Away -------------------------------------------------------------- */ .widget_rnr_while_you_were_away { background: #f6f6f6; margin: 0 -10px 2rem -10px; max-width: 106%; padding-bottom: 2rem; } .widget_rnr_while_you_were_away h3, .widget_rnr_while_you_were_away + h3 { background: #fff; font-size: 1.2rem; padding: 0.357142857rem 0.785714288rem 1.35714rem 0.785714288rem; } .widget_rnr_while_you_were_away ol { background: #f6f6f6; } .widget_rnr_while_you_were_away li { margin-top: 1rem; padding-left: 0.785714288rem; padding-top: 1rem; } .widget_rnr_while_you_were_away a { color: #444; } .widget_rnr_while_you_were_away .thumb { display: inline-block; width: 16%; } .widget_rnr_while_you_were_away .thumb span { background-position: 50% 50%; background-size: cover; display: inline-block; height: 5.57142857rem; width: 100%; } .widget_rnr_while_you_were_away .content { display: inline-block; float: right; vertical-align: top; width: 82%; } .widget_rnr_while_you_were_away .content h2 { font-size: 16px; font-size: 1.142857143rem; text-transform: none; } .widget_rnr_while_you_were_away .content .description { line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget_rnr_while_you_were_away .content .description a { color: #999; font-size: 1rem; } .widget_rnr_while_you_were_away .content .filed { color: #777; font-size: 0.857142857rem; line-height: 2rem; } .widget_rnr_while_you_were_away .content .filed a { color: #777; text-decoration: underline; text-transform: uppercase; } /* =nProgress.js style -------------------------------------------------------------- */ /* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #000; height: 2px; left: 0; position: fixed; top: 0; width: 100%; z-index: 1031; } /* Fancy blur effect */ #nprogress .peg { box-shadow: 0 0 10px #000, 0 0 5px #000; display: block; height: 100%; opacity: 1.0; position: absolute; right: 0px; -o-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -webkit-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); width: 100px; } @media only screen and (min-width: 440px) { .moarlinks div { width: 30%; } .moarlinks div:nth-child(2) { margin-right: 5%; } .moarlinks div:nth-child(3) { display: -moz-inline-stack; display: inline-block; margin-right: 0; zoom: 1; *display: inline; } .widget_rnr_popular li { width: 30%; } .widget_rnr_popular .pos-2 { margin-right: 5%; } .widget_rnr_popular .pos-3 { margin-right: 0;} .widget_rnr_popular .pos-4 { display: none; } .widget_rnr_popular .pos-3, .widget_rnr_popular .pos-4 { margin-top: 0; } } /* =Mobile-only 2017 Test Layout -------------------------------------------------------------- */ .mobile2017 { display: none; } @media only screen and (max-width: 540px) { xbody article { display: none; } body .site-content { margin-top: 0; } body .mobile2017 { border-bottom: 10px solid #ccc; display: block; margin: 0 -10px; position: relative; } body .mobile2017 .sponsor { color: #999; font-size: 12px; margin: 5px; text-transform: uppercase; } body .mobile2017 h1 { color: #333; font-size: 22px; font-weight: 400; margin: 5px 5px 10px 5px; text-align: left; } body .mobile2017 .categories { font-size: 18px; line-height: 18px; margin: 0 5px 10px 5px; } body .mobile2017 .categories img { vertical-align: 1px; } body .mobile2017 .excerpt { color: #333; line-height: 1.3; margin: 0 5px 10px 5px; } body .mobile2017 .soloimg { float: left; height: 250px; overflow: hidden; width: 100%; } body .mobile2017 .soloimg span { display: block; height: 250px; overflow: hidden; width: 100%; } body .mobile2017 .primaryimg { float: left; height: 250px; overflow: hidden; width: 80%; } body .mobile2017 .primaryimg span { display: block; height: 250px; margin-left: -5px; overflow: hidden; width: 100%; } body .mobile2017 .thumbs { float: right; width: 20%; } body .mobile2017 .thumbs img { height: auto; width: 100%; } body .mobile2017 .thumbs span:first-child { margin-top: 0; } body .mobile2017 .thumbs span { display: block; height: 80px; margin-top: 5px; overflow: hidden; width: 100%; } body .mobile2017 .thumbs span:last-child { position: relative; } body .mobile2017 .thumbs span:last-child::after { content: attr(more); color: #fff; font-size: 28px; position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); opacity: 1; text-align: center; line-height: 80px; transition: all 1s; -webkit-transition: all 1s; } body .mobile2017 .dateline { color: #999; clear:both; font-size: 12px; margin: 0 5px 10px 5px; padding-top: 5px; } body .mobile2017.opt1 a { display: block; font-size: 0; padding-bottom: 1rem; } body .mobile2017.opt1 img { height: auto; width: 100%; } body .mobile2017 .widget_rnr_adverts_two_test img, body .mobile2017 .widget_rnr_adverts_threefour_test img { float: right; width: 49%; } body .mobile2017 .widget_rnr_adverts_two_test .background div:first-child img, body .mobile2017 .widget_rnr_adverts_threefour_test .background div:first-child img { float: left; width: 49%; } body .mobile2017 .widget_rnr_adverts_two_test::after, body .mobile2017 .widget_rnr_adverts_threefour_test::after { clear: both; content: "."; display: table; height: 0; font-size: 0; line-height: 0; visibility: hidden; } body .pagination { border-bottom: 10px solid #ccc; margin: 0 -10px; } body .pagination .newer { margin-left: 5px; } body .pagination .older { margin-right: 5px; } body.single .mobile2017 { border-bottom: none; display: none; margin: 0; position: relative; } body.single article, body.page article { display: block; } body.single .pagination, body.page .pagination { border-bottom: none; margin: 0 -10px; } } /* =Larger Mobile Devices -------------------------------------------------------------- */ @media only screen and (min-width: 480px) { footer { background: #f6f6f6; } .pagination div a{ display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gallery-icon { border: 1px solid #d6d2d3; padding: 9px; padding: 0.6428571423rem; } } /* =Remove edge-to-edge elements (images, etc) when the viewport is wider than the main content column -------------------------------------------------------------- */ @media only screen and (min-width: 580px) { .entry-content p img, .entry-content p iframe { margin: 0; max-width: 100%; width: 100%; } .entry-content p img.size-full, .entry-content p img.size-large { max-width: 100%; } /* this class is added by JS */ .entry-content p.responsive_video { padding-bottom: 56.25%; } .entry-content .more-link { margin-left: 0; } .widget_rnr_popular { max-width: 580px; _width:expression(this.scrollWidth > 580 ? "580px" : "auto"); } .widget_rnr_while_you_were_away { margin-left: 0; margin-right: 0; max-width: 100%; } /* Masonry Store -------------------------------------------------------------- */ .tile { width: 23.333333333%; } } /* =iPad/Netbooks/etc. upwards -------------------------------------------------------------- */ @media only screen and (min-width: 768px) { /* Clearing floats */ .clear:after, .format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; } /* =Basic structure -------------------------------------------------------------- */ h2 { font-size: 24px; font-size: 1.714285714rem; } /* Sidebar */ .widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; margin-bottom: 3.428571429rem; word-wrap: break-word; } .widget-area .widget h3, .widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #secondary .widget_rnr_popular { display: none; } /* Footer */ footer { clear: both; font-size: 12px; font-size: 0.857142857rem; line-height: 2; padding: 8px 2% 0 2%; padding: 0.571428571rem 2% 0 2%; } .site { max-width: 1200px; /* max-width: 68.571428571rem; */ width: auto; } .site-content:nth-last-child(3) { float: left; width: 60.416666667%; max-width: none; } .widget-area { display: block; float: right; width: 36.458333333%; } .shop + .widget-area { display: none; } .widget_rnr_popular, .moarlinks, .legal { max-width: 1200px; /* max-width: 68.571428571rem; */ overflow: hidden; padding-left: 0; padding-right: 0; width: auto; } /* =Child Theme Specific Rules -------------------------------------------------------------- */ /* header stuffs */ .widget_rnr_search { border-top: none; border-left: 1px solid #fff; display: block; float: right; margin: 0 0 0 auto; min-height: 27px; padding: 9px 0 6px 12px; padding: 0.642857142rem 0 0.428571429rem 0.857142857rem; text-align: right; width: 240px; } /* GCSE hacks */ .gsc-control-cse { display: block; padding: 0 !important; } #gs_tti0 > input { background-image: none !important; } /* Cover Image */ .cover { background-size: 100% auto; display: block; overflow: hidden; position: relative; } .cover > span { background-size: 100%; display: block; position: absolute; width: 100%; height: 100%; transition: 0.2s; z-index: 10; } .cover:hover > span { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } /* =Project Snowdrop styles for desktop -------------------------------------------------------------- */ /* Toptray */ .toptray { column-gap: 1rem; grid-template-columns: repeat(4, max-content) 1fr max-content max-content; margin: 0 auto; max-width: 1200px; } .toptray > .facebook, .toptray > .instagram, .toptray > .pinterest, .toptray > .tiktok { display: block; height: 1.428571429rem; width: 1.428571429rem; } .toptray > .subscribe { justify-self: end; } .toptray > .cart { border-left: 2px solid #000; padding-left: 1rem; } /* Logo */ body > header { grid-template-columns: 1fr 1fr; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 1rem; } body > header > h1 { grid-column: 1 / -1; padding: 0; padding-bottom: 1rem; } /* Main Navigation, Collapsed */ nav { align-self: center; padding: 0 0 5.316285711% 0; padding: 0; } nav > div { background: #fff; justify-content: start; } nav > div > dl { padding-right: 1rem; } nav > div > dl + dl { border-left: 2px solid #000; padding-left: 1rem; } nav > div > dl > dt { font-size: 1.142857143rem } /* Main Navigation, Expanded */ nav > div.expanded { top: -2rem; } nav > div.expanded > dl { flex-grow: 1; width: min-content; } nav > div.expanded > dl:nth-of-type(3) { border-left: 1px solid #000; } nav > div.expanded > ul { align-items: center; } nav > div.expanded > ul > li:nth-of-type(2) { width: 25%; } nav > div.expanded > ul > li:nth-of-type(3) { width: 50%; } nav > div.expanded > ul > li:last-of-type { width: 25%; } /* Temporary Site Search (Google CSE) */ header > .widget_rnr_search { margin: 0 auto; margin-right: 0; } /* Home Page */ .top-stories { grid-template-columns: 34fr 22fr 22fr 22fr; } .top-stories > h1 { grid-column: 1 / -1; padding: 0.142857143rem 0 1rem 0.5rem; } .top-stories > article:first-of-type { grid-column: 1; grid-row: 2 / 4; margin-bottom: 0.5rem; margin-right: 0.5rem; } .top-stories > article:first-of-type > a > h2 { font-size: 1.5rem; font-weight: 700; } .top-stories > article:first-of-type > a > .thumbnails > div { padding-top: 135%; } /* Change the thumbnail layout, but only if we have 6 thumbnails */ .top-stories > article:first-of-type > a > .thumbnails > div:first-of-type:nth-last-of-type(6) { grid-column: 1 / 3; grid-row: 1 / 3; } .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(4) { display: block; padding-top: 90%; } .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(5):nth-last-of-type(2) { display: block; padding-top: 90%; } .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(6) { display: block; padding-top: 90%; } /* When less than 6 thumbnails, fall back to 4 thumbnail layout... */ /* reduce padding on 2nd thumbnail, if it is also the 4th from last (5 total thumbnails) */ .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(2):nth-last-of-type(4) { padding-top: 90%; } /* reduce padding on 2nd thumbnail, if it is also the 3rd from last (4 total thumbnails) */ .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(2):nth-last-of-type(3) { padding-top: 90%; } /* reduce padding on 3rd thumbnail, if it is also the 3rd from last (5 total thumbnails) */ .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(3):nth-last-of-type(3) { padding-top: 90%; } /* reduce padding on 3rd thumbnail, if it is also the 2nd from last (4 total thumbnails) */ .top-stories > article:first-of-type > a > .thumbnails > div:nth-of-type(3):nth-last-of-type(2) { padding-top: 90%; } .top-stories > article:nth-of-type(2) { margin: 0.5rem; } .top-stories > article:nth-of-type(3) { margin: 0.5rem; } .top-stories > article:nth-of-type(4) { margin: 0.5rem; } .top-stories > article:nth-of-type(5) { margin: 0.5rem; } .top-stories > article:nth-of-type(6) { margin: 0.5rem; } .top-stories > article:nth-of-type(7) { margin: 0.5rem; } /* alternating 'top-stories' sections are flipped so the lead post is on the right-hand-side */ .top-stories.mirrored { grid-template-columns: 22fr 22fr 22fr 34fr; } .top-stories.mirrored > article:first-of-type { grid-column: 4; } /* latest magazine and book widgets when embedded at the end of blog posts */ .latest-magazine { background-position: center bottom; grid-column: 1; grid-row: 1; xmargin: 0.5rem 0 2.5rem 0; } .latest-magazine > a { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding: 20% 0; } .the-book { background-position: center bottom; grid-column: 2; grid-row: 1; xmargin: 0.5rem 0 2.5rem 0; } .the-book > a { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding: 20% 0; } /* live event banner */ .live-event-banner { background-position: center; background-size: 150px, auto; } .more-stories { grid-template-columns: 1fr 1fr 1fr 1fr; } .top-stories:first-of-type + .more-stories.expanded > h1 { grid-row: 3; } .more-stories.expanded > h1 { grid-row: 2; } /* most popular widget */ .most-popular { column-gap: 5rem; grid-template-columns: 1fr 1fr; } .most-popular > h1 { grid-column: 1 / -1; padding-bottom: 1rem; } .most-popular > article:nth-last-of-type(2) { border-bottom: none; padding-bottom: 0; } /* you may also like widget */ .you-may-also-like { grid-template-columns: 1fr 1fr 1fr 1fr; } /* Rockstar Vendors */ body.page .rockstar-vendors { border-top: 1px solid #000; grid-gap: 3rem; grid-template-columns: repeat(12, 1fr); margin-top: 14px; margin-top: 1rem; padding-top: 14px; padding-top: 1rem; } body.page .rockstar-vendors .option-1 { grid-column: 1 / -1; grid-column-gap: 2rem; grid-template-columns: 40fr 60fr; grid-template-rows: auto auto 1fr auto auto auto; } body.page .rockstar-vendors .option-1 h2 { grid-column: 2 / 3; grid-row: 1 / 2; } body.page .rockstar-vendors .option-1 > .thumbnails { grid-column: 1 / 2; grid-row: 1 / 7; margin-bottom: 0; } body.page .rockstar-vendors .option-1 > .thumbnails div:first-of-type { padding-top: 80%; } body.page .rockstar-vendors .option-1 > .description { column-count: 2; column-gap: 2.5rem; font-size: 1.2rem; line-height: 1.7; text-align: justify; } body.page .rockstar-vendors .option-1 > blockquote { align-self: center; font-size: 1.285714286rem; } body.page .rockstar-vendors .option-1.alternate { grid-template-columns: 60fr 40fr; } body.page .rockstar-vendors .option-1.alternate h2 { grid-column: 1 / 2; } body.page .rockstar-vendors .option-1.alternate > .thumbnails { grid-column: 2 / 3; } body.page .rockstar-vendors .option-1.alternate a { flex-direction: row-reverse; } body.page .rockstar-vendors .option-1.alternate .region { flex-direction: row-reverse; } body.page .rockstar-vendors .option-2 { grid-column: span 4; } body.page .rockstar-vendors .option-3 { grid-column: span 3; } /* Category Page */ .archives { grid-template-columns: 1fr 1fr 1fr 1fr; } .archives > h1 { font-size: 35px; font-size: 2.5rem; } /* About Page */ .page-id-2 h2 { margin-bottom: 0; text-align: left; } .page-id-2 h2:first-of-type { margin-bottom: 1rem; text-align: center; } .page-id-2 .wp-block-image.profile { margin: 0; text-align: left; } .page-id-2 .wp-block-image.profile .alignleft { float: left; margin: 0; xmargin-top: -2rem; } .page-id-2 .wp-block-image.profile .alignleft img { display: inline; } /* Contact Us Page */ .page-id-36945 .site-content > #content > article > .entry-content > figure.wp-block-image { clear: both; float: left; margin-right: 3rem; width: 40%; } .page-id-36945 .site-content > #content > article > .entry-content > h2, .page-id-36945 .site-content > #content > article > .entry-content > address, .page-id-36945 .site-content > #content > article > .entry-content > p { max-width: none; } /* Shop Pages - categories */ .page-id-163717 > .site > main > section { grid-template-columns: 1fr 1fr 1fr 1fr; } .page-id-163717 > .site > main > section > p { padding-left: 1rem; } .page-id-163717 > .site > main > section > ol { padding-left: 1rem; } .page-id-163717 > .site > main > .categories { grid-template-columns: 1fr 1fr 1fr; } /* Shop Pages - FAQs */ .page-id-163717 > .site > main > .faqs { padding: 0 2rem; } .page-id-163717 > .site > main > .faqs > details > details { padding-left: 1rem; } /* Recommended Advert (displayed inside slide-menu) */ .widget_rnr_adverts_recommended { display: none; } /* 'pages' */ .site-content > #content > article > .entry-content > figure:not(.wp-block-gallery) { max-width: 80%; } .site-content > #content > article > .entry-content > figure.size-full { width: 80%; } .site-content > #content > article > .entry-content > figure > img[width="800"] { width: 100% !important; } .site-content > #content > article > .entry-content > figure > img[width="900"] { width: 100% !important; } .site-content > main > article > .entry-content > table { width: 80%; } /* articles */ article > header > h1 { font-size: 35px; font-size: 2.5rem; } h1.entry-title { font-size: 35px; font-size: 2.5rem; } article > section > figure:not(.wp-block-gallery) { max-width: 80%; } article > section > figure.size-full { width: 80%; } .entry-content .more-link { font-size: 11px; font-size: 0.785714286rem; line-height: 2; } .entry-content span[id^="more-"] { display: inline; height: auto; margin-top: 0; padding-top: 0; } /* supporting cast */ .cast > ul { column-count: 3; } /* Magazine Store -------------------------------------------------------------- */ .product .product-title { margin-left: 300px; } .product .product-images { float: left; margin-top: 0; position: absolute; text-align: left; top: 0; width: 42%; width: 370px; } .product .paypal { margin-left: 300px; } .product .description { margin-left: 300px; } .moarlinks div:nth-child(3) { margin-right: 5%; } .moarlinks div:nth-child(4) { display: -moz-inline-stack; display: inline-block; margin-right: 0; zoom: 1; *display: inline; } .moarlinks div { width: 21.25%; } .site-content > main > .entry-content > figure:not(.wp-block-gallery) { max-width: 80%; } .site-content > main > .entry-content > figure.size-full { width: 80%; } .site-content > main > .entry-content > table { width: 80%; } /* Snow Drop Shop Product Page -------------------------------------------------------------- */ /* below line needs the :has section so we only modify new style product pages */ .site-content > main > article > .product:has(> .product-gallery) { display: grid; grid-template-columns: 1fr 1fr; } .site-content > main > article > .product:has(> .product-gallery) > p { grid-column-start: 1; grid-column-end: -1; } /* Payment Table -------------------------------------------------------------- */ .payment-table { width: 80%; } .stripe-button-container { display: inline-block; } .or-seperator-container { display: inline-block; margin-left: 1rem; margin-right: 1rem; max-width: auto; } .paypal-button-container { display: inline-block; } .site-content > main > article > .product:has(> .product-gallery) .or-seperator-container { margin-left: auto; margin-right: auto; } /* =Combinator Clearfix -------------------------------------------------------------- */ .widget-area .widget .background:after { clear: both; content: "."; display: table; height: 0; font-size: 0; line-height: 0; visibility: hidden; } .widget-area .widget .background { *zoom: 1; } } @media only screen and (min-width: 850px) { /* Magazine Store -------------------------------------------------------------- */ .product .product-title { margin-left: 370px; } .product-images .product-large { margin-left: 70px; } .product-images .product-thumbs { left: 0; margin: 0; position: absolute; top: 0; } .product-images .product-thumbs > img { display: block; margin-left: 0; margin-top: 14px; } .product-images .product-thumbs > img:first-child { margin-top: 0; } .product .paypal { margin-left: 370px; } .product .description { margin-left: 370px; } .moarlinks div { width: 16%; } .moarlinks div:nth-child(4) { margin-right: 5%; } .moarlinks div:nth-child(5) { display: -moz-inline-stack; display: inline-block; margin-right: 0; zoom: 1; *display: inline; } }