/* Theme Name: Smart Bitches Trashy Books, 2014 Theme URI: http://SmartBitchesTrashyBooks.com/ Description: Custom WordPress theme for Smart Bitches Trashy Books 2014 Author: Waxcreative Design, Inc. Author URI: http://www.waxcreative.com/ Template: twentythirteen */ /* style.scss */ 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: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /*$sans: 'Lato', sans-serif;*/ html #wpadminbar { z-index: 9999!important; } html { font-size: 62.5%; /* Sets up the Base 10 stuff */ } /*------ Basic HTML Styles ---- */ cite, dfn, em, i { font-style: italic; } ol { list-style: decimal outside none; } ul { list-style: disc outside none; } ol, ul { margin: 0 0 24px 24px; } li > ul, li > ol { margin: 0 0 0 20px; } li { font-size: 16px; line-height: 14px; font-size: 1.6rem; line-height: 1.4em; margin-bottom: 10px; } sup { bottom: 1ex; } sub { top: 0.5ex; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } th { border-width: 0 1px 1px 0; font-weight: bold; padding: 8px; } td { border-width: 0 1px 1px 0; padding: 8px; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } pre { border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre-wrap; word-wrap: break-word; } code, kbd, tt, var, samp, pre { -moz-hyphens: none; font-family: monospace,serif; font-size: 15px; line-height: 1.6; } code { color: #999999; font-size: 11px; } mark, ins { background-color: #FFDBE7; text-decoration: none; } blockquote, q { -moz-hyphens: none; quotes: none; } /*------ WP Image Styles ---- */ .aligncenter, img[align=center] { display: block; margin-left: auto; margin-right: auto; margin: 0 auto 20px; } .entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; } .entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; } .entry-content dd, .comment-content dd { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ line-height: 1em; text-align: center; } .captioncenter { text-align: center; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 15px; line-height: 20px; font-size: 1.5rem; line-height: 2em; color: #2d2d2d; } .entry-description { font-size: 17px; line-height: 20px; font-size: 1.7rem; line-height: 2em; color: black; } dd.gallery-caption { font-family: "cronos-pro-display",sans-serif; font-size: 15px; line-height: 12px; font-size: 1.5rem; line-height: 1.2em; margin-bottom: 14px; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-meta a { color: #2d2d2d; } .entry-meta a:hover { color: #21759b; } .gallery-item a { display: block; width: 90%; } .gallery-caption { width: 90%; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } .entry-content dl.gallery-item { margin: 0; } img { max-width: 100%; height: auto; } iframe, embed { max-width: 100%; width: 10px; min-width: 100%; *width: 100%; } textarea, input { max-width: 100%; background-color: #f8f8f8; border: 2px solid white !important; box-shadow: 0 0 7px #ccc inset; max-width: 100%; padding: 10px; } form.wpcf7-form { padding: 0 20px; } .comment-form #submit, .wpcf7-form-control.wpcf7-submit, #mc_embed_signup .button { box-shadow: 0 0 7px #cccccc !important; background-color: #f2c4d1 !important; padding: 9px 10px !important; font-family: 'TypewriterSerialItalic'; font-size: 1.4rem !important; line-height: 1em !important; font-weight: normal !important; color: #000000 !important; -webkit-transition: background-color 0.15s linear 0s; -moz-transition: background-color 0.15s linear 0s; -o-transition: background-color 0.15s linear 0s; transition: background-color 0.15s linear 0s; border-radius: 0 !important; } .comment-form #submit:hover, .wpcf7-form-control.wpcf7-submit:hover, #mc_embed_signup .button:hover { box-shadow: 0 0 7px #E5E3E3 !important; cursor: pointer !important; background-color: #000000 !important; color: #FF86B1 !important; } #raflcptr, #easyXDM_CPTR_default166_provider, #easyXDM_CPTR_default167_provider { max-width: 100% !important; overflow: hidden !important; width: 10px; *width: 100% !important; } #wpcf7-f30650-p4121-o2 .wpcf7-form { background-color: #fff3e7 !important; box-shadow: 0 0 10px #ffe5cb inset !important; padding: 5px 15px !important; } /* Navgiation ---------------------- */ .menu-toggle, .screen-reader-text { display: none; } @media all and (max-width: 598px) { /* Small menu */ .menu-toggle { cursor: pointer; display: inline-block !important; margin: 0; color: white; opacity: 0.8; } .menu-toggle:hover { text-shadow: 0 1px 1px #e12c24; } .toggled-on .nav-menu, .toggled-on .nav-menu > ul { display: block !important; margin-left: 0; padding: 0; width: 100%; } .toggled-on .nav-menu li { display: block !important; width: 100%; } .toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 20px; position: relative; left: auto; top: auto; } .toggled-on .nav-menu li > ul a { color: #141412; width: auto; } .toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a { background-color: transparent; color: #141412; } .toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover { color: #fff; background-color: transparent; } ul.nav-menu, div.nav-menu > ul { display: none; } } /* Visibility Classes ---------------------- Taken from Foundation 3 framework: http://foundation.zurb.com/ */ .show-for-mobile-large { display: none !important; } @media all and (max-width: 335px) { .show-for-mobile-large { display: inline-block !important; } } .hide-for-mobile-large { display: inline-block !important; } @media all and (max-width: 335px) { .hide-for-mobile-large { display: none !important; } } .show-for-tablet-small { display: none !important; } @media all and (max-width: 598px) { .show-for-tablet-small { display: inline-block !important; } } .hide-for-tablet-small { display: inline-block !important; } @media all and (max-width: 598px) { .hide-for-tablet-small { display: none !important; } } .show-for-tablet-large { display: none !important; } @media all and (max-width: 709px) { .show-for-tablet-large { display: inline-block !important; } } .hide-for-tablet-large { display: inline-block !important; } @media all and (max-width: 709px) { .hide-for-tablet-large { display: none !important; } } .show-for-medium { display: none !important; } @media all and (min-width: 711px) and (max-width: 919px) { .show-for-medium { display: inline-block !important; } } .hide-for-medium { display: inline-block !important; } @media all and (min-width: 711px) and (max-width: 919px) { .hide-for-medium { display: none !important; } } .show-for-medium-down { display: none !important; } @media all and (max-width: 919px) { .show-for-medium-down { display: inline-block !important; } } .hide-for-medium-down { display: inline-block !important; } @media all and (max-width: 919px) { .hide-for-medium-down { display: none !important; } } @font-face { font-family: 'TypewriterSerialRegular'; src: url("fonts/Typewriter_Serial-Regular-webfont.eot"); src: url("fonts/Typewriter_Serial-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Typewriter_Serial-Regular-webfont.woff") format("woff"), url("fonts/Typewriter_Serial-Regular-webfont.ttf") format("truetype"), url("fonts/Typewriter_Serial-Regular-webfont.svg#TypewriterSerialRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'TypewriterSerialItalic'; src: url("fonts/Typewriter_Serial-Italic-webfont.eot"); src: url("fonts/Typewriter_Serial-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Typewriter_Serial-Italic-webfont.woff") format("woff"), url("fonts/Typewriter_Serial-Italic-webfont.ttf") format("truetype"), url("fonts/Typewriter_Serial-Italic-webfont.svg#TypewriterSerialItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'TypewriterSerialLightRegular'; src: url("fonts/Typewriter_Serial-Light-webfont.eot"); src: url("fonts/Typewriter_Serial-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Typewriter_Serial-Light-webfont.woff") format("woff"), url("fonts/Typewriter_Serial-Light-webfont.ttf") format("truetype"), url("fonts/Typewriter_Serial-Light-webfont.svg#TypewriterSerialLightRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'TypewriterSerialLightItalic'; src: url("fonts/Typewriter_Serial-LightItalic-webfont.eot"); src: url("fonts/Typewriter_Serial-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Typewriter_Serial-LightItalic-webfont.woff") format("woff"), url("fonts/Typewriter_Serial-LightItalic-webfont.ttf") format("truetype"), url("fonts/Typewriter_Serial-LightItalic-webfont.svg#TypewriterSerialLightItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'TypewriterSerialBold'; src: url("fonts/Typewriter_Serial-Bold-webfont.eot"); src: url("fonts/Typewriter_Serial-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Typewriter_Serial-Bold-webfont.woff") format("woff"), url("fonts/Typewriter_Serial-Bold-webfont.ttf") format("truetype"), url("fonts/Typewriter_Serial-Bold-webfont.svg#TypewriterSerialBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'TypewriterSerialBoldItalic'; src: url("fonts/Typewriter_Serial-BoldItalic-webfont.eot"); src: url("fonts/Typewriter_Serial-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Typewriter_Serial-BoldItalic-webfont.woff") format("woff"), url("fonts/Typewriter_Serial-BoldItalic-webfont.ttf") format("truetype"), url("fonts/Typewriter_Serial-BoldItalic-webfont.svg#TypewriterSerialBoldItalic") format("svg"); font-weight: normal; font-style: normal; } /*--------- TABLE OF CONTENTS --------- 1. The Basics 2. Masthead 3. Site Nav 4. Footer 5. Blog 6. Widgets 7. Colors 8. Fonts -------------------------------------*/ /*---------- THE BASICS ----------*/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { overflow-x: hidden; word-wrap: break-word; } body { background: url("images/bg.png") repeat fixed top center #a03e59; font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4em; } p { font-size: 16px; line-height: 14px; font-size: 1.6rem; line-height: 1.4em; margin: 12px 0; } a { -webkit-transition: color 0.15s linear 0s, text-decoration 0.15s linear 0s; -moz-transition: color 0.15s linear 0s, text-decoration 0.15s linear 0s; -o-transition: color 0.15s linear 0s, text-decoration 0.15s linear 0s; transition: color 0.15s linear 0s, text-decoration 0.15s linear 0s; text-decoration: none; color: #e12c24; } a:visited { color: #e12c24; } a:focus { color: #e12c24; } a:hover { color: #a03e59; } a:active { color: #e12c24; } strong, b { font-weight: bold; font-weight: 600; } extrastrong { font-weight: 700; } hr { border: 1px solid #ccc; height: 1px; margin: 25px auto; width: 75%; clear: both; } ::selection { background: #ECA5B9; text-shadow: none; } ::-moz-selection { background: #ECA5B9; text-shadow: none; } blockquote { color: #767676; padding: 0 20px; } blockquote p { font-size: 16px; font-style: italic; font-weight: 300; line-height: 1.26316; margin-bottom: 24px; } @media all and (max-width: 335px) { blockquote { padding: 0; } } .space-20 { padding: 20px; } .space-5 { padding: 5px; } .space-10 { padding: 10px; } .space-40 { padding: 40px; } .divider { border-bottom: 1px solid #efefef; margin: 40px auto; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .float-right { float: right; padding-left: 40px; } .float-left { float: left; padding-right: 40px; } img.left { float: left; padding-right: 40px; } img.right { float: right; padding-left: 40px; } .nomargin { margin: 0 !important; } .nomargin-top { margin-top: 0 !important; } .nomargin-bottom { margin-bottom: 0 !important; } .tight { line-height: 1em; } .alignleft, img[align=left], img[style*="float: left"], img[style*="float:left"] { float: left; margin: 0 20px 30px 0 !important; max-width: 50%; height: auto !important; } .alignright, img[align=right], img[style*="float: right"], img[style*="float:right"] { float: right; margin: 0 0 30px 20px !important; max-width: 50%; height: auto !important; } .keyline { border: 1px solid #cccccc; } .subnav { list-style: none; margin: 0; } .subnav li { display: inline-block; padding: 5px 10px; } .row { width: 100%; margin: 0 auto; } .row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .row:after { clear: both; } .clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clear:after { clear: both; } .half { float: left; width: 50%; padding-right: 20px; } .half:last-child { padding: 0; } @media all and (max-width: 919px) { .half { width: 100%; clear: both; padding: 0; float: none; } } /*---------- LAYOUT ----------*/ #page { max-width: 1140px; min-width: 240px; margin: 0 auto; box-shadow: 0 0 40px #4c0d15; } #main { background-color: #ffffff; min-height: 600px; } #main:before, #main:after { content: "\0020"; display: block; height: 0; overflow: hidden; } #main:after { clear: both; } #primary { float: left; width: 80%; margin: 0; background-color: #ffffff; position: relative; z-index: 11; } @media all and (max-width: 598px) { #primary { width: 100%; clear: both; } } #primary-full { width: 100%; background-color: #ffffff; position: relative; z-index: 11; } #secondary { float: left; width: 29%; margin: 0; } #secondary-wide { float: left; width: 23%; margin: 0; } #secondary, #secondary-wide { position: relative; z-index: 10; } #secondary .widget, #secondary-wide .widget { margin: 0 0 40px; } #secondary .widget-area, #secondary-wide .widget-area { padding: 0 10px; position: relative; z-index: 11; } #secondary .better_widget_categories ul, #secondary-wide .better_widget_categories ul { margin: 0; } #secondary .better_widget_categories li:last-child, #secondary-wide .better_widget_categories li:last-child { margin: 0; } #secondary .widget-title, #secondary-wide .widget-title { background: url("images/global/banner.png") no-repeat scroll left top transparent; width: 280px; height: 41px; margin: 0 0 0 -18px; padding: 7px 10px 5px 5px; font-weight: 600; font-family: "proxima-nova", sans-serif; letter-spacing: 0.5px; } @media all and (max-width: 709px) { #secondary .widget-title, #secondary-wide .widget-title { background: url("images/global/banner_lg.png") no-repeat scroll right top transparent; width: 100%; } } #secondary .widget-title:before, #secondary-wide .widget-title:before { content: "❤"; display: inline-block; font-size: 30px; position: relative; padding-right: 5px; vertical-align: text-top; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); writing-mode: lr-tb; } @media all and (max-width: 1099px) { #secondary .widget-title:before, #secondary-wide .widget-title:before { vertical-align: text-top; } } @media all and (max-width: 1099px) { #secondary .widget-title, #secondary-wide .widget-title { padding-left: 10px; } } @media all and (max-width: 709px) { #secondary .widget-title, #secondary-wide .widget-title { margin-left: -10px; } } @media all and (max-width: 709px) { #secondary, #secondary-wide { width: 100%; clear: both; } } #tertiary { float: right; width: 20%; margin: 0; padding: 12px 10px 5px; position: relative; z-index: 10; text-align: center; background-color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(white)); background: -webkit-linear-gradient(top, #cccccc, white); background: -moz-linear-gradient(top, #cccccc, white); background: -ms-linear-gradient(top, #cccccc, white); background: -o-linear-gradient(top, #cccccc, white); background: linear-gradient(to bottom, #cccccc 1%, #ffffff 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$top-color', endColorstr='$bottom-color',GradientType=0 ); /* IE6-9 */ } #tertiary .widget { margin: 0 0 20px; } @media all and (max-width: 598px) { #tertiary { display: none; } } #content { float: right; width: 71%; margin: 0; min-height: 1850px; background-color: #ffffff; padding: 20px 20px 10px; box-shadow: 0 0px 10px -1px #999999; position: relative; z-index: 11; } @media all and (max-width: 709px) { #content { width: 100%; clear: both; min-height: 0; } } /* holiday trim .home { #content { background: url("images/global/holiday-snowflakes-lighter.jpg") repeat scroll 0 0/90% auto #ffffff; } #primary { background: url("images/global/holiday-snowflakes-lighter.jpg") repeat scroll 0 0/50% auto #ffffff; } @include respond-to(tablet-small) { #content { background: url("images/global/holiday-snowflakes.jpg") repeat scroll 0 0/120% auto #ffffff; } #primary { background: url("images/global/holiday-snowflakes.jpg") repeat scroll 0 0/100% auto #ffffff; } } } */ #content-wide { float: right; width: 77%; margin: 0; min-height: 1000px; background-color: #ffffff; padding: 10px; box-shadow: 0 -10px 10px #888888; position: relative; z-index: 11; } @media all and (max-width: 709px) { #content-wide { width: 100%; clear: both; min-height: 0; } } /*---------- MASTHEAD ----------*/ #masthead { background: url("images/bg.png") repeat fixed center top #333333; position: relative; z-index: 9999; box-shadow: 0 0 3px #2d2d2d; font-weight: 400; } .logo { background: url("images/bg.png") repeat scroll center top rgba(0, 0, 0, 0.5); border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; height: 90px; } @media all and (max-width: 919px) { .logo { height: auto; } } .contain { max-width: 1140px; min-width: 240px; margin: 0 auto; } .lady-yellow { float: right; margin: 0 10px; } @media all and (max-width: 919px) { .lady-yellow { display: none; } } .sidebar-ladies { margin-bottom: -7px; position: relative; z-index: 10; } @media all and (max-width: 709px) { .sidebar-ladies { display: none; } } .post-ladies { display: none; } @media all and (max-width: 709px) { .post-ladies { display: inline-block; float: right; border: 2px solid black; width: 60px; margin: 0 0 10px 10px; } } /*---------- SITE NAV ----------*/ #site-navigation { max-width: 1140px; min-width: 240px; margin: 0 auto; } #site-navigation ul { margin: 0; } #site-navigation li { text-transform: uppercase; font-size: 14px; line-height: 12px; font-size: 1.4rem; line-height: 1.2em; letter-spacing: 0.12em; display: inline-block; margin: -1px -5px 0 0; box-shadow: 0 0 30px #000000 inset; } #site-navigation li:hover { box-shadow: 0 0 20px #000000 inset; background-color: rgba(73, 73, 73, 0.3); } #site-navigation li a { color: white; padding: 16px 25px 14px; display: block; } #site-navigation li ul { position: absolute; left: -999em; } @media all and (max-width: 598px) { #site-navigation li ul { left: auto; position: relative; } } #site-navigation li:hover ul ul { left: -999em; } @media all and (max-width: 598px) { #site-navigation li:hover ul ul { left: auto; } } #site-navigation li ul ul a { display: block; text-decoration: none; } #site-navigation li ul a { display: block; text-decoration: none; } #site-navigation li:hover ul { left: auto; } #site-navigation li li:hover ul { left: auto; } #site-navigation li ul ul { margin: -50px 0 0 230px; } @media all and (max-width: 598px) { #site-navigation li ul ul { margin: 0 auto; } } #site-navigation li ul li { margin: 0; display: block; width: 100%; float: none; box-shadow: none !important; padding-left: 10px; } #site-navigation li ul li:hover { box-shadow: none !important; background-color: transparent !important; } @media all and (max-width: 598px) { #site-navigation li ul li { padding-left: 20px; } } #site-navigation li.pink ul li:first-child { border-top: 3px solid #dc4f77; } @media all and (max-width: 598px) { #site-navigation li.pink ul li:first-child { border-top: none; } } #site-navigation li.pink ul li:last-child { border-bottom: 3px solid #dc4f77; } @media all and (max-width: 598px) { #site-navigation li.pink ul li:last-child { border-bottom: none; } } #site-navigation li.pink ul li:hover { border-left: 10px solid #dc4f77; padding-left: 0; } @media all and (max-width: 598px) { #site-navigation li.pink ul li:hover { padding-left: 20px; border-left: none; } } #site-navigation li.yellow ul li:first-child { border-top: 3px solid #f9bb4d; } @media all and (max-width: 598px) { #site-navigation li.yellow ul li:first-child { border-top: none; } } #site-navigation li.yellow ul li:last-child { border-bottom: 3px solid #f9bb4d; } @media all and (max-width: 598px) { #site-navigation li.yellow ul li:last-child { border-bottom: none; } } #site-navigation li.yellow ul li:hover { border-left: 10px solid #f9bb4d; padding-left: 0; } @media all and (max-width: 598px) { #site-navigation li.yellow ul li:hover { padding-left: 20px; border-left: none; } } #site-navigation li.blue ul li:first-child { border-top: 3px solid #334290; } @media all and (max-width: 598px) { #site-navigation li.blue ul li:first-child { border-top: none; } } #site-navigation li.blue ul li:last-child { border-bottom: 3px solid #334290; } @media all and (max-width: 598px) { #site-navigation li.blue ul li:last-child { border-bottom: none; } } #site-navigation li.blue ul li:hover { border-left: 10px solid #334290; padding-left: 0; } @media all and (max-width: 598px) { #site-navigation li.blue ul li:hover { padding-left: 20px; border-left: none; } } #site-navigation li.bluelt ul li:first-child { border-top: 3px solid #4488c5; } @media all and (max-width: 598px) { #site-navigation li.bluelt ul li:first-child { border-top: none; } } #site-navigation li.bluelt ul li:last-child { border-bottom: 3px solid #4488c5; } @media all and (max-width: 598px) { #site-navigation li.bluelt ul li:last-child { border-bottom: none; } } #site-navigation li.bluelt ul li:hover { border-left: 10px solid #4488c5; padding-left: 0; } @media all and (max-width: 598px) { #site-navigation li.bluelt ul li:hover { padding-left: 20px; border-left: none; } } #site-navigation li ul li a, #site-navigation li ul li ul li a { display: block; padding: 15px !important; } @media all and (max-width: 598px) { #site-navigation li ul li a, #site-navigation li ul li ul li a { padding: 5px 0 10px 10px !important; } } #site-navigation li ul li:first-child { margin: 0; border-top: none; } #site-navigation li ul li:last-child { margin: 0; } #site-navigation .sub-menu { z-index: 9999; background-color: #ffffff; box-shadow: 0 10px 10px rgba(104, 104, 104, 0.5); } #site-navigation .sub-menu a { color: #e12c24; } #site-navigation .sub-menu a:visited { color: #e12c24; } #site-navigation .sub-menu a:focus { color: #e12c24; } #site-navigation .sub-menu a:hover { color: #a03e59; } #site-navigation .sub-menu a:active { color: #e12c24; } @media all and (max-width: 598px) { #site-navigation .sub-menu a { color: white; } #site-navigation .sub-menu a:visited { color: white; } #site-navigation .sub-menu a:focus { color: white; } #site-navigation .sub-menu a:hover { color: #a03e59; } #site-navigation .sub-menu a:active { color: white; } } @media all and (max-width: 598px) { #site-navigation .sub-menu { background-color: transparent; box-shadow: none; } } #site-navigation .blue { border-bottom: 3px solid #334290; } #site-navigation .pink { border-bottom: 3px solid #dc4f77; } #site-navigation .orange { border-bottom: 3px solid #f06838; } #site-navigation .bluelt { border-bottom: 3px solid #4488c5; } #site-navigation .yellow { border-bottom: 3px solid #f9bb4d; } #site-navigation .red { border-bottom: 3px solid #e12c24; } .smbar { display: none; } @media all and (max-width: 598px) { .smbar { display: block; text-align: center; } .smbar ul { margin: 0 auto; } .smbar li { list-style: none; display: inline-block; padding: 5px 15px; vertical-align: middle; margin: 0; } .smbar a.home { margin: 0 auto; } } .topbar { padding: 7px 0 12px; max-width: 1140px; min-width: 240px; margin: 0 auto; } @media all and (max-width: 598px) { .topbar { display: none; } } .topnav { margin: 0 0 0 10px; } .topnav li { display: inline-block; color: #e12c24; text-transform: lowercase; font-size: 12px; line-height: 10px; font-size: 1.2rem; line-height: 1em; letter-spacing: 0.1em; margin: 0; } .topnav li a { color: white; } .topnav li a:hover { text-transform: uppercase; } .topnav li:after { content: " / "; padding: 0 5px; } .topnav li:last-child:after { content: ""; } a.home-link { float: left; margin: -8px 0 0 150px; text-indent: -119988px; overflow: hidden; text-align: left; position: absolute; background: url("images/global/masthead.png") no-repeat scroll 0 0/100% auto transparent; height: 107px; width: 641px; } @media all and (max-width: 1019px) { a.home-link { margin: -8px 0 0 5%; } } @media all and (max-width: 919px) { a.home-link { float: none; text-align: center; position: relative; display: block; max-width: 100%; margin: -5px auto; } } @media all and (max-width: 709px) { a.home-link { background: url("images/global/masthead_med.png") no-repeat scroll center center/97% auto transparent; height: 112px; width: 560px; } } @media all and (max-width: 335px) { a.home-link { background: url("images/global/masthead_sm.png") no-repeat scroll center center/95% auto transparent; margin: 0 auto -10px; } } a.rss { float: left; margin: 0 auto; text-indent: -119988px; overflow: hidden; text-align: left; background: url("images/global/rss.png") no-repeat scroll 0 0/100% auto transparent; height: 24px; width: 30px; z-index: 6; position: relative; } a.rss:hover { opacity: 0.8; } a.podcast { float: left; margin: 0 auto; text-indent: -119988px; overflow: hidden; text-align: left; background: url("images/global/podcast.png") no-repeat scroll 0 0/100% auto transparent; height: 24px; width: 30px; z-index: 6; position: relative; } a.podcast:hover { opacity: 0.8; } a.find { float: left; margin: 3px auto 0; text-indent: -119988px; overflow: hidden; text-align: left; background: url("images/global/find.png") no-repeat scroll 0 0/100% auto transparent; height: 24px; width: 30px; } a.find:hover { opacity: 0.8; } a.home { float: left; margin: -1px 10px 0 0; text-indent: -119988px; overflow: hidden; text-align: left; background: url("images/global/home.png") no-repeat scroll 0 0/100% auto transparent; height: 24px; width: 30px; } a.home:hover { background: url("images/global/home_on.png") no-repeat scroll 0 0/100% auto transparent; } .social li .social-instagram { background-image: url("images/social/instagram.png") !important; } .social li .social-instagram:hover { background-image: url("images/social/instagram_hover.png") !important; } .social li .social-facebook { background-image: url("images/social/facebook.png") !important; } .social li .social-facebook:hover { background-image: url("images/social/facebook_hover.png") !important; } .social li .social-rss { background-image: url("images/social/rss.png") !important; } .social li .social-rss:hover { background-image: url("images/social/rss_hover.png") !important; } .social li .social-tumblr { background-image: url("images/social/tumblr.png") !important; } .social li .social-tumblr:hover { background-image: url("images/social/tumblr_hover.png") !important; } .social li .social-twitter { background-image: url("images/social/twitter.png") !important; } .social li .social-twitter:hover { background-image: url("images/social/twitter_hover.png") !important; } .social li .social-pinterest { background-image: url("images/social/pinterest.png") !important; } .social li .social-pinterest:hover { background-image: url("images/social/pinterest_hover.png") !important; } /* .icons-sprite, .icons li .icons-finder, .icons li .icons-home, .icons li .icons-menu, .icons li .icons-podcast, .icons li .icons-rss { background-image: url("images/spr/icons-sfbe1251f5a.png") !important; } */ .social { float: right; margin: -3px 10px 0; } .social ul { margin: 0; } .social li { margin: 0; display: inline-block; padding: 0 5px; } .social li a.social-facebook { display: block; height: 20px; width: 20px; z-index: 6; position: relative; text-indent: -119988px; overflow: hidden; text-align: left; } .social li a.social-twitter { display: block; height: 20px; width: 20px; z-index: 6; position: relative; text-indent: -119988px; overflow: hidden; text-align: left; } .social li a.social-tumblr { display: block; height: 20px; width: 20px; z-index: 6; position: relative; text-indent: -119988px; overflow: hidden; text-align: left; } .social li a.social-pinterest { display: block; height: 20px; width: 20px; z-index: 6; position: relative; text-indent: -119988px; overflow: hidden; text-align: left; } .social li a.social-instagram { display: block; height: 20px; width: 20px; z-index: 6; position: relative; text-indent: -119988px; overflow: hidden; text-align: left; } .social li a.social-rss { display: block; height: 20px; width: 20px; z-index: 6; position: relative; text-indent: -119988px; overflow: hidden; text-align: left; } .icons { float: left; } .icons ul { margin: 0; } .icons li { display: inline-block; padding: 0 6px; margin: 0; } .icons li a.icons-finder { display: block; height: 38px; width: 38px; text-indent: -119988px; overflow: hidden; text-align: left; } .icons li a.icons-home { display: block; height: 38px; width: 38px; text-indent: -119988px; overflow: hidden; text-align: left; } .icons li a.icons-menu { display: block; height: 38px; width: 38px; text-indent: -119988px; overflow: hidden; text-align: left; } .icons li a.icons-podcast { display: block; height: 38px; width: 38px; text-indent: -119988px; overflow: hidden; text-align: left; } .icons li a.icons-rss { display: block; height: 38px; width: 38px; text-indent: -119988px; overflow: hidden; text-align: left; } .incidental { display: none; } .incidental a { white-space: nowrap; } .incidental p { margin: 0; } @media all and (max-width: 709px) { .incidental { border-bottom: 1px solid #efefef; color: #999999; padding-bottom: 20px; text-align: center; width: 100%; margin-bottom: 20px; display: block !important; } } .heart { color: #ab1110; font-size: 1.5rem; padding: 0 5px; } /*---------- SOCIAL FOOTER ----------*/ .lady-pink { margin-bottom: -4px; max-width: 100px; float: left; } .social-footer { background-color: white; box-shadow: 0 0 15px #ccc inset; clear: both; min-height: 190px; } .social-footer .you { float: left; margin: 25px 5px 0; } .social-footer .widget { display: inline-block; margin: 0 10px; padding: 10px 10px 0; vertical-align: top; width: 23%; } .social-footer .widget:last-child { margin-right: 0; } @media all and (max-width: 919px) { .social-footer .widget:last-child { display: none; } } @media all and (max-width: 709px) { .social-footer .widget:last-child { display: block; } } .social-footer .widget ul { margin: 0; } .social-footer .widget li { margin: 10px 0 10px 15px; list-style: disc outside none; } @media all and (max-width: 1099px) { .social-footer .widget { width: 17%; } } @media all and (max-width: 919px) { .social-footer .widget { width: 27%; } } @media all and (max-width: 709px) { .social-footer .widget { clear: both; float: none; margin: 10px auto; width: 100%; } } .social-footer h3.widget-title { color: #dc4f77; } @media all and (max-width: 709px) { .social-footer { padding-bottom: 10px; } } /*---------- BLUE ADMIN FOOTER ----------*/ .site-footer { max-width: 1140px; min-width: 240px; margin: 0 auto; margin: 0 auto 10px !important; background-color: #213363; padding: 20px; position: relative; background-color: #081333; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#213363), to(#081333)); background: -webkit-linear-gradient(top, #213363, #081333); background: -moz-linear-gradient(top, #213363, #081333); background: -ms-linear-gradient(top, #213363, #081333); background: -o-linear-gradient(top, #213363, #081333); background: linear-gradient(to bottom, #213363 1%, #081333 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$top-color', endColorstr='$bottom-color',GradientType=0 ); /* IE6-9 */ color: #f9bb4d; } .site-footer:before, .site-footer:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-footer:after { clear: both; } .site-footer a { color: white; } .site-footer a:hover { color: #ff83ad; } .site-footer .widget-area { width: 100%; margin: 0 auto; display: flex; justify-content: space-around; } @media all and (max-width: 919px) { .site-footer .widget-area { display: block; } } @media all and (max-width: 598px) { .site-footer .widget-area { width: 95%; } } .site-footer h3.widget-title { font-size: 1.8rem !important; font-family: "proxima-nova", sans-serif; } .site-footer .widget { width: 22%; display: inline-block; vertical-align: top; margin: 5px 10px; padding: 10px; background-color: #101E44; min-height: 230px; } .site-footer .widget:last-child { margin-right: 0; } .site-footer .widget li { margin: 5px 0; } @media all and (max-width: 919px) { .site-footer .widget { width: 46%; min-height: 200px; } } @media all and (max-width: 598px) { .site-footer .widget { clear: both; float: none; margin: 10px auto; width: 100%; min-height: 0; } } @media all and (max-width: 598px) { .site-footer { padding: 0; } } .faq-footer h6 { margin: 0; } .faq-footer p { font-size: 1.6rem !important; color: white; } .faq-footer a { color: #f9bb4d; } .faq-footer a:hover { color: #ff83ad; } .back-top { font-size: 1.2rem; font-weight: 600; letter-spacing: 1px; position: absolute; right: 15px; text-transform: uppercase; bottom: -7px; z-index: 9999; } .back-top a { color: #e12c24; } .copyright { text-align: center; font-size: 1.4rem; font-family: "TypewriterSerialLightRegular"; margin-bottom: 1em; text-shadow: 0 0 20px white; } /*---------- BLOG ----------*/ .page-title { margin: 0 0 10px; font-family: "TypewriterSerialLightRegular"; } .page-title span { font-family: "TypewriterSerialRegular"; } .podcast .entry-summary { min-height: 190px; } .entry-summary { display: block; clear: both; border-bottom: 1px solid #efefef; margin: 0 0 20px; padding: 0 0 20px; width: 100%; } .entry-summary p { margin: 0; } .entry-summary ol { list-style: decimal inside none; margin-top: 10px; } .entry-summary img { max-width: 40%; width: 125px; height: auto !important; margin: 0 20px 20px 0 !important; float: left !important; } .continue, .more-link { clear: both; display: block; text-align: right; } .entry-content { clear: both; } .entry-content li { font-size: 16px; } article { clear: both; } .archive-header { border-bottom: 1px solid #efefef; margin-bottom: 20px; padding-bottom: 15px; } .archive-header h6 { text-transform: uppercase; font-size: 14px; line-height: 10px; font-size: 1.4rem; line-height: 1em; margin: 0; letter-spacing: 0.1em; font-weight: 600; } .archive-header h6 span { font-weight: 700; } .entry-header h6 { text-transform: uppercase; font-size: 14px; line-height: 20px; font-size: 1.4rem; line-height: 2em; margin: 0; letter-spacing: 0.1em; /*font-weight: 700;*/ font-weight: 600; } .entry-header .booktitle { font-family: "TypewriterSerialItalic"; font-style: normal; } .entry-title { margin: 0; color: #AF0F09; } .entry-title a { color: #e12c24; } .entry-title a:hover { color: #AF0F09; } @media all and (max-width: 335px) { .entry-title { font-size: 2.4rem; } } .entry-meta { color: #333333; } .entry-meta a { color: #e12c24; } .entry-meta a:visited { color: #e12c24; } .entry-meta a:focus { color: #e12c24; } .entry-meta a:hover { color: #a03e59; } .entry-meta a:active { color: #e12c24; } .entry-meta p { margin: 0.5em 0; font-size: 14px; } .entry-meta .leave-reply { font-weight: 600; } .nav-left { width: 200px; max-width: 45%; } .nav-right { text-align: right; width: 200px; float: right; max-width: 45%; } .meta-nav { font-size: 80%; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; } .sharing { padding: 0.3em 0 1em; margin: 1em 0; border-top: 3px solid #efefef !important; border-bottom: 3px solid #efefef !important; } .sharing h6 { text-transform: uppercase; font-weight: 400; margin: 10px 0 0; font-size: 17px; line-height: 10px; font-size: 1.7rem; line-height: 1em; line-height: 1em; } .sharing h6 span { text-transform: none; } .sharing h6:before { content: "❤"; display: inline-block; font-size: 30px; position: relative; padding-right: 5px; color: #f06838; vertical-align: sub; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); writing-mode: lr-tb; } .cats h6 { text-transform: uppercase; font-weight: 600; font-size: 12px; line-height: 10px; font-size: 1.2rem; line-height: 1em; margin: 0; } .cats h6:before { content: "❤"; display: inline-block; font-size: 30px; position: relative; padding-right: 5px; color: #f9bb4d; vertical-align: sub; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); writing-mode: lr-tb; } .cats p { font-size: 14px; line-height: 10px; font-size: 1.4rem; line-height: 1em; margin-top: 0; } .archive-title { border-bottom: 1px solid #efefef; margin: 0.5em 0; padding-bottom: 5px; } .pagination { clear: both; padding: 0; position: relative; font-size: 14px; line-height: 13px; float: left; color: #666666; margin: 0px 0px 25px; font-size: 0.8em; text-transform: uppercase; } .pagination span, .pagination a { background: none; display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px; text-decoration: none; width: auto; border: 1px solid #ffffff; } .pagination a:hover { color: #a03e59; border: 1px solid #cccccc; } .pagination .current { color: #999999; border: 1px solid #EFEFEF; padding: 6px 9px 5px; } .comments-area .reply { font-family: "TypewriterSerialLightRegular"; margin: 0; } /* holiday trimming #comments { background: url("http://smartbitchestrashybooks.com/WP/wp-content/themes/smartbitches/images/global/holiday-snowflakes-lighter.jpg") repeat scroll 0 0/100% auto #fff; } */ .comment-list { margin: 25px 35px; } @media all and (max-width: 598px) { .comment-list { margin: 25px 10px 25px 5px; } } .comment-metadata { font-size: 12px; line-height: 12px; font-size: 1.2rem; line-height: 1.2em; font-family: "TypewriterSerialRegular"; } .comment-body { margin-bottom: 30px; padding: 5px 0px 0px 0px; border-top: 1px solid #E0E0E0; } .error { color: red; font-size: 12px; font-style: italic; } input#subscribe-reloaded { background: transparent; box-shadow: none; padding: 0px; width: 10px !important; } /* Spoilers =================================*/ .spoiler-box { padding: 10px; box-shadow: inset 0 0 9px #C7C3C3; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; } /* .spoiler-button { cursor:pointer; background: $white; box-shadow: inset 0 0 9px #C7C3C3; padding:10px; margin:0; color:$red; font-family: $typewriter; border-radius: 6px; text-align: center; &:hover { color: #a03e59; } &:focus, &:active { color: #939393; } } */ .spoiler-button { box-shadow: 0 0 7px #cccccc; background-color: #f2c4d1; padding: 9px 10px; cursor: pointer; font-family: 'TypewriterSerialItalic'; font-size: 1.4rem; line-height: 1em; font-weight: normal; color: #000000; -webkit-transition: background-color 0.15s linear 0s; -moz-transition: background-color 0.15s linear 0s; -o-transition: background-color 0.15s linear 0s; transition: background-color 0.15s linear 0s; border-radius: 0; } .spoiler-button:hover { color: #6C0F0F; background-color: #EFA0B7; } .spoiler { padding: 5px 10px 0; display: none; color: #94110D!important; } .spoiler a { text-decoration: underline; color: #94110D!important; } .spoiler ol { list-style-type: decimal; color: #94110D!important; } .spoiler li { margin: 5px 0px 10px 25px; color: #94110D!important; } .spoiler p { margin-top: 0; color: #94110D!important; } /*- Sarah SB's comments. Her User id is '2'. -*/ .comment-author-id-2 .comment-author { background: url("images/global/sb-sarah-heart-pink.png") no-repeat scroll 0px 0px/22px auto transparent; padding-left: 27px; } .comment-author-id-2 { background-color: #ffffff; background-color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffebf0), to(white)); background: -webkit-linear-gradient(left, #ffebf0, white); background: -moz-linear-gradient(left, #ffebf0, white); background: -ms-linear-gradient(left, #ffebf0, white); background: -o-linear-gradient(left, #ffebf0, white); background: linear-gradient(to right, #ffebf0 1%, #ffffff 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$left-color', endColorstr='$right-color',GradientType=1 ); /* IE6-9 */ padding: 5px 10px; border: none; } /*- Comments for the rest of the contibutors based on user ID -*/ .comment-author-id-5 .comment-author, .comment-author-id-7 .comment-author, .comment-author-id-9 .comment-author, .comment-author-id-8 .comment-author { background: url("images/global/sb-sarah-heart-pink.png") no-repeat scroll 0px 0px/22px auto transparent; padding-left: 27px; } /*---------- Threaded Comment Numbering ----------*/ ol.comment-list { list-style: none; } ol.comment-list .children { list-style: none; } li .commentnumber { margin: 0; clear: right; } .comment-list li > ul, li > ol { margin: 0 0 0 20px; } @media all and (max-width: 598px) { .comment-list li > ul, li > ol { margin: 0 0 0 5px; } } /*- Liking Comments styling Uses CSS hooks for the WP like plugin: http://preview.alimir.ir/developer/wp-ulike/ -*/ .wpulike-heart .counter a.image-unlike { background-image: url(../../plugins/wp-ulike/assets/img/icons/add-heart-hover.png); background-size: 16px auto; } .wpulike-heart .counter a.image-unlike:hover { background-image: url(../../plugins/wp-ulike/assets/img/icons/add-heart-hover.png) !important; } .wpulike-heart .counter a.image-unlike, #buddypress .activity-content .wpulike-heart .counter a.image-unlike, #bbpress-forums .bbp-reply-content .wpulike-heart .counter a.image-unlike { background-image: url("http://smartbitchestrashybooks.com/WP/wp-content/plugins/wp-ulike/assets/img/icons/add-heart-hover.png") !important; } .wpulike-heart .counter a.image-unlike:hover, #buddypress .activity-content .wpulike-heart .counter a.image-unlike:hover, #bbpress-forums .bbp-reply-content .wpulike-heart .counter a.image-unlike:hover { background-image: url("http://smartbitchestrashybooks.com/WP/wp-content/plugins/wp-ulike/assets/img/icons/remove-heart-16.png") !important; } .wpulike { margin-top: -49px; float: right; } .wpulike .counter { border: none; background: none; } /*---------- Comment Pagination ----------*/ /* WP-Paginate - WordPress Pagination Function Revision: $Id: wp-paginate.css 943040 2014-07-03 18:30:39Z emartin24 $ Copyright (c) 2014 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/ */ .wp-paginate { padding: 0; margin: 1em 0; } .wp-paginate li { display: inline; list-style: none; } .wp-paginate a { background: #ddd; border: 1px solid #ccc; color: #666; margin-right: 4px; padding: 4px 8px; text-align: center; text-decoration: none; } .wp-paginate a:hover, .wp-paginate a:active { background: #ccc; color: #888; } .wp-paginate .title { color: #555; margin-right: 4px; } .wp-paginate .gap { color: #999; margin-right: 4px; } .wp-paginate .current { color: #fff; background: #E04F77; border: 1px solid #e12c24; margin-right: 4px; padding: 4px 8px; } /* style overrides for comments pagination */ /*---------- REVIEWS ----------*/ .featured { float: left; margin: 0 20px 20px 0; max-width: 40%; text-align: center; } .featured img { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; max-width: 100%; } .featured .sbtb-media-meta { font-size: 1rem; text-align: center; text-transform: uppercase; margin: 0; } .details { background-color: #f7f7f7; margin: -5px auto 0; padding: 0px 5px 10px; width: 95%; } .details h6 { font-family: "proxima-nova", sans-serif; margin: 0; } .details .pub, .callout .pub { font-size: 12px; line-height: 10px; font-size: 1.2rem; line-height: 1em; color: #565155; font-weight: 600; letter-spacing: 0.1em; margin: 1em 0; text-transform: uppercase; } .genre { float: left; width: 70%; } .genre p { margin: 1em 0; } @media all and (max-width: 335px) { .genre { float: none; } } h1.grade { float: right; font-size: 60px; line-height: 10px; font-size: 6rem; line-height: 1em; color: #AF0F09; text-shadow: 0 0 2px #9A3B56; font-weight: 700; font-family: "proxima-nova", sans-serif !important; margin: 0; } @media all and (max-width: 598px) { h1.grade { float: none; } } .callout { background-color: #f7f7f7; display: table; padding: 10px 20px; width: 53%; } .callout p { color: #3B3739; } @media all and (max-width: 335px) { .callout { display: none; } } .order { text-align: center; background-color: #F7F7F7; padding: 10px; clear: both; } .order h6 { margin: 0; letter-spacing: 0.1em; font-weight: 400; } @media all and (max-width: 335px) { .order h6 { letter-spacing: 0; } } .order h5 { margin: 24px 0 0; font-size: 2.2rem; } .order h4.tight { font-weight: bold; } .order ul { margin: 0; text-align: center; } .order li { display: inline-block; margin: 0; } .order li img { margin: 3px 5px; max-width: 100%; } .order p { margin-top: 0; } .order p.tight { font-size: 1.3rem; } .book h6.type, .rita-reader-challenge h6.type { color: #ff83ad; } .book .review-box, .book .callout, .book .details, .rita-reader-challenge .review-box, .rita-reader-challenge .callout, .rita-reader-challenge .details { border-bottom: 3px solid #ff83ad; } .book .sharing, .rita-reader-challenge .sharing { border-top: 3px solid #ff83ad !important; border-bottom: 3px solid #ff83ad !important; } .lightning h6.type { color: #97bec9; } .lightning .featured { max-width: 35%; margin: 0 20px 8px 0; } @media all and (max-width: 335px) { .lightning .featured { margin: 0 8px 8px 0; } } .lightning .callout { margin-bottom: 10px; } .lightning .order h6 { letter-spacing: normal; } @media all and (max-width: 335px) { .lightning .order h6 { font-size: 1.8rem; } } .lightning .bottom-ltng-border { border-bottom: 3px solid #97bec9; } .lightning .sharing { border-bottom: 3px solid #97bec9 !important; border-top: 3px solid #97bec9 !important; } .lightning .compilation ul { margin: 0 0 24px 30px; } @media all and (max-width: 335px) { .lightning .compilation h3 { font-size: 2rem; } } @media all and (max-width: 335px) { .lightning .compilation .grade { font-size: 4.5rem; } } .lightning .compilation h6 { letter-spacing: normal; } @media all and (max-width: 335px) { .lightning .compilation h6 { font-size: 1.8rem; } } .other h6.type { color: #2d2d2d; } .other .review-box, .other .callout, .other .details { border-bottom: 3px solid #2d2d2d; } .other .sharing { border-top: 3px solid #2d2d2d !important; border-bottom: 3px solid #2d2d2d !important; } .review-box { background-color: #f7f7f7; padding: 0 20px; width: 100%; clear: both; display: table; margin: 0 auto; } .review-box .grade { margin: 10px 0 !important; } .summary h6 { text-transform: uppercase; font-size: 14px; line-height: 20px; font-size: 1.4rem; line-height: 2em; margin: 0 0 -10px; letter-spacing: 0.1em; font-weight: 700; color: #2d2d2d; } .summary p { font-style: italic; } .addthis_toolbox.addthis_default_style { display: inline-block; vertical-align: text-top; min-width: 260px; } .shareaholic-canvas { display: inline-block; height: 35px; text-align: left; vertical-align: bottom; } .shareaholic-share-buttons-container ul.shareaholic-share-buttons { padding: 0 !important; height: 35px; } .shareaholic-share-buttons-container li.shareaholic-share-button { padding: 0 !important; } .addthis_button_tweet { width: 83px !important; } /*---------- Podcast ----------*/ .featured-books { margin: 20px auto 40px; } .featured-books img { margin: 5px; vertical-align: top; border: 1px solid #ccc; height: 160px !important; width: auto !important; } @media all and (max-width: 598px) { .featured-books img { height: auto !important; max-width: 29%; } } .transcript-announcement.entry-header h6 { color: #4488c5; } .podcast .entry-header h6 { color: #4488c5; } .podcast .tagline { margin: -30px 0 30px 40px; color: #a03e59; font-style: italic; } .podcast blockquote img { float: right; border: 1px solid #ccc; margin: 0 0 10px 10px; max-width: 50%; } .podcast .sharing { border-top: 3px solid #4488c5 !important; border-bottom: 3px solid #4488c5 !important; } .podcast .question { padding-top: 15px; text-align: center; } @media all and (max-width: 335px) { .podcast .question h6 { font-size: 2rem !important; } } .podcast .transcript { border-top: 3px solid #efefef; } .podcast .transcript .thanks { color: #676767; font-size: 1.8rem; } .outro { background-color: #f7f7f7; padding: 10px 30px 5px; font-size: 1.2rem; margin-bottom: 20px; clear: both; } .outro p { font-style: italic; } .outro #mc_embed_signup form { padding: 0; margin: 0 auto; width: 75%; } .outro #mc_embed_signup .mc-field-group { display: inline-block; width: 300px; max-width: 100%; } .outro .bos-submit { display: inline-block; vertical-align: top; } /*---------- Podcast Audio Player ----------*/ .mejs-container, .mejs-embed, .mejs-embed body { background: none repeat scroll 0 0 transparent !important; margin: 15px auto !important; } .mejs-container .mejs-controls { background: none repeat scroll 0 0 #FF83AD !important; border-radius: 5px !important; } .mejs-time-current { background-color: #E3F1F7 !important; } .mejs-time-loaded { background-color: #4488C5 !important; } .mejs-time-total { background: #ffffff !important; } .mejs-container .mejs-controls .mejs-time span { color: #000 !important; } /*---------- BOOKS ON SALE ----------*/ .booksonsale { margin: 0; list-style: none; } .booksonsale .intro { font-weight: 600; } .booksonsale .cover { float: left; margin: 0 20px 20px 0; max-width: 40%; } .booksonsale .cover img { max-width: 100% !important; border: 1px solid #cccccc; } .booksonsale li { margin-bottom: 50px; } .booksonsale .order { border-bottom: 3px solid #334290; } .booksonsale .order li { margin-bottom: 0; } /*---------- BOOKS ON SALE ----------*/ .hyw { margin: 0; list-style: none; } .hyw li { margin-bottom: 80px; } .hyw .summary { font-style: italic; color: #666666; margin: 10px 0 30px; } .hyw .cover { float: left; margin: 0 20px 20px 0; max-width: 40%; width: 150px; } .hyw .cover img { max-width: 100% !important; border: 1px solid #cccccc; } .hyw .order { border-bottom: 3px solid #4461FB; } .hyw .order li { margin-bottom: 0; } .hyw .details p { margin: 0 0 10px; } /*---------- BESTSELLERS ----------*/ .bestsellers img { float: right; border: 1px solid #cccccc; margin: 0 0 20px 20px; max-width: 50%; } /*---------- BESTSELLERS ----------*/ .book-aside { max-width: 50%; } .book-aside img { display: block; margin: 0 auto -15px; } table .book-aside { max-width: 100%; } @media all and (max-width: 1019px) { table .book-aside { display: inherit; } } /*---------- FORMS ----------*/ .beta-form { background-color: #fafbfc; background-color: #eef3f4; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafbfc), to(#eef3f4)); background: -webkit-linear-gradient(left, #fafbfc, #eef3f4); background: -moz-linear-gradient(left, #fafbfc, #eef3f4); background: -ms-linear-gradient(left, #fafbfc, #eef3f4); background: -o-linear-gradient(left, #fafbfc, #eef3f4); background: linear-gradient(to right, #fafbfc 1%, #eef3f4 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$left-color', endColorstr='$right-color',GradientType=1 ); /* IE6-9 */ padding: 20px; } .beta-form textarea, .beta-form input { background-color: #ffffff; } .beta-form h6 { margin: 0 auto 10px; } .beta-form form.wpcf7-form { padding: 0; } .beta-form .row { margin: 20px auto 40px; } #mc_embed_signup form { padding: 20px; background-color: transparent; } .mc-field-group { width: 100%; } #mc_embed_signup .mc-field-group label { margin-bottom: -15px !important; } #mc_embed_signup .mc-field-group.input-group ul { margin: -15px 0 0 !important; } span.wpcf7-list-item.first { margin: 0; } span.wpcf7-list-item { margin-left: 1em; } @media all and (max-width: 598px) { span.wpcf7-list-item { display: block; margin-left: 0; } } /*---------- WIDGETS ----------*/ .widget p { font-size: 14px; line-height: 12px; font-size: 1.4rem; line-height: 1.2em; } .widget ul { margin-left: 0; } .widget li { list-style: none outside none; font-size: 14px; line-height: 12px; font-size: 1.4rem; line-height: 1.2em; margin: 5px 0 15px; font-weight: 600; } h3.widget-title { font-size: 16px; line-height: 10px; font-size: 1.6rem; line-height: 1em; margin: 0; text-transform: uppercase; } .h-entry.tweet.with-expansion.customisable-border { padding: 0 !important; } .p-name.customisable-highlight { color: #f9bb4d !important; } #text-7 p, #text-48 p { font-size: 1.5rem; } .newsletter-paragraph { padding: 0 10px; max-width: 250px; } @media all and (max-width: 709px) { .newsletter-paragraph { max-width: 100%; } } #text-67 { background: white; } #text-67 .mc-field-group { text-align: center; } #text-67 #mc_embed_signup { background: rgba(255, 255, 255, 0); } #text-67 #mc_embed_signup form { background: transparent; padding: 3px 1% 20px 6px; text-align: center; max-width: 244px; } #text-67 #mce-EMAIL { max-width: 230px; padding: 15px 12px; width: 100%; margin-bottom: 5px; } @media all and (max-height: 598px) { #text-67 { top: 30px !important; } } @media all and (max-height: 598px) { #text-67 { top: 10px !important; } } @media all and (max-width: 709px) { #text-67 { position: static !important; width: 100% !important; } #text-67 #mc_embed_signup form { max-width: 500px; } } h3.newsletter { color: #ab1110; } /*---------- FAQ ----------*/ .faq-archives article { margin-left: 20px; } .faq-archives h4 { font-size: 2.2rem; } .faq-archives h1 { margin-bottom: 10px; } .faq-archives p { margin-top: 0; } .single-sbtb-faq #content { min-height: 875px; } .single-sbtb-faq #better_categories-2, .single-sbtb-faq #text-67, .single-sbtb-faq #text-49, .single-sbtb-faq #text-6, .single-sbtb-faq #text-7, .single-sbtb-faq #text-59, .single-sbtb-faq #text-9, .single-sbtb-faq #text-10, .single-sbtb-faq #text-33, .single-sbtb-faq #text-54, .single-sbtb-faq #text-56, .single-sbtb-faq #text-58, .single-sbtb-faq #text-50 { display: none; } .single-sbtb-faq #text-7, .single-sbtb-faq #text-10, .single-sbtb-faq #text-33, .single-sbtb-faq #text-54, .single-sbtb-faq #text-56, .single-sbtb-faq #text-58, .single-sbtb-faq #text-50 { display: none; } @media all and (min-width: 711px) and (max-width: 919px) { .single-sbtb-faq #text-7, .single-sbtb-faq #text-10, .single-sbtb-faq #text-33, .single-sbtb-faq #text-54, .single-sbtb-faq #text-56, .single-sbtb-faq #text-58, .single-sbtb-faq #text-50 { display: block; } } .single-sbtb-faq #recent-comments-3 { display: block; } .single-sbtb-faq .sharing { border-top-color: #e12c24 !important; border-bottom-color: #e12c24 !important; } /*---------- BOOKINFO ----------*/ .bookinfo #primary { width: 100%; box-shadow: 0 -3px 10px #999999; -webkit-box-shadow: 0 -3px 10px #999999; -moz-box-shadow: 0 -3px 10px #999999; } .bookinfo #primary #content { width: 100%; min-height: 600px; box-shadow: none; padding: 35px 60px 10px; } @media all and (max-width: 1099px) { .bookinfo #primary #content { padding: 20px 3% 10px; } } @media all and (min-width: 921px) and (max-width: 1019px) { .bookinfo #primary #content { padding: 20px 1% 10px; } } .bookinfo #primary #content .bookcover { float: right; } @media all and (max-width: 598px) { .bookinfo #primary #content .bookcover { float: none; text-align: center; } } .bookinfo #primary #content .bookcover img { margin-left: 20px; box-shadow: 0 0 15px rgba(103, 196, 182, 0.5); -webkit-box-shadow: 0 0 15px rgba(103, 196, 182, 0.5); -moz-box-shadow: 0 0 15px rgba(103, 196, 182, 0.5); } @media all and (max-width: 598px) { .bookinfo #primary #content .bookcover img { margin: 0 auto; } } .bookinfo #primary #content .jump { text-align: right; margin-bottom: -15px; font-size: 1.2rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .bookinfo #primary #content .ad-tag { color: #dc4f77; line-height: 2px; font-size: 10px; } .bookinfo #primary #content .ad-tag span { background-color: white; } .bookinfo #primary #content .ad-tag-top { margin: -2px 0 0; text-align: left; padding-left: 6vw; } .bookinfo #primary #content .ad-tag-bottom { margin: 0 0 -2px; text-align: right; padding-right: 6vw; } .bookinfo #primary #content .entry-header .type { margin: 25px 0 -25px; color: rgba(103, 196, 182, 0.75); } .bookinfo #primary .triangle-topleft { width: 0; height: 0; border-top: 100px solid rgba(103, 196, 182, 0.5); border-left: 100px solid transparent; position: absolute; top: 0; right: 0; z-index: -1; } .bookinfo #primary .triangle-topleft h5 { position: absolute; font-size: 14px; margin: 0; top: -90px; right: -25px; width: 110px; color: white; transform: rotate(45deg); font-family: "TypewriterSerialRegular"; } .bookinfo #primary .bookinfo-categories h6 { display: inline-block; } .bookinfo #primary .order { background-color: #ffffff; background-color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(103, 196, 182, 0.5)), to(white)); background: -webkit-linear-gradient(top, rgba(103, 196, 182, 0.5), white); background: -moz-linear-gradient(top, rgba(103, 196, 182, 0.5), white); background: -ms-linear-gradient(top, rgba(103, 196, 182, 0.5), white); background: -o-linear-gradient(top, rgba(103, 196, 182, 0.5), white); background: linear-gradient(to bottom, rgba(103, 196, 182, 0.5) 1%, #ffffff 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$top-color', endColorstr='$bottom-color',GradientType=0 ); /* IE6-9 */ } .bookinfo #primary .order h5 { margin: 0; } .bookinfo #primary .order h6 { font-size: 2rem; } .bookinfo #primary .order ul { margin: 0 auto; } @media all and (max-width: 598px) { .bookinfo #primary .order ul { max-width: 295px; } } .bookinfo #primary .bookinfo-ad { margin: 15px 0px; text-align: center; clear: both; border-top: 1px solid #ff83ad; border-bottom: 1px solid #ff83ad; line-height: 0; } .bookinfo #primary .bookinfo-ad img { margin: 10px 0; width: 468px; height: auto; } .sbtb-media { color: rgba(103, 196, 182, 0.75); } .reviews-by-grade .grade-ad { margin: 15px 0px; text-align: center; clear: both; border-top: 1px solid #ff83ad; border-bottom: 1px solid #ff83ad; line-height: 0; } .reviews-by-grade .grade-ad img { margin: 10px 0; width: 468px; height: auto; } .reviews-by-grade .grade-ad .ad-tag { color: #dc4f77; line-height: 2px; font-size: 10px; } .reviews-by-grade .grade-ad .ad-tag span { background-color: white; } .reviews-by-grade .grade-ad .ad-tag-top { margin: -2px 0 0; text-align: left; padding-left: 6vw; } .reviews-by-grade .grade-ad .ad-tag-bottom { margin: 0 0 -2px; text-align: right; padding-right: 6vw; } /*---------- Events ----------*/ .events-info .event-date { color: #334290; margin: 0.3em 0 0.2em; text-transform: uppercase; } .events-info .city { margin: 0 0 0.3em; } .events-info .event-title { margin: 0.5em 0 0; color: #e12c24; font-size: 2rem; } .events-info .address { border-left: 2px solid #f3e5cf; padding-left: 15px; margin-bottom: 10px; } .events-info .address p { font-style: italic; margin: 0; color: #666666; } .acf-map { width: 100%; height: 200px; border: #ccc solid 1px; margin: 20px 0; } /*---------- ADS ----------*/ .responsive-ads .textwidget img { border: 3px solid #B1B1B1; width: 100%; } .responsive-ads .widget { margin: 0 0 10px; } .mobile-ad { display: none; } @media all and (max-width: 598px) { .mobile-ad { max-width: 468px; display: block !important; margin: 20px auto; padding-bottom: 15px; border-bottom: 1px solid #efefef; text-align: center; } } .smrt-ad a { opacity: 0.7; transition: 1s; } .smrt-ad a:hover { opacity: 1; color: #e12c24; } .smrt-ad p { margin-top: 0; line-height: 1em; } .blocker { background-color: #333333; padding: 30px 10px; color: #ededed; border: 3px solid black; width: 96%; margin: 20px auto 10px; } .blocker img { opacity: 0.9; margin-bottom: 10px; } /*---------- PAGES ----------*/ .question { color: #676767; cursor: pointer; margin: 0 auto; padding: 0; font-family: "proxima-nova", sans-serif; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; } .question h6 { margin: 0; } .question:hover { color: #ab1110; } .answer { margin: 0 auto; padding: 0; } .answer ol { list-style-type: decimal; } .answer li { margin: 5px 15px 10px 0; } .question.contact { font-size: 20px; line-height: 10px; font-size: 2rem; line-height: 1em; border: 3px solid #fa7b3c; color: #676767; cursor: pointer; margin: 20px 20px 10px; padding: 10px 10px 20px; font-family: "TypewriterSerialRegular"; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; } .question.contact:hover { color: #ab1110; } .question.contact img { border: 3px solid black; vertical-align: top; margin: 0 10px 0 0; width: 50px; float: left; } .answer.contact { font-size: 10px; line-height: 14px; font-size: 1rem; line-height: 1.4em; background-color: white; border-bottom: 3px solid #f06838; border-left: 3px solid #f06838; border-right: 3px solid #f06838; border-top: medium none !important; margin: -15px 20px 20px; padding: 10px; } .answer.contact ol { list-style-type: decimal; } .answer.contact li { margin: 5px 15px 10px 0; } .special-features #content { padding: 20px 40px 10px; } @media all and (max-width: 598px) { .special-features #content { padding: 20px 20px 10px; } } .special-features .text-center a img { box-shadow: 0px 1px 2px 0px #2d2d2d; margin: 10px; max-width: 45%; } @media all and (max-width: 919px) { .special-features .text-center a img { width: 100%; max-width: 434px; } } .special-features .text-center a:hover img { box-shadow: 0px 1px 2px 0px #4488c5; } .special-features .shrink .entry-title { font-size: 2.2rem; } figure.special-features-sponsor { float: right; max-width: 50%; } figure.special-features-sponsor figcaption { text-align: right; color: #717171; line-height: 0.4em; font-weight: 600; font-size: .6em; letter-spacing: .01em; } figure.special-features-sponsor figcaption span { text-transform: uppercase; } .special-features-sponsor-block .special-features-sponsor-left, .special-features-sponsor-block .special-features-sponsor-middle, .special-features-sponsor-block .special-features-sponsor-right { max-width: 33%; float: left; } @media all and (min-width: 711px) and (max-width: 919px) { .special-features-sponsor-block .special-features-sponsor-left, .special-features-sponsor-block .special-features-sponsor-middle, .special-features-sponsor-block .special-features-sponsor-right { max-width: 70%; } } @media all and (max-width: 709px) { .special-features-sponsor-block .special-features-sponsor-left, .special-features-sponsor-block .special-features-sponsor-middle, .special-features-sponsor-block .special-features-sponsor-right { max-width: 70%; } } @media all and (max-width: 598px) { .special-features-sponsor-block .special-features-sponsor-left, .special-features-sponsor-block .special-features-sponsor-middle, .special-features-sponsor-block .special-features-sponsor-right { max-width: 70%; } } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-left, .special-features-sponsor-block .special-features-sponsor-middle, .special-features-sponsor-block .special-features-sponsor-right { max-width: 200px; float: none; } } .special-features-sponsor-block .special-features-sponsor-left { text-align: center; padding: 0 4% 0 0; } .special-features-sponsor-block .special-features-sponsor-left .special-features-icon { height: auto; } .special-features-sponsor-block .special-features-sponsor-left p { margin: 20px 0 0; font-size: 1.2rem; } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-left p { display: none; } } @media all and (min-width: 711px) and (max-width: 919px) { .special-features-sponsor-block .special-features-sponsor-left { display: none; } } @media all and (max-width: 709px) { .special-features-sponsor-block .special-features-sponsor-left { display: none; } } @media all and (max-width: 598px) { .special-features-sponsor-block .special-features-sponsor-left { display: none; } } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-left { display: block; margin: 0 auto; } } .special-features-sponsor-block .special-features-sponsor-middle { text-align: center; } .special-features-sponsor-block .special-features-sponsor-middle .thanks-sponsor-graphic { margin-top: 50px; } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-middle .thanks-sponsor-graphic { margin-top: 0; } } .special-features-sponsor-block .special-features-sponsor-middle .heart-sponsor-graphic { margin-top: 20px; } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-middle .heart-sponsor-graphic { display: none; } } .special-features-sponsor-block .special-features-sponsor-middle .sponsor-lead { font-weight: bold; font-size: 1.6rem; margin: 0 auto; max-width: 200px; } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-middle .sponsor-lead { display: none; } } .special-features-sponsor-block .special-features-sponsor-middle .sponsor-lead-mobile { display: none; } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-middle .sponsor-lead-mobile { display: block; font-size: 1.6rem; margin: 0; } } .special-features-sponsor-block .special-features-sponsor-middle .sponsor-name { text-transform: uppercase; margin: 0; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.03em; } @media all and (min-width: 711px) and (max-width: 919px) { .special-features-sponsor-block .special-features-sponsor-middle { width: 70%; } } @media all and (max-width: 709px) { .special-features-sponsor-block .special-features-sponsor-middle { width: 70%; } } @media all and (max-width: 598px) { .special-features-sponsor-block .special-features-sponsor-middle { width: 60%; } } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-middle { width: 100%; max-width: 100%; float: none; } } .special-features-sponsor-block .special-features-sponsor-right .book-aside { max-width: 100%; } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-right .book-aside { margin: 0 !important; } } @media all and (min-width: 711px) and (max-width: 919px) { .special-features-sponsor-block .special-features-sponsor-right { width: 30%; } } @media all and (max-width: 709px) { .special-features-sponsor-block .special-features-sponsor-right { width: 30%; } } @media all and (max-width: 598px) { .special-features-sponsor-block .special-features-sponsor-right { width: 30%; } } @media all and (max-width: 335px) { .special-features-sponsor-block .special-features-sponsor-right { width: auto; float: none; margin: 0 auto; display: table; } } .habo-unsolved a img { box-shadow: 0px 1px 2px 0px #2d2d2d; } .habo-unsolved a:hover img { box-shadow: 0px 1px 2px 0px #4488c5; } .habo-unsolved .sixty { width: 60%; float: left; } @media all and (max-width: 598px) { .habo-unsolved .sixty { float: none; width: 100%; } } .habo-unsolved .forty { width: 35%; float: right; } @media all and (max-width: 598px) { .habo-unsolved .forty { float: none; width: 100%; } } .new-features a img { box-shadow: 0px 1px 2px 0px #2d2d2d; margin: 10px; max-width: 45%; } @media all and (max-width: 919px) { .new-features a img { width: 100%; max-width: 434px; } } .new-features a:hover img { box-shadow: 0px 1px 2px 0px #4488c5; } .sarah img.pink { margin: 0 !important; height: auto !important; border: 5px solid #dc4f77; } .sarah .position-relative-right { margin: 0 0 10px 20px !important; position: relative !important; max-width: 50%; float: right; } .sarah .position-relative-left { margin: 0 20px 10px 0 !important; position: relative !important; max-width: 50%; float: left; } .sarah .photo-credit { color: #ffffff; margin-top: -20px; text-shadow: 0 1px 3px #2d2d2d; font-size: .6em; position: absolute; left: 7px; bottom: 2px; } .sarah-book #content-wide { padding-left: 30px; padding-right: 30px; padding-top: 30px; } .sarah-book .sarah-book-cover img { border: 1px solid #cccccc; margin-top: 20px; } .sarah-book .details { background-color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffebf0), to(white)); background: -webkit-linear-gradient(top, #ffebf0, white); background: -moz-linear-gradient(top, #ffebf0, white); background: -ms-linear-gradient(top, #ffebf0, white); background: -o-linear-gradient(top, #ffebf0, white); background: linear-gradient(to bottom, #ffebf0 1%, #ffffff 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$top-color', endColorstr='$bottom-color',GradientType=0 ); /* IE6-9 */ margin-top: -7px; border-bottom: 3px solid #ff83ad; } .sarah-book .details img { border: none; height: 16px; width: auto; } .sarah-book .featured { float: right; margin-left: 25px; margin-right: 0; } .sarah-book .sarah-summary p { font-size: 1.75rem; font-weight: 525; color: #3f3f3f; } .sarah-book .order { background-color: #ffffff; background-color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffebf0), to(white)); background: -webkit-linear-gradient(left, #ffebf0, white); background: -moz-linear-gradient(left, #ffebf0, white); background: -ms-linear-gradient(left, #ffebf0, white); background: -o-linear-gradient(left, #ffebf0, white); background: linear-gradient(to right, #ffebf0 1%, #ffffff 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$left-color', endColorstr='$right-color',GradientType=1 ); /* IE6-9 */ } .sarah-book #excerpt hr { border-color: #ff83ad; width: 30%; clear: none !important; } .sarah-book #excerpt img { padding: 0; border: 1px solid #cccccc; margin-left: 40px; } .sarah-book .sharing { background-color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffebf0), to(white)); background: -webkit-linear-gradient(top, #ffebf0, white); background: -moz-linear-gradient(top, #ffebf0, white); background: -ms-linear-gradient(top, #ffebf0, white); background: -o-linear-gradient(top, #ffebf0, white); background: linear-gradient(to bottom, #ffebf0 1%, #ffffff 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$top-color', endColorstr='$bottom-color',GradientType=0 ); /* IE6-9 */ float: right; margin: 60px 0 20px 40px; text-align: center; width: 200px; max-width: 30%; border-color: #ff83ad !important; } .sarah-book .sharing img { margin-top: 12px; margin-left: 0 !important; } .sarah-book .sharing li { margin: 10px 0; } .sarah-book .sharing ul { width: 80px; margin: 0 auto 20px; list-style-type: none; } .sarah-book #reviews h3 { margin-bottom: 12px; } .sarah-book #reviews p { margin: 0; } .sarah-book #reviews .text-right { margin-top: 0; margin-bottom: 12px; } .sarah-book #reviews .pub { font-size: 1em; font-weight: 600; letter-spacing: 0.1em; margin: 0.9em 0 0.2em; } /*---------- ZAZZLE SHOP EMBED ----------*/ .centerGrids { width: 100% !important; } .gridCell { display: inline-block; margin: 0 0 40px !important; padding: 0 10px 10px 0 !important; width: 31% !important; vertical-align: top; text-align: center; } @media all and (max-width: 335px) { .gridCell { width: 49% !important; } } .gridCellInfo { font-size: 1.2rem; line-height: 1em; } /*----------- Store Page ------------------*/ ul.shop-product { list-style: none; margin: 0; } ul.shop-product li { display: inline-block; max-width: 120px; margin: 0 15px 25px 0; vertical-align: top; } ul.shop-product li h6 { font-size: 1.2rem; } /*---------- COLORS ----------*/ .blue { color: #334290; } .pink { color: #dc4f77; } .orange { color: #f06838; } .bluelt { color: #4488c5 !important; } .yellow { color: #f9bb4d; } .red { color: #e12c24; } .welcome { color: #2d2d2d; } .a-holiday-gift { color: #1EB0D8; } .newly-posted, .your-comments, .sarahs-latest-posts { color: #ab1110; } .the-podcast, .podcast-type, .sarahs-nonfiction { color: #4488c5; } .recent-reviews, .smartbitches, .book-reviews-type, .sbtb-events, .sarah-on-twitter, .sarah-writes-books { color: #dc4f77; } .categories, .better_widget_categories { color: #f06838; } .search-smart-bitches, .sarahs-comments { color: #f9bb4d; } .blue-border { border-bottom: 3px solid #334290; } .pink-border { border-bottom: 3px solid #dc4f77; } .orange-border { border-bottom: 3px solid #f06838; } .bluelt-border { border-bottom: 3px solid #4488c5; } .yellow-border { border-bottom: 3px solid #f9bb4d; } .red-border { border-bottom: 3px solid #e12c24; } ol.pink-list { counter-reset: li; /* Initiate a counter */ } ol.pink-list > li { position: relative; /* Create a positioning context */ margin: 0 0 0.5em 0.5em; /* Give each list item a left margin to make room for the numbers */ list-style: none; /* Disable the normal item numbering */ color: black; padding: 0.3em 0 0; } ol.pink-list > li:before { content: counter(li) "\00a0 ·"; /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ /* Position and style the number */ position: absolute; top: 0; left: -1.5em; font-size: 18px; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin: 0; padding: 3px; color: #a03e59; font-weight: bold; text-align: center; } ol.fancy { counter-reset: li; /* Initiate a counter */ } ol.fancy > li { position: relative; /* Create a positioning context */ margin: 0 0 5px 1em; /* Give each list item a left margin to make room for the numbers */ list-style: none; /* Disable the normal item numbering */ color: black; padding: 0.3em 0 0; } ol.fancy > li:before { content: counter(li); /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ /* Position and style the number */ position: absolute; top: 0; left: -2em; font-size: 18px; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin: 0; padding: 3px; color: #ab1110; font-weight: bold; text-align: center; } ol.fancy > li:hover:before { content: counter(li) "\00a0\002764"; /* Use the counter as content */ color: #ab1110; text-shadow: 0 1px 3px #efefef; left: -2em; } ul.fancy > li { position: relative; /* Create a positioning context */ list-style: none; /* Disable the normal item numbering */ color: black; padding: 0.3em 0 0; margin: 0; } ul.fancy > li:before { content: "•"; /* Position and style the number */ position: absolute; top: 0; left: -1.5em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin: 0; padding: 3px; color: #ab1110; font-weight: bold; text-align: center; } ul.fancy > li:hover:before { content: "\002764"; /* Use the counter as content */ color: #ab1110; text-shadow: 0 1px 3px #efefef; } .button-yellow, .button-blue, .button-pink, .button-orange, .button-red { border: 3px solid black; box-shadow: 0 0 8px #cccccc; color: white !important; display: inline-block; padding: 30px 0; text-align: center; width: 22%; font-size: 1.6rem; line-height: 1em; margin: 0 10px 10px 0; font-family: "TypewriterSerialRegular"; -webkit-transition: opacity 0.15s linear 0s; -moz-transition: opacity 0.15s linear 0s; -o-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s; } .button-yellow:hover, .button-blue:hover, .button-pink:hover, .button-orange:hover, .button-red:hover { cursor: pointer; opacity: 0.6; color: black !important; } @media all and (max-width: 1019px) { .button-yellow, .button-blue, .button-pink, .button-orange, .button-red { width: 45%; } } .button-orange { background-color: #f06838; } .button-yellow { background-color: #f9bb4d; } .button-blue { background-color: #334290; } .button-pink { background-color: #dc4f77; } .button-red { background-color: #de1314; } /*---------- BUDGET ADS ----------*/ .ad-list, .archived-ads { list-style: none outside none; margin: 0; } .ad-list li, .archived-ads li { margin: 0 auto 20px; } .ad-list.none { display: none; } .ad-list.two li:nth-child(n+2) { display: none; } .ad-list.three li:nth-child(n+3) { display: none; } .ad-list.four li:nth-child(n+4) { display: none; } .ad-list.five li:nth-child(n+6) { display: none; } .ad-list.six li:nth-child(n+7) { display: none; } .ad-list.seven li:nth-child(n+8) { display: none; } .ad-list.eight li:nth-child(n+8) { display: none; } .ad-list.nine li:nth-child(n+9) { display: none; } .ad-list.ten li:nth-child(n+10) { display: none; } .ad-list.eleven li:nth-child(n+11) { display: none; } .ad-list.twelve li:nth-child(n+12) { display: none; } .ad-list.thirteen li:nth-child(n+13) { display: none; } .ad-list.fourteen li:nth-child(n+14) { display: none; } .ad-list.fifteen li:nth-child(n+15) { display: none; } .ad-list.sixteen li:nth-child(n+16) { display: none; } .ad-list.seventeen li:nth-child(n+17) { display: none; } .ad-list.eighteen li:nth-child(n+18) { display: none; } .ad-list.nineteen li:nth-child(n+19) { display: none; } .ad-list.twenty li:nth-child(n+20) { display: none; } .ad-list.twentyone li:nth-child(n+21) { display: none; } .sidebar-left.three aside:nth-child(n+3) { display: none; } .sidebar-left.five aside:nth-child(n+5) { display: none; } .sidebar-left.six aside:nth-child(n+6) { display: none; } .sidebar-left.seven aside:nth-child(n+7) { display: none; } .sidebar-left.eight aside:nth-child(n+8) { display: none; } /*---------- FONTS ----------*/ h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.3em; } h1, h2, h3 { font-family: "TypewriterSerialRegular"; line-height: 1em; } h1 em, h2 em, h3 em { font-family: "TypewriterSerialItalic"; font-style: normal; } h4, h6 { font-weight: 400; } h1 { font-size: 28px; line-height: 12px; font-size: 2.8rem; line-height: 1.2em; text-shadow: 1px 1px 2px #ccc; } h2 { font-size: 26px; line-height: 12px; font-size: 2.6rem; line-height: 1.2em; } h3 { font-size: 24px; line-height: 12px; font-size: 2.4rem; line-height: 1.2em; } h4 { font-size: 26px; line-height: 12px; font-size: 2.6rem; line-height: 1.2em; } h5 { font-size: 24px; line-height: 12px; font-size: 2.4rem; line-height: 1.2em; color: #666666; } h6 { font-size: 22px; line-height: 12px; font-size: 2.2rem; line-height: 1.2em; } small { font-size: 12px; line-height: 10px; font-size: 1.2rem; line-height: 1em; } .small { font-size: 14px; line-height: 10px; font-size: 1.4rem; line-height: 1em; margin: 0; } .caps { text-transform: uppercase; } .booktitle { font-style: italic; } h2.booktitle { font-family: "TypewriterSerialItalic"; font-style: normal; } .nowrap { white-space: nowrap; } .sep { padding: 0px 5px; font-size: 1.5rem; color: #ab1010; } .pipenav { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 11px 0px; text-align: center; } /*---------- SEARCH ARCHIVE ----------*/ .search .site-content img { max-height: 75px; width: auto; } .search .site-content .podcast .entry-summary { min-height: 0px; } /*---------- SEARCH BAR ----------*/ #lgsearch { position: relative; float: right; width: 23px; height: 25px; padding: 4px 0 0; } #lgsearch .label { width: 23px; height: 25px; position: relative; z-index: 20; } #lgsearch .label label { display: block; width: 23px; height: 25px; background: url("images/global/finder.png") no-repeat scroll 0 0; font-size: 0; color: rgba(0, 0, 0, 0); text-indent: -9999px; cursor: pointer; } #lgsearch .label label:hover { background: url("images/global/finder.png") no-repeat scroll 0 0; } #lgsearch .label.active label { background: url("images/global/finder_on.png") no-repeat scroll 0 0 black; height: 41px; margin: -7px 0 0 -7px; width: 36px; } #lgsearch .input { position: absolute; top: -3px; right: 30px; width: 170px; height: 42px; z-index: 5; overflow: hidden; } #lgsearch .input input { display: block; position: absolute; top: 0; left: -450px; width: 450px; height: 100%; margin: 0; padding: 0 10px; border: none; background-color: #ffffff; border: 3px solid black !important; color: #333333; font-size: 12px; -webkit-backface-visibility: none; -moz-backface-visibility: none; -ms-backface-visibility: none; backface-visibility: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: left 0; -moz-transition: left 0; -ms-transition: left 0; -o-transition: left 0; transition: left 0; } #lgsearch .input input:focus { outline: none; } #lgsearch .input.focus { z-index: 20; } #lgsearch .input.focus input { left: 0; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } #lgsearch2 { position: relative; float: right; width: 206px; padding: 4px 0 0; } #lgsearch2 .label2 { width: 206px; height: 80px; position: relative; z-index: 20; } #lgsearch2 .label2 label { display: block; width: 205px; height: 89px; background: url("images/ladies/search.jpg") no-repeat scroll 0 0/100% auto transparent; font-size: 0; color: rgba(0, 0, 0, 0); text-indent: -9999px; cursor: pointer; position: absolute; right: 10px; top: -4px; } #lgsearch2 .input2 { position: absolute; top: -41px; right: 44px; width: 171px; height: 42px; z-index: 5; overflow: hidden; } #lgsearch2 .input2 input { display: block; position: absolute; top: 0; left: -450px; width: 450px; height: 100%; margin: 0; padding: 0 10px; border: none; background-color: #ffffff; border: 3px solid black !important; color: #333333; font-size: 12px; -webkit-backface-visibility: none; -moz-backface-visibility: none; -ms-backface-visibility: none; backface-visibility: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: left 0; -moz-transition: left 0; -ms-transition: left 0; -o-transition: left 0; transition: left 0; } #lgsearch2 .input2 input:focus { outline: none; } #lgsearch2 .input2.focus { z-index: 20; } #lgsearch2 .input2.focus input { left: 0; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } @media all and (max-width: 919px) { #lgsearch2 { display: none; } } .search-field { margin: 0 10px 5px 0; width: 300px; padding: 15px; color: #2d2d2d; } select.postform { border: 2px solid #efefef; border-radius: 0; font-size: 1.4rem; margin: 10px auto 0; padding: 0; width: 100%; } .postform option.level-0, .postform option.level-1 { padding: 8px 5px 5px; } #text-49 .search-field { width: 60%; } @media all and (max-width: 919px) { #text-49 { display: none; } } #text-65 { margin-bottom: 10px !important; } .horiz-search { background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, white), color-stop(30%, #f6b755), color-stop(70%, #f6b755), color-stop(100%, white)); background-image: -webkit-linear-gradient(left, white 0%, #f6b755 30%, #f6b755 70%, white 100%); background-image: -moz-linear-gradient(left, white 0%, #f6b755 30%, #f6b755 70%, white 100%); background-image: -o-linear-gradient(left, white 0%, #f6b755 30%, #f6b755 70%, white 100%); background-image: linear-gradient(left, #ffffff 0%, #f6b755 30%, #f6b755 70%, #ffffff 100%); clear: both; margin: 0 auto 40px; text-align: center; padding: 5px 0; } .horiz-search h4 { margin: 0; } @media all and (max-width: 598px) { .horiz-search h4 { font-size: 2.1rem; } } .horiz-search .search-form { display: inline-block; } .horiz-search .search-field { padding: 10px 15px; width: 240px; } .req { color: #e12c24; } .paypal-form { background-color: #fff3e7 !important; box-shadow: 0 0 10px #ffe5cb inset !important; padding: 5px 15px !important; margin-top: 20px; } .boxed-set { border: none !important; box-shadow: none !important; } @media all and (max-width: 598px) { .sharewax .nowrap { white-space: normal; } }