/* Theme Name: Kaya Theme URI: http://kaya.com Description: Kaya Wordpress theme! Version: 1.0 Author: Amar Ravva + Elliot Jay Stocks & Keir Whitaker Author URI: http://codisattva.com Tags: naked, clean, basic */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Media queries =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /** * reset.css * * Adapted from: * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/ * HTML5 boilerplate: http://html5boilerplate.com/ * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/ * * Modified by Elliot Jay Stocks */ html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, i, ul, li, form, label, caption, article, footer, header, hgroup, menu, nav, section, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, footer, header, hgroup, nav, section { display: block; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } a { color:blue; } a:focus { outline: thin dotted; } li { list-style:none; } b, strong { font-weight: 700; } i, em, dfn { font-style: italic; } hr { display: block; height: 1px; border: 1; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } label { cursor: pointer; } input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } div, article, section, header, footer, nav, li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body { background:#acaa9f; overflow-x:hidden;/* Don't forget to style your body to avoid user overrides */ } ::-moz-selection { background:#ff0; color:#333; } ::selection { background:#ff0; color:#333; } /* ---------------------------------------------------------------------------------------------------------- 01.1 Fonts ------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'dincondensed'; src: url('fonts/pfdintextcondpro-regular-webfont.eot'); src: url('fonts/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pfdintextcondpro-regular-webfont.svg#pf_din_text_cond_proregular') format('svg'), url('fonts/pfdintextcondpro-regular-webfont.woff') format('woff'), url('fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dincondensed'; src: url('fonts/pfdintextcondpro-bold-webfont.eot'); src: url('fonts/pfdintextcondpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pfdintextcondpro-bold-webfont.svg#pf_din_text_cond_probold') format('svg'), url('fonts/pfdintextcondpro-bold-webfont.woff') format('woff'), url('fonts/pfdintextcondpro-bold-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'playfair'; src: url('fonts/playfairdisplay-regular-webfont.eot'); src: url('fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg'), url('fonts/playfairdisplay-regular-webfont.woff') format('woff'), url('fonts/playfairdisplay-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair'; src: url('fonts/playfairdisplay-italic-webfont.eot'); src: url('fonts/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg'), url('fonts/playfairdisplay-italic-webfont.woff') format('woff'), url('fonts/playfairdisplay-italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot'); } @font-face { font-family: 'icomoon'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } [class*="icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { content: "\e601"; } .icon-tumblr:before { content: "\e602"; } .icon-instagram:before { content: "\e603"; } .icon-twitter:before { content: "\e604"; } .icon-twitter-sign:before { content: "\e600"; } .icon-search:before { content: "\e606"; } .itw { font-size: 1.5em; text-decoration: none; color: #acaa9f; } .itwsp { padding-right: 0.5em; padding-top: 0.5em; padding-left: 0.5em; } .icon-facebook { color: #625447; } .icon-facebook:hover { color: #3b5998; } .icon-twitter-sign { color: #b8aa9d; } .icon-twitter-sign:hover { color: #00aced; } .icon-tumblr { color: #6f6154; } .icon-tumblr:hover { color: #2c4762; } .icon-instagram { color: #786a5d; } .icon-instagram:hover { color: #3f729b; } /* ---------------------------------------------------------------------------------------------------------- 01.2 Slider ------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ /* This is the parent of all the elements in our carousel. We want relative positioning so that later on, we can push the navigation arrows to the left and right. */ .slider { position: relative; zoom: 1; background-color: #000; overflow: hidden; } /* This container holds the navigation arrows. We just want a width but no height so that this div doesn't cover up the carousel elements and make them unclickable on some browsers. */ .slider-nav { position: absolute; zoom: 1; width: 100%; top: 0; left: 0; } /* This holds common styles for both the left and right navigation arrow container divs. Even though this div's parent has no height, the overflow is visible by default, so we can see and click on the arrows. */ .arrow { width: 48px; height: 35px; position: absolute; zoom: 1; padding-top: 17%; z-index: 100; } /* This holds common styles for both the left and right navigation arrow anchors I'm using spans for the arrow call-to-action instead of an anchor tag because anchor tags and buttons on Android devices bring up a "long hold" dialog button asking you if you want to save the URL of the anchor tag or open it in another tab. There is no reliable CSS or JavaScript method for suppressing that dialog, so I circumvent it by using the span tag */ .arrow span { display: block; width: 100%; height: 100%; cursor: pointer; } /* When not clickable */ /* position the left arrow */ .arrow-left { left: 8%; padding-left: 3px; } /* position the right arrow */ .arrow-right { right: 8%; } span.carouselnext { opacity: .8; width: 48px; height: 34px; } span.carouselnext:hover { opacity: 1; } span.carouselback { opacity: .8; width: 48px; height: 34px; } svg:hover polygon.ltrw { fill: #cccc00; } span.carouselback:hover { opacity: 1; } /* This container is used to pull-in the carousel mask from the left and right so that it does not cover up the arrows. You should also apply any desired padding and stuff to this div instead of applying it directly to the mask. Applying left and right padding to the mask can mess up the calculations unless you account for it. To future-proof your design from messups caused by updates to the css in the future, apply spacing and positioning to this div, and not directly to the mask. */ .slider-mask-wrap { margin: 0 -20%; background-color: transparent; } /* The mask container contains all the list elements that make up the carousel. It acts as a mask, hiding those list elements that are too far to the left or right. It gives the illusion that we are dynamically adding or subtracting divs using javascript or magic as we slide from left to right */ .slider-mask { overflow: hidden; position: relative; zoom: 1; } /* The target is the div that actually slides from left to right. The width will be overwritten by our javascript. Just set it wide enough here to prevent wrapping when the page loads. Set it to 9999px or something obnoxiously large if you like */ .slider-target { width: 2000px; margin: 0 auto; } /* Remove padding and list style from our unordered list. Your current CSS reset might already handle this. */ .slider ul { margin: 0; padding: 0; list-style-type: none; } /* These the individual elements in our carousel. They all need to be the same width. The height can vary, but it might look unattractive if they do. See my jQuery plugin makeSameHeight located here https://github.com/mrbinky3000/makeSameHeight if you want a dynamic method of keeping the carousel items at a uniform height as the page expands and retracts. Stick it into the redraw callback. More on that in the documentation. NOTE: Do not apply margin or border to the slider elements (li). Make an inner container and apply it there if needed. NOTE: The width is overwritten by the plugin. This is just initial page load width. However, the height remains untouched. */ .slider li { width: 175px; float: left; margin: 0; padding: 0; background-color: #000; } /* This element is optional. Keep it and fill it with your own stuff, or replace it with your own stuff. */ .slid .opmask { background: rgb(0, 0, 0) ; opacity: 0.2; } .slider .inner { padding: 0px; margin: 0px; height: 100%; border-right: 10px solid #cccc00; border-left: 10px solid #cccc00; } .slider .current .opmask { opacity: 1; } .slide-title { position: absolute; bottom: 0px; line-height: 1em; max-width: 85%; color: #fff; font-family: "dincondensed", sans-serif; font-weight: bold; text-transform: uppercase; } .test-title { font-size: 3.5em; font-size: 49px; } .test-title a { color: #fff; background-color: #000; text-decoration: none; } .slide_link { text-decoration: none; font-size: 28px; font-size: 2em; line-height: 1.5em; } .examples { margin-top: -5px; background-color: #000; } #selector a.current { background-color: #309; } @media screen and (max-width: 700px){ .slider .inner { height: 100%; border-right: 5px solid #cccc00; border-left: 5px solid #cccc00; } } @media screen and (max-width: 591px){ } /* ---------------------------------------------------------------------------------------------------------- 01.3 Book Slider ------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .mi-slider { position: relative; margin-top: 0px; height: 400px; } #bi-slider.mi-slider { padding-top: 100px; height: 350px; } .mi-slider ul { list-style-type: none; position: absolute; width: 100%; left: 0; overflow: hidden; text-align: center; pointer-events: none; z-index:999; } .no-js .mi-slider ul { position: relative; left: auto; bottom: auto; margin: 0; overflow: visible; } .mi-slider ul.mi-current { pointer-events: auto; } .mi-slider ul li { display: inline-block; padding: 10px; vertical-align: top; width: 16%; max-width: 300px; -webkit-transform: translateX(700%); transform: translateX(700%); -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } #bi-slider.mi-slider ul li { width: 12.875%; padding: 20px 10px; } #bi-slider.mi-slider ul li.special { width: 100%; padding: 0px; max-width: 2000px; text-align: left; } .no-js .mi-slider ul li { -webkit-transform: translateX(0); transform: translateX(0); } .mi-slider ul li img { display: block; margin: 0 auto; } .mi-slider ul li.special img { display: inline; margin: 0; } .mi-moveToLeft, .mi-moveToRight, .spnone { display: none; } .mi-current { display: block; } #books { margin-top: 15px; } .booktitle { max-width: 169px; padding-top: 10px; margin: 0 auto; text-align: left; font-weight: bold; font-style: italic; font-size: 1em; font-size: 14px; line-height:1rem; } .bookcover { max-width: 169px; margin: 0 auto; } .mi-slider ul li a { outline: none; cursor: pointer; font-style: normal; line-height: 1.5em; } .mi-slider ul li.special a { line-height: 1em; } .mi-slider ul li img { max-width: 100%; height: auto; border: none; } .mi-slider ul li h4 { display: inline-block; font-weight: 400; font-size: 18px; padding: 20px 10px 0; } .mi-slider ul li:hover { opacity: 0.7; } .mi-slider ul li.special:hover { opacity: 1; } .mi-slider nav { position: relative; width:87.5%; top: 320px; text-align: center; margin: 0 auto; border-top: 6px solid #000; } #bi-slider nav { top: 0px; background-color: #acaa9f; z-index:999; } .no-js nav { display: none; } .mi-slider nav a { display: inline-block; text-transform: uppercase; letter-spacing: 3px; padding: 35px 30px 20px 34px; position: relative; font-weight:bold; color: #333; text-decoration: none; outline: none; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; font-family: "dincondensed",sans-serif; } .mi-slider nav a:hover, .mi-slider nav a.mi-selected { color: #000; } .mi-slider nav a.mi-selected:after, .mi-slider nav a.mi-selected:before { content: ''; position: absolute; top: -6px; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; } .mi-slider nav a.mi-selected:after { border-color: transparent; border-top-color: #acaa9f; border-width: 20px; left: 50%; margin-left: -20px; } .mi-slider nav a.mi-selected:before { border-color: transparent; border-top-color: #000; border-width: 28px; left: 50%; margin-left: -28px; } /* Move classes and animations */ .mi-slider ul:first-child li, .no-js .mi-slider ul li { -webkit-animation: scaleUp 350ms ease-in-out both; animation: scaleUp 350ms ease-in-out both; } @-webkit-keyframes scaleUp { 0% { -webkit-transform: translateX(0) scale(0); } 100% { -webkit-transform: translateX(0) scale(1); } } @keyframes scaleUp { 0% { transform: translateX(0) scale(0); } 100% { transform: translateX(0) scale(1); } } .mi-slider ul:first-child li:first-child { -webkit-animation-delay: 90ms; animation-delay: 90ms; } .mi-slider ul:first-child li:nth-child(2) { -webkit-animation-delay: 180ms; animation-delay: 180ms; } .mi-slider ul:first-child li:nth-child(3) { -webkit-animation-delay: 270ms; animation-delay: 270ms; } .mi-slider ul:first-child li:nth-child(4) { -webkit-animation-delay: 360ms; animation-delay: 360ms; } /* moveFromRight */ .mi-slider ul.mi-moveFromRight li { -webkit-animation: moveFromRight 350ms ease-in-out both; animation: moveFromRight 350ms ease-in-out both; } /* moveFromLeft */ .mi-slider ul.mi-moveFromLeft li { -webkit-animation: moveFromLeft 350ms ease-in-out both; animation: moveFromLeft 350ms ease-in-out both; } /* moveToRight */ .mi-slider ul.mi-moveToRight li { -webkit-animation: moveToRight 350ms ease-in-out both; animation: moveToRight 350ms ease-in-out both; } /* moveToLeft */ .mi-slider ul.mi-moveToLeft li { -webkit-animation: moveToLeft 350ms ease-in-out both; animation: moveToLeft 350ms ease-in-out both; } /* Animation Delays */ .mi-slider ul.mi-moveToLeft li:first-child, .mi-slider ul.mi-moveFromRight li:first-child, .mi-slider ul.mi-moveToRight li:nth-child(4), .mi-slider ul.mi-moveFromLeft li:nth-child(4) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .mi-slider ul.mi-moveToLeft li:nth-child(2), .mi-slider ul.mi-moveFromRight li:nth-child(2), .mi-slider ul.mi-moveToRight li:nth-child(3), .mi-slider ul.mi-moveFromLeft li:nth-child(3) { -webkit-animation-delay: 90ms; animation-delay: 90ms; } .mi-slider ul.mi-moveToLeft li:nth-child(3), .mi-slider ul.mi-moveFromRight li:nth-child(3), .mi-slider ul.mi-moveToRight li:nth-child(2), .mi-slider ul.mi-moveFromLeft li:nth-child(2) { -webkit-animation-delay: 180ms; animation-delay: 180ms; } .mi-slider ul.mi-moveToLeft li:nth-child(4), .mi-slider ul.mi-moveFromRight li:nth-child(4), .mi-slider ul.mi-moveToRight li:first-child, .mi-slider ul.mi-moveFromLeft li:first-child { -webkit-animation-delay: 270ms; animation-delay: 270ms; } /* Animations */ @-webkit-keyframes moveFromRight { 0% { -webkit-transform: translateX(700%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes moveFromLeft { 0% { -webkit-transform: translateX(-700%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes moveToRight { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(700%); } } @-webkit-keyframes moveToLeft { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-700%); } } @keyframes moveFromRight { 0% { transform: translateX(700%); } 100% { transform: translateX(0); } } @keyframes moveFromLeft { 0% { transform: translateX(-700%); } 100% { transform: translateX(0); } } @keyframes moveToRight { 0% { transform: translateX(0%); } 100% { transform: translateX(700%); } } @keyframes moveToLeft { 0% { transform: translateX(0%); } 100% { transform: translateX(-700%); } } .mi-slider { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Media Queries */ @media screen and (min-width: 1400px){ #bi-slider.mi-slider ul li { width: 14%; padding: 20px 10px; } } @media screen and (max-width: 1020px){ .mi-slider { height: 380px; } .mi-slider nav { top: 300px; } .mi-slider nav a { font-size: 14px; font-size: 1em; padding: 35px 10px 20px 14px; } .diaspora, .widgettitle { font-size: 2em; font-size: 28px; } .event_date { line-height: 1em; letter-spacing: -0.1em; } } @media screen and (max-width: 817px){ .mi-slider { height: 355px; } .mi-slider nav { top: 275px; width: 100%; } .diaspora, .widgettitle { font-size: 1.71428571em; font-size: 24px; } .event_date { line-height: 1em; letter-spacing: 0; } #bi-slider.mi-slider ul li { width: 15%; padding: 20px 10px; } } @media screen and (max-width: 700px){ .mi-slider { height: 335px; } .mi-slider nav { top: 250px; width: 100%; } .diaspora { font-size: 1.42857143em; font-size: 20px; line-height: 1.5em; } #bi-slider.mi-slider ul li { width: 18%; padding: 20px 10px; } } @media screen and (max-width: 591px){ .mi-slider ul { margin-top: 5px; } .mi-slider { height: 240px; } .mi-slider ul li { padding: 4px; } .mi-slider nav { top: 165px; } .mi-slider nav a { font-size: 14px; font-size: 1em; letter-spacing: 0px; padding: 30px 6px 20px 5px; } .booktitle { display: none; } #bi-slider.mi-slider ul li { width: 18%; padding: 20px 10px; } } @media screen and (max-width: 480px){ .mi-slider { height: 220px; } .mi-slider nav { top: 125px; } #bi-slider.mi-slider ul li { width: 25%; padding: 20px 10px; } } @media screen and (-webkit-min-device-pixel-ratio:2) { .mi-slider nav { width: 98%; } .mi-slider nav a { font-size: 10px; font-size: .85714826em; padding: 30px 5px 20px 5px; } .mi-slider, #books { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } } /* ---------------------------------------------------------------------------------------------------------- 01.5 Layout, Color, Background ------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ header { background: #fff;} #search, #searcha { padding: 18px 10px 10px 0px; color:white; font-weight:bold; background: #FFF; height: 58px; border-bottom: 6px solid black;} #com, #coma { padding: 18px 10px 10px 0px; color:black; font-weight:bold; height: 58px; border-bottom: 6px solid black;} .arrow-container {position: relative; float:right; right: 70px; top:36px;} .arrow-down { position:absolute; top:-4px; margin-left:18px; padding-top:30px; width:0; height:0; border-left:18px solid transparent; border-right:18px solid transparent; border-top:18px solid #FFF; } .arrow-down-border { position:absolute; top:-2px; margin-left:12px; padding-top:30px; width:0; height:0; border-left:24px solid transparent; border-right:24px solid transparent; border-top:24px solid black; } .arrow2 { width: 48px; height: 35px; float: right; zoom: 1; z-index: 100; margin-top: -7px; } .arrow2 span { display: block; width: 100%; height: 100%; cursor: pointer; } .arrow2lt { width: 48px; height: 35px; float: left; zoom: 1; z-index: 100; margin-top: -7px; } .arrow2lt span { display: block; width: 100%; height: 100%; cursor: pointer; } input, input[type="search"] { -webkit-appearance: textfield; padding: 1px; background-color: white; border: 0px; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; width: 99%; font-size: 1.428em; font-family: "playfair", serif; color: #acaa9f; } #donate input[type="image"] { -webkit-appearance: none; padding: 0px; background-color: transparent; border: 0px; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; font-size: 1.428em; font-family: "playfair", serif; color: #acaa9f; } .donate-sm { max-width: 167px; height: auto; width: 50%; } .donate-monthly { max-width: 311px; height: auto; width: 93%; } .submissionsblock li { list-style-type: disc; margin-left: 2em; } .submanager { margin-bottom: -50px; line-height: 1em; } .submanager a { color: #acaa9f; text-decoration: none; text-transform: none; } #commentform input[type="text"] { -webkit-appearance: textfield; padding: 1px; background-color: white; border: 1px dashed; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; width: 99%; font-size: 1.428em; font-family: "playfair", serif; color: #acaa9f; } textarea#comment { -webkit-appearance: textfield; padding: 1px; background-color: white; border: 1px dashed; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; width: 99%; font-size: 1.428em; font-family: "playfair", serif; color: #acaa9f; } #ninja_forms_form_2 input[type="file"] { -webkit-appearance: none; padding: 0; background-color: white; border: 1px dashed; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; margin-left: 0; margin-right: 0; width: 95%; box-sizing: border-box; font-size: 1em; font-size: 14px; line-height: 2em; font-family: "dincondensed", sans-serif; font-weight: bold; color: #acaa9f; } .ninja-forms-form-wrap .ninja-forms-form .MultiFile-wrap { width: 100%; } .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field, .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-star-rating-control { margin-left: 0px; } input[type="checkbox"], input[type="radio"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; } .ninja-forms-field { -webkit-appearance: textfield; padding: 0; background-color: white; border: 1px dashed; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; margin-left: 0; margin-right: 0; width: 95%; box-sizing: border-box; font-size: 1em; font-size: 14px; line-height: 2em; font-family: "dincondensed", sans-serif; font-weight: bold; color: #acaa9f; } .text-wrap { padding-right: 1px; } .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field, .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-star-rating-control { margin-left: 0px; } .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-right .ninja-forms-field, .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-right .ninja-forms-star-rating-control { margin-right: 0px; } #first_name, #last_name, #email_primary, #mce-FNAME, #mce-LNAME, #mce-EMAIL { border: 1px solid #c6c4bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: .5em; font-family: "dincondensed", sans-serif; font-size: 14px; font-size: 1em; line-height: 2em; color: #c6c4bd; text-transform: uppercase; font-weight: bold; } .crm-button { width: 23%; float: right; padding-bottom: 2em; } #Edit_next, #mc-embedded-subscribe { color: #5b5959; font-family: "dincondensed", sans-serif; font-size: 14px; text-transform: uppercase; font-size: 1em; line-height: 2.2em; background-color: transparent; font-weight: bold; background-image: url(data:image/png;base64,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); background-position: right top; background-repeat:no-repeat; text-align:left; padding-left:10%; } .creative { padding-top: 3.9em; padding-left: 1em; padding-bottom: 1em; padding-right: 1em; } .chatter { text-align: right; padding-top: 3.4em; padding-right: 2em; padding-left: 1em; padding-bottom: 1em; } .booklanding { margin: 0 auto; } .headshot { max-width: 125px; margin: 0 auto; } .sb_author_head { max-width: 169px; margin: 0 auto; } .searchlink { font-weight: bold; font-family: "dincondensed", sans-serif; } .menu li { float: right; padding-left: 1em; text-transform: uppercase; } .menu-footer_nav-container { padding-top: 3em; padding-right: 15%; } hr.foot_rule { margin-right: 15%; margin-top: .5em; margin-bottom: .5em; margin-left: .5em; height: 1px; color: #c6c4bd; width: 80px; float: right; } .social { margin-right: 15%; clear:both; } .clearit { clear:both; } .menu li.menu-item-22 { padding-left: 0; } .about-sidebar li { float: none; padding-bottom: .5em; padding-left: 0; } .paper { height: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjE1IDcuOSAzMiAxNSIgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTUgNy45IDMyIDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuNzUiIHdpZHRoPSIyODQiIGhlaWdodD0iMTYzIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjI0IDAgMCAwLjI0IDAgMCkiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDcuMSAxNS40Yy0wLjEgMC4yLTAuNCAwLjQtMC41IDAuNiAtMC4xIDAuMiAwIDAuNi0wLjIgMC44IC0wLjIgMC4yLTAuNyAwLTAuOSAwLjIgLTAuMiAwLjItMC4yIDAuNi0wLjQgMC43IC0wLjIgMC4xLTAuNS0wLjEtMC44LTAuMSAtMC40IDAtMC43IDAtMSAwIC0wLjMgMC0wLjEtMC4xLTAuNi0wLjEgLTAuMSAwLTAuMy0wLjEtMC42LTAuMSAtMC4yIDAtMC40IDAuMS0wLjYgMCAtMC4yLTAuMS0wLjItMC4zLTAuNC0wLjUgLTAuMS0wLjEtMC4yLTAuMy0wLjQtMC41IC0wLjEtMC4yLTAuNC0wLjMtMC41LTAuNCAtMC4xLTAuMi0wLjQtMC4zLTAuNS0wLjQgLTAuMS0wLjItMC40LTAuNS0wLjYtMC43IC0wLjIgMC4yLTAuMSAwLjktMC4yIDEuMSAtMC4yIDAuMi0wLjQgMC40LTAuNSAwLjYgLTAuMiAwLjItMC41IDAuMy0wLjYgMC41IC0wLjIgMC4yLTAuNiAwLjEtMC44IDAuMiAtMC4yIDAuMS0wLjMgMC42LTAuNiAwLjYgLTAuMyAwLTAuNSAwLjItMC43IDAuMiAtMC4yIDAtMC40LTAuNi0wLjctMC42IC0wLjIgMC0wLjQgMC4yLTAuNyAwLjIgLTAuMiAwLTAuNSAwLjEtMC43IDAgLTAuMi0wLjEtMC4zLTAuMy0wLjUtMC41IC0wLjItMC4xLTAuMy0wLjMtMC40LTAuNSAtMC4xLTAuMi0wLjUtMC4xLTAuNy0wLjMgLTAuMS0wLjItMC4yLTAuNC0wLjMtMC42IC0wLjEtMC4yLTAuMy0wLjItMC41LTAuNCAtMC4yIDAuMi0wLjIgMC40LTAuNCAwLjYgLTAuMiAwLjItMC42IDAuMi0wLjggMC4zIC0wLjIgMC4yLTAuMyAwLjQtMC40IDAuNiAtMC4yIDAuMi0wLjEgMC44LTAuMyAwLjkgLTAuMiAwLjEtMC42LTAuMi0wLjktMC4xIC0wLjIgMC0wLjUgMC4xLTAuOCAwLjEgLTAuMyAwLTAuNS0wLjItMC44LTAuMiAtMC4zIDAtMC42IDAtMC44IDAgLTAuMiAwLTAuNCAwLTAuNi0wLjIgLTAuMi0wLjEtMC41LTAuMi0wLjYtMC40IC0wLjItMC4yLTAuMi0wLjUtMC40LTAuNyAtMC4yLTAuMi0wLjctMC4xLTAuOS0wLjMgLTAuMi0wLjItMC4xLTAuNi0wLjMtMC44IC0wLjIgMC4yLTAuMyAwLjQtMC41IDAuNiAtMC4yIDAuMi0wLjUgMC4zLTAuNyAwLjUgLTAuMiAwLjItMC4zIDAuNC0wLjUgMC42IC0wLjIgMC4yLTAuMiAwLjUtMC40IDAuNiAtMC4yIDAuMS0wLjUtMC4xLTAuNy0wLjEgLTAuMiAwLTAuNSAwLjEtMC44IDAuMSAtMC4zIDAtMC41IDAuNC0wLjggMC40IC0wLjMgMC0wLjUtMC4yLTAuOC0wLjMgLTAuMyAwLTAuNiAwLjEtMC44IDAgLTAuMi0wLjEtMC4xLTAuNi0wLjMtMC44IC0wLjItMC4yLTAuNS0wLjItMC42LTAuNSAtMC4yLTAuMi0wLjUtMC4yLTAuNy0wLjUgLTAuMi0wLjItMC4yLTAuNS0wLjQtMC43TTQ3LjEgMTUuNGMtMC4xIDAuMi0wLjQgMC40LTAuNSAwLjYgLTAuMSAwLjIgMCAwLjYtMC4yIDAuOCAtMC4yIDAuMi0wLjcgMC0wLjkgMC4yIC0wLjIgMC4yLTAuMiAwLjYtMC40IDAuNyAtMC4yIDAuMS0wLjUtMC4xLTAuOC0wLjEgLTAuNCAwLTAuNyAwLTEgMCAtMC4zIDAtMC4xLTAuMS0wLjYtMC4xIC0wLjEgMC0wLjMtMC4xLTAuNi0wLjEgLTAuMiAwLTAuNCAwLjEtMC42IDAgLTAuMi0wLjEtMC4yLTAuMy0wLjQtMC41IC0wLjEtMC4xLTAuMi0wLjMtMC40LTAuNSAtMC4xLTAuMi0wLjQtMC4zLTAuNS0wLjQgLTAuMS0wLjItMC40LTAuMy0wLjUtMC40IC0wLjEtMC4yLTAuNC0wLjUtMC42LTAuNyAtMC4yIDAuMi0wLjEgMC45LTAuMiAxLjEgLTAuMiAwLjItMC40IDAuNC0wLjUgMC42IC0wLjIgMC4yLTAuNSAwLjMtMC42IDAuNSAtMC4yIDAuMi0wLjYgMC4xLTAuOCAwLjIgLTAuMiAwLjEtMC4zIDAuNi0wLjYgMC42IC0wLjMgMC0wLjUgMC4yLTAuNyAwLjIgLTAuMiAwLTAuNC0wLjYtMC43LTAuNiAtMC4yIDAtMC40IDAuMi0wLjcgMC4yIC0wLjIgMC0wLjUgMC4xLTAuNyAwIC0wLjItMC4xLTAuMy0wLjMtMC41LTAuNSAtMC4yLTAuMS0wLjMtMC4zLTAuNC0wLjUgLTAuMS0wLjItMC41LTAuMS0wLjctMC4zIC0wLjEtMC4yLTAuMi0wLjQtMC4zLTAuNiAtMC4xLTAuMi0wLjMtMC4yLTAuNS0wLjQgLTAuMiAwLjItMC4yIDAuNC0wLjQgMC42IC0wLjIgMC4yLTAuNiAwLjItMC44IDAuMyAtMC4yIDAuMi0wLjMgMC40LTAuNCAwLjYgLTAuMiAwLjItMC4xIDAuOC0wLjMgMC45IC0wLjIgMC4xLTAuNi0wLjItMC45LTAuMSAtMC4yIDAtMC41IDAuMS0wLjggMC4xIC0wLjMgMC0wLjUtMC4yLTAuOC0wLjIgLTAuMyAwLTAuNiAwLTAuOCAwIC0wLjIgMC0wLjQgMC0wLjYtMC4yIC0wLjItMC4xLTAuNS0wLjItMC42LTAuNCAtMC4yLTAuMi0wLjItMC41LTAuNC0wLjcgLTAuMi0wLjItMC43LTAuMS0wLjktMC4zIC0wLjItMC4yLTAuMS0wLjYtMC4zLTAuOCAtMC4yIDAuMi0wLjMgMC40LTAuNSAwLjYgLTAuMiAwLjItMC41IDAuMy0wLjcgMC41IC0wLjIgMC4yLTAuMyAwLjQtMC41IDAuNiAtMC4yIDAuMi0wLjIgMC41LTAuNCAwLjYgLTAuMiAwLjEtMC41LTAuMS0wLjctMC4xIC0wLjIgMC0wLjUgMC4xLTAuOCAwLjEgLTAuMyAwLTAuNSAwLjQtMC44IDAuNCAtMC4zIDAtMC41LTAuMi0wLjgtMC4zIC0wLjMgMC0wLjYgMC4xLTAuOCAwIC0wLjItMC4xLTAuMS0wLjYtMC4zLTAuOCAtMC4yLTAuMi0wLjUtMC4yLTAuNi0wLjUgLTAuMi0wLjItMC41LTAuMi0wLjctMC41IC0wLjItMC4yLTAuMi0wLjUtMC40LTAuNyIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0QxRDNENCIgc3Ryb2tlLXdpZHRoPSIwLjE1IiBkPSJNNDcuMSAxNS40Yy0wLjEgMC4yLTAuNCAwLjQtMC41IDAuNiAtMC4xIDAuMiAwIDAuNi0wLjIgMC44IC0wLjIgMC4yLTAuNyAwLTAuOSAwLjIgLTAuMiAwLjItMC4yIDAuNi0wLjQgMC43IC0wLjIgMC4xLTAuNS0wLjEtMC44LTAuMSAtMC40IDAtMC43IDAtMSAwIC0wLjMgMC0wLjEtMC4xLTAuNi0wLjEgLTAuMSAwLTAuMy0wLjEtMC42LTAuMSAtMC4yIDAtMC40IDAuMS0wLjYgMCAtMC4yLTAuMS0wLjItMC4zLTAuNC0wLjUgLTAuMS0wLjEtMC4yLTAuMy0wLjQtMC41IC0wLjEtMC4yLTAuNC0wLjMtMC41LTAuNCAtMC4xLTAuMi0wLjQtMC4zLTAuNS0wLjQgLTAuMS0wLjItMC40LTAuNS0wLjYtMC43IC0wLjIgMC4yLTAuMSAwLjktMC4yIDEuMSAtMC4yIDAuMi0wLjQgMC40LTAuNSAwLjYgLTAuMiAwLjItMC41IDAuMy0wLjYgMC41IC0wLjIgMC4yLTAuNiAwLjEtMC44IDAuMiAtMC4yIDAuMS0wLjMgMC42LTAuNiAwLjYgLTAuMyAwLTAuNSAwLjItMC43IDAuMiAtMC4yIDAtMC40LTAuNi0wLjctMC42IC0wLjIgMC0wLjQgMC4yLTAuNyAwLjIgLTAuMiAwLTAuNSAwLjEtMC43IDAgLTAuMi0wLjEtMC4zLTAuMy0wLjUtMC41IC0wLjItMC4xLTAuMy0wLjMtMC40LTAuNSAtMC4xLTAuMi0wLjUtMC4xLTAuNy0wLjMgLTAuMS0wLjItMC4yLTAuNC0wLjMtMC42IC0wLjEtMC4yLTAuMy0wLjItMC41LTAuNCAtMC4yIDAuMi0wLjIgMC40LTAuNCAwLjYgLTAuMiAwLjItMC42IDAuMi0wLjggMC4zIC0wLjIgMC4yLTAuMyAwLjQtMC40IDAuNiAtMC4yIDAuMi0wLjEgMC44LTAuMyAwLjkgLTAuMiAwLjEtMC42LTAuMi0wLjktMC4xIC0wLjIgMC0wLjUgMC4xLTAuOCAwLjEgLTAuMyAwLTAuNS0wLjItMC44LTAuMiAtMC4zIDAtMC42IDAtMC44IDAgLTAuMiAwLTAuNCAwLTAuNi0wLjIgLTAuMi0wLjEtMC41LTAuMi0wLjYtMC40IC0wLjItMC4yLTAuMi0wLjUtMC40LTAuNyAtMC4yLTAuMi0wLjctMC4xLTAuOS0wLjMgLTAuMi0wLjItMC4xLTAuNi0wLjMtMC44IC0wLjIgMC4yLTAuMyAwLjQtMC41IDAuNiAtMC4yIDAuMi0wLjUgMC4zLTAuNyAwLjUgLTAuMiAwLjItMC4zIDAuNC0wLjUgMC42IC0wLjIgMC4yLTAuMiAwLjUtMC40IDAuNiAtMC4yIDAuMS0wLjUtMC4xLTAuNy0wLjEgLTAuMiAwLTAuNSAwLjEtMC44IDAuMSAtMC4zIDAtMC41IDAuNC0wLjggMC40IC0wLjMgMC0wLjUtMC4yLTAuOC0wLjMgLTAuMyAwLTAuNiAwLjEtMC44IDAgLTAuMi0wLjEtMC4xLTAuNi0wLjMtMC44IC0wLjItMC4yLTAuNS0wLjItMC42LTAuNSAtMC4yLTAuMi0wLjUtMC4yLTAuNy0wLjUgLTAuMi0wLjItMC4yLTAuNS0wLjQtMC43Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ3IDYuNWMtMi43IDAtMjUuOC0wLjItMzIgMCAwIDAgMCA4LjkgMCA5LjQgMi4yIDAgMzIgMCAzMiAwQzQ3IDE0LjIgNDcgOC40IDQ3IDYuNXoiLz48L3N2Zz4=); background-repeat: repeat-x; z-index: 100; margin-top: -3px; padding-top: 3px; } .papertop { height: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjE1LjEgMTAuNiAzMiAxNSIgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTUuMSAxMC42IDMyIDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuNzUiIHdpZHRoPSIyODQiIGhlaWdodD0iMTYzIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjI0IDAgMCAwLjI0IDAgMCkiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTUgMTcuN2MwLjEtMC4yIDAuNC0wLjQgMC41LTAuNiAwLjEtMC4yIDAtMC42IDAuMi0wLjggMC4yLTAuMiAwLjcgMCAwLjktMC4yIDAuMi0wLjIgMC4yLTAuNiAwLjQtMC43IDAuMi0wLjEgMC41IDAuMSAwLjggMC4xIDAuNCAwIDAuNyAwIDEgMCAwLjMgMCAwLjEgMC4xIDAuNiAwLjEgMC4xIDAgMC4zIDAuMSAwLjYgMC4xIDAuMiAwIDAuNC0wLjEgMC42IDAgMC4yIDAuMSAwLjIgMC4zIDAuNCAwLjUgMC4xIDAuMSAwLjIgMC4zIDAuNCAwLjUgMC4xIDAuMiAwLjQgMC4zIDAuNSAwLjQgMC4xIDAuMiAwLjQgMC4zIDAuNSAwLjQgMC4xIDAuMiAwLjQgMC41IDAuNiAwLjcgMC4yLTAuMiAwLjEtMC45IDAuMi0xLjEgMC4yLTAuMiAwLjQtMC40IDAuNS0wLjYgMC4yLTAuMiAwLjUtMC4zIDAuNi0wLjUgMC4yLTAuMiAwLjYtMC4xIDAuOC0wLjIgMC4yLTAuMSAwLjMtMC42IDAuNi0wLjYgMC4zIDAgMC41LTAuMiAwLjctMC4yIDAuMiAwIDAuNCAwLjYgMC43IDAuNiAwLjIgMCAwLjQtMC4yIDAuNy0wLjIgMC4yIDAgMC41LTAuMSAwLjcgMCAwLjIgMC4xIDAuMyAwLjMgMC41IDAuNSAwLjIgMC4xIDAuMyAwLjMgMC40IDAuNSAwLjEgMC4yIDAuNSAwLjEgMC43IDAuMyAwLjEgMC4yIDAuMiAwLjQgMC4zIDAuNiAwLjEgMC4yIDAuMyAwLjIgMC41IDAuNCAwLjItMC4yIDAuMi0wLjQgMC40LTAuNiAwLjItMC4yIDAuNi0wLjIgMC44LTAuMyAwLjItMC4yIDAuMy0wLjQgMC40LTAuNiAwLjItMC4yIDAuMS0wLjggMC4zLTAuOSAwLjItMC4xIDAuNiAwLjIgMC45IDAuMSAwLjIgMCAwLjUtMC4xIDAuOC0wLjEgMC4zIDAgMC41IDAuMiAwLjggMC4yIDAuMyAwIDAuNiAwIDAuOCAwIDAuMiAwIDAuNCAwIDAuNiAwLjIgMC4yIDAuMSAwLjUgMC4yIDAuNiAwLjQgMC4yIDAuMiAwLjIgMC41IDAuNCAwLjcgMC4yIDAuMiAwLjcgMC4xIDAuOSAwLjMgMC4yIDAuMiAwLjEgMC42IDAuMyAwLjggMC4yLTAuMiAwLjMtMC40IDAuNS0wLjYgMC4yLTAuMiAwLjUtMC4zIDAuNy0wLjUgMC4yLTAuMiAwLjMtMC40IDAuNS0wLjYgMC4yLTAuMiAwLjItMC41IDAuNC0wLjYgMC4yLTAuMSAwLjUgMC4xIDAuNyAwLjEgMC4yIDAgMC41LTAuMSAwLjgtMC4xIDAuMyAwIDAuNS0wLjQgMC44LTAuNCAwLjMgMCAwLjUgMC4yIDAuOCAwLjMgMC4zIDAgMC42LTAuMSAwLjggMCAwLjIgMC4xIDAuMSAwLjYgMC4zIDAuOCAwLjIgMC4yIDAuNSAwLjIgMC42IDAuNSAwLjIgMC4yIDAuNSAwLjIgMC43IDAuNSAwLjIgMC4yIDAuMiAwLjUgMC40IDAuN00xNSAxNy43YzAuMS0wLjIgMC40LTAuNCAwLjUtMC42IDAuMS0wLjIgMC0wLjYgMC4yLTAuOCAwLjItMC4yIDAuNyAwIDAuOS0wLjIgMC4yLTAuMiAwLjItMC42IDAuNC0wLjcgMC4yLTAuMSAwLjUgMC4xIDAuOCAwLjEgMC40IDAgMC43IDAgMSAwIDAuMyAwIDAuMSAwLjEgMC42IDAuMSAwLjEgMCAwLjMgMC4xIDAuNiAwLjEgMC4yIDAgMC40LTAuMSAwLjYgMCAwLjIgMC4xIDAuMiAwLjMgMC40IDAuNSAwLjEgMC4xIDAuMiAwLjMgMC40IDAuNSAwLjEgMC4yIDAuNCAwLjMgMC41IDAuNCAwLjEgMC4yIDAuNCAwLjMgMC41IDAuNCAwLjEgMC4yIDAuNCAwLjUgMC42IDAuNyAwLjItMC4yIDAuMS0wLjkgMC4yLTEuMSAwLjItMC4yIDAuNC0wLjQgMC41LTAuNiAwLjItMC4yIDAuNS0wLjMgMC42LTAuNSAwLjItMC4yIDAuNi0wLjEgMC44LTAuMiAwLjItMC4xIDAuMy0wLjYgMC42LTAuNiAwLjMgMCAwLjUtMC4yIDAuNy0wLjIgMC4yIDAgMC40IDAuNiAwLjcgMC42IDAuMiAwIDAuNC0wLjIgMC43LTAuMiAwLjIgMCAwLjUtMC4xIDAuNyAwIDAuMiAwLjEgMC4zIDAuMyAwLjUgMC41IDAuMiAwLjEgMC4zIDAuMyAwLjQgMC41IDAuMSAwLjIgMC41IDAuMSAwLjcgMC4zIDAuMSAwLjIgMC4yIDAuNCAwLjMgMC42IDAuMSAwLjIgMC4zIDAuMiAwLjUgMC40IDAuMi0wLjIgMC4yLTAuNCAwLjQtMC42IDAuMi0wLjIgMC42LTAuMiAwLjgtMC4zIDAuMi0wLjIgMC4zLTAuNCAwLjQtMC42IDAuMi0wLjIgMC4xLTAuOCAwLjMtMC45IDAuMi0wLjEgMC42IDAuMiAwLjkgMC4xIDAuMiAwIDAuNS0wLjEgMC44LTAuMSAwLjMgMCAwLjUgMC4yIDAuOCAwLjIgMC4zIDAgMC42IDAgMC44IDAgMC4yIDAgMC40IDAgMC42IDAuMiAwLjIgMC4xIDAuNSAwLjIgMC42IDAuNCAwLjIgMC4yIDAuMiAwLjUgMC40IDAuNyAwLjIgMC4yIDAuNyAwLjEgMC45IDAuMyAwLjIgMC4yIDAuMSAwLjYgMC4zIDAuOCAwLjItMC4yIDAuMy0wLjQgMC41LTAuNiAwLjItMC4yIDAuNS0wLjMgMC43LTAuNSAwLjItMC4yIDAuMy0wLjQgMC41LTAuNiAwLjItMC4yIDAuMi0wLjUgMC40LTAuNiAwLjItMC4xIDAuNSAwLjEgMC43IDAuMSAwLjIgMCAwLjUtMC4xIDAuOC0wLjEgMC4zIDAgMC41LTAuNCAwLjgtMC40IDAuMyAwIDAuNSAwLjIgMC44IDAuMyAwLjMgMCAwLjYtMC4xIDAuOCAwIDAuMiAwLjEgMC4xIDAuNiAwLjMgMC44IDAuMiAwLjIgMC41IDAuMiAwLjYgMC41IDAuMiAwLjIgMC41IDAuMiAwLjcgMC41IDAuMiAwLjIgMC4yIDAuNSAwLjQgMC43Ii8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDFEM0Q0IiBzdHJva2Utd2lkdGg9IjAuMTUiIGQ9Ik0xNSAxNy43YzAuMS0wLjIgMC40LTAuNCAwLjUtMC42IDAuMS0wLjIgMC0wLjYgMC4yLTAuOCAwLjItMC4yIDAuNyAwIDAuOS0wLjIgMC4yLTAuMiAwLjItMC42IDAuNC0wLjcgMC4yLTAuMSAwLjUgMC4xIDAuOCAwLjEgMC40IDAgMC43IDAgMSAwIDAuMyAwIDAuMSAwLjEgMC42IDAuMSAwLjEgMCAwLjMgMC4xIDAuNiAwLjEgMC4yIDAgMC40LTAuMSAwLjYgMCAwLjIgMC4xIDAuMiAwLjMgMC40IDAuNSAwLjEgMC4xIDAuMiAwLjMgMC40IDAuNSAwLjEgMC4yIDAuNCAwLjMgMC41IDAuNCAwLjEgMC4yIDAuNCAwLjMgMC41IDAuNCAwLjEgMC4yIDAuNCAwLjUgMC42IDAuNyAwLjItMC4yIDAuMS0wLjkgMC4yLTEuMSAwLjItMC4yIDAuNC0wLjQgMC41LTAuNiAwLjItMC4yIDAuNS0wLjMgMC42LTAuNSAwLjItMC4yIDAuNi0wLjEgMC44LTAuMiAwLjItMC4xIDAuMy0wLjYgMC42LTAuNiAwLjMgMCAwLjUtMC4yIDAuNy0wLjIgMC4yIDAgMC40IDAuNiAwLjcgMC42IDAuMiAwIDAuNC0wLjIgMC43LTAuMiAwLjIgMCAwLjUtMC4xIDAuNyAwIDAuMiAwLjEgMC4zIDAuMyAwLjUgMC41IDAuMiAwLjEgMC4zIDAuMyAwLjQgMC41IDAuMSAwLjIgMC41IDAuMSAwLjcgMC4zIDAuMSAwLjIgMC4yIDAuNCAwLjMgMC42IDAuMSAwLjIgMC4zIDAuMiAwLjUgMC40IDAuMi0wLjIgMC4yLTAuNCAwLjQtMC42IDAuMi0wLjIgMC42LTAuMiAwLjgtMC4zIDAuMi0wLjIgMC4zLTAuNCAwLjQtMC42IDAuMi0wLjIgMC4xLTAuOCAwLjMtMC45IDAuMi0wLjEgMC42IDAuMiAwLjkgMC4xIDAuMiAwIDAuNS0wLjEgMC44LTAuMSAwLjMgMCAwLjUgMC4yIDAuOCAwLjIgMC4zIDAgMC42IDAgMC44IDAgMC4yIDAgMC40IDAgMC42IDAuMiAwLjIgMC4xIDAuNSAwLjIgMC42IDAuNCAwLjIgMC4yIDAuMiAwLjUgMC40IDAuNyAwLjIgMC4yIDAuNyAwLjEgMC45IDAuMyAwLjIgMC4yIDAuMSAwLjYgMC4zIDAuOCAwLjItMC4yIDAuMy0wLjQgMC41LTAuNiAwLjItMC4yIDAuNS0wLjMgMC43LTAuNSAwLjItMC4yIDAuMy0wLjQgMC41LTAuNiAwLjItMC4yIDAuMi0wLjUgMC40LTAuNiAwLjItMC4xIDAuNSAwLjEgMC43IDAuMSAwLjIgMCAwLjUtMC4xIDAuOC0wLjEgMC4zIDAgMC41LTAuNCAwLjgtMC40IDAuMyAwIDAuNSAwLjIgMC44IDAuMyAwLjMgMCAwLjYtMC4xIDAuOCAwIDAuMiAwLjEgMC4xIDAuNiAwLjMgMC44IDAuMiAwLjIgMC41IDAuMiAwLjYgMC41IDAuMiAwLjIgMC41IDAuMiAwLjcgMC41IDAuMiAwLjIgMC4yIDAuNSAwLjQgMC43Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjEgMjYuNWMyLjcgMCAyNS44IDAuMiAzMiAwIDAgMCAwLTguOSAwLTkuNCAtMi4yIDAtMzIgMC0zMiAwQzE1LjEgMTguOSAxNS4xIDI0LjYgMTUuMSAyNi41eiIvPjwvc3ZnPg==); background-repeat: repeat-x; z-index: 100; margin-top: -3px; padding-top: 3px; } .background-gray { background-color: #acaa9f; position: relative; top: -100px; } .background-beige { background-color: #edede6; } .background-white { background-color: #fff; } #newsandevents, #author_landing { background-color: #fff; } .news-width { max-width: 698px; } #quote { margin-top: 2em; margin-bottom: 2em; } #twitter { width: 24px; height: 24px; float: right; font-size: 1.71428571em; } #facebook { width: 24px; height: 24px; float: right; margin-right: 0.29167em; font-size: 1.71428571em; } #tumblr { width: 24px; height: 24px; float: right; font-size: 1.71428571em; } #mail { width: 24px; height: 24px; float: right; margin-right: 0.29167em; font-size: 1.71428571em; } #footer-section { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5cHgiIGhlaWdodD0iNXB4IiB2aWV3Qm94PSIwLjMgMC4zIDkgNSIgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMC4zIDAuMyA5IDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNFN0U1MjEiIHBvaW50cz0iMC4zLDAuMyAwLjMsNS4zIDkuMyw1LjMgOS4zLDAuMyAiLz48cGF0aCBmaWxsPSIjQzhEQTJCIiBkPSJNMS4zIDIuM3YtMWgxYzAgMSAwIDEgMCAxSDEuM3pNOS4zIDIuM2MwIDAuMyAwIDAuNyAwIDEgLTAuMyAwLTAuNyAwLTEgMCAwLTAuMyAwLTAuNyAwLTFDOC43IDIuMyA5IDIuMyA5LjMgMi4zeiIvPjxyZWN0IHg9IjcuMyIgeT0iMy4zIiBmaWxsPSIjQzhEQTJCIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNy4zIiB5PSIxLjMiIGZpbGw9IiNDOERBMkIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cGF0aCBmaWxsPSIjQzhEQTJCIiBkPSJNNy4zIDQuM2MwIDAuMyAwIDAuNyAwIDEgLTAuMyAwLTAuNyAwLTEgMCAwLTAuMyAwLTAuNyAwLTFDNi43IDQuMyA3IDQuMyA3LjMgNC4zek03LjMgMC4zYzAgMC4zIDAgMC43IDAgMSAtMC4zIDAtMC43IDAtMSAwIDAtMC4zIDAtMC43IDAtMUM2LjcgMC4zIDcgMC4zIDcuMyAwLjN6Ii8+PHJlY3QgeD0iNS4zIiB5PSIzLjMiIGZpbGw9IiNDOERBMkIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1LjMiIHk9IjEuMyIgZmlsbD0iI0M4REEyQiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxwYXRoIGZpbGw9IiNDOERBMkIiIGQ9Ik01LjMgMi4zYzAgMC4zIDAgMC43IDAgMSAtMC4zIDAtMC43IDAtMSAwIDAtMC4zIDAtMC43IDAtMUM0LjcgMi4zIDUgMi4zIDUuMyAyLjN6Ii8+PHJlY3QgeD0iMy4zIiB5PSIzLjMiIGZpbGw9IiNDOERBMkIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIzLjMiIHk9IjEuMyIgZmlsbD0iI0M4REEyQiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxwYXRoIGZpbGw9IiNDOERBMkIiIGQ9Ik0zLjMgNC4zYzAgMC4zIDAgMC43IDAgMSAtMC4zIDAtMC43IDAtMSAwIDAtMC4zIDAtMC43IDAtMUMyLjcgNC4zIDMgNC4zIDMuMyA0LjN6TTMuMyAwLjNjMCAwLjMgMCAwLjcgMCAxIC0wLjMgMC0wLjcgMC0xIDAgMC0wLjMgMC0wLjcgMC0xQzIuNyAwLjMgMyAwLjMgMy4zIDAuM3pNMi4zIDMuM3YxaC0xdi0xQzEuMyAzLjMgMi4yIDMuMyAyLjMgMy4zek0xLjMgMi4zYzAgMC4zIDAgMC43IDAgMSAtMC4zIDAtMC43IDAtMSAwIDAtMC4zIDAtMC43IDAtMUMwLjcgMi4zIDEgMi4zIDEuMyAyLjN6Ii8+PC9zdmc+); background-repeat: repeat; } .foot { font-weight: bold; font-family: "dincondensed", sans-serif; font-size: 12px; font-size: .875em; text-transform: uppercase; } .foot_about { font-weight: normal; font-family: "ff-ernestine-web-pro", Rockwell, Georgia, Times, "Times New Roman", serif; font-size: 12px; font-size: .875em; } /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-tiger, img.size-large, img.header-image, img.wp-post-image, .headshot img { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-slide, .opmask img { max-width: 100%; height: auto; } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } .weblink_box { background-color:#dbef00; } /* ---------------------------------------------------------------------------------------------------------- 02 Typography ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* 14 / 16 = 0.875em (14px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 21 / 16 = 1.3125em (21px equivalent) 24 / 16 = 1.5em (24px equivalent) 30 / 16 = 1.875em (30px equivalent) */ body { font-size: 100%; font-family: "ff-ernestine-web-pro", Rockwell, Georgia, Times, "Times New Roman", serif; } html>body { font-size: .875em; font-size: 14px; } p { line-height: 1.5em; margin-bottom: 1.5em; } a { color: #cccc00; } .side_menu a, .web_menu a { color: #000; letter-spacing: .1em; } .booktitle2 a { color: #000; } .side_menu a:hover, .booktitle2 a:hover { color: #cccc00; } .web_menu a:hover { color: #c6c4bd; } .single_author_news { line-height: 1em; word-wrap: break-word; } .side_author_news { line-height: 1em; } header a { color: #000; text-decoration: none; } .footer_menu li a { color: #c6c4bd; text-decoration: none; font-size: .875em; font-size: 14px; line-height: 1.5em; letter-spacing: 0.25em; } .footer_menu li a:hover { color: #000; } .social a { color: #000; text-decoration: none; font-style:italic; font-family: "dincondensed",sans-serif; } .test-title { margin-bottom: 0; line-height: 1em; font-size: 56px; font-size: 4em; } .time-meta, .entry-content { line-height: 1.5em; font-size: 14px; font-size: 1em; font-weight: bold; font-family: "dincondensed",sans-serif; } .event_date { line-height: 1em; } .entry-content a { color: #2e3192; text-decoration: none; } .time-meta a { color: #acaa9f; text-decoration: none; } .content-box { line-height: 1.5em; font-size: 14px; font-size: 1em; font-weight: bold; font-family: "dincondensed",sans-serif; } .content-box a{ color: #000; } h1, h2, h3, h4, h5 { font-weight:bold; font-family: "playfair", serif; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ } h6 { font-weight: normal; text-transform:uppercase; font-size: 1em; font-size: 14px; font-family: "playfair", serif; } h5 { font-weight: bold; text-transform:uppercase; font-size: 1em; font-size: 14px; font-family: "dincondensed",sans-serif; width:100%; text-align:center; border-bottom: 1px solid #000; line-height:0.1em; margin:10px 0 20px; } h5 span { background:#fff; padding:0 10px; } h2 { font-weight: normal; text-transform:uppercase; line-height: 2em; font-size: 2.28571429em; font-size: 32px; font-family: "playfair", serif; } h3 { font-weight: normal; text-transform:uppercase; letter-spacing: -.1em; line-height: 2em; font-size: 1.71428571em; font-size: 24px; font-family: "playfair", serif; } .weblink_box h3 { word-wrap: break-word; line-height: 1em; padding-top: 1em; } .white {color: #fff;} .green {color: #dbef00;} .gray {color: #acaa9f;} .black {color: #000;} #footer-section h1 { font-weight: normal; text-transform:uppercase; font-size: 1.71428571em; font-size: 24px; font-family: "playfair", serif; } .menu li, .footer_menu li { font-weight: bold; text-transform: uppercase; font-family: "dincondensed",sans-serif; } .tlw-list br, .cat-item { line-height: 1em; } .sgr-custom-taxonomies-menu { margin-top: -0.5em; } .cat-item.cat-item-92 > a, .cat-item.cat-item-93 > a, .cat-item.cat-item-94 > a { font-weight: normal; text-transform:uppercase; line-height: 2em; font-size: 2.28571429em; font-size: 32px; font-family: "playfair", serif; text-decoration: none; color: #acaa9f; } .side_menu li, .web_menu li { font-weight: bold; text-transform: uppercase; font-family: "dincondensed",sans-serif; } .children { font-weight: bold; text-transform: uppercase; font-family: "dincondensed",sans-serif; } .children a, .about-sidebar a { color: #000; letter-spacing: .1em; } .children a:hover, .about-sidebar a:hover { color: #cccc00; } .current_page_item a, .current-menu-item a, .menu-main-nav-container .current-page-ancestor a, .current-post-ancestor a { color: #cccc00; } .aboutpeoplestaff { margin-bottom: 1em; } .aboutpeoplestaff p { margin-bottom: 0; } .children li { margin-bottom: .5em; } .absk { line-height: 1em; padding-bottom: .5em; } .press_link_css { font-family:"dincondensed",sans-serif; font-size: 14px; font-size: 1em; font-weight: bold; } a.press_link_css { text-decoration: none; } .emphtext { font-size: 21px; font-size: 1.5em; line-height: 1em; } .creative p { font-weight: bold; font-family: "dincondensed",sans-serif; font-size: 14px; font-size: 1em; } .dotted { border-bottom: 1px dashed #000; } .author_name { font-weight: bold; } .author_name a { text-decoration: underline; } p.author_name { margin-bottom: 1em; } .event_title { font-weight: normal; text-transform: uppercase; font-family: "dincondensed",sans-serif; font-size: 24px; text-decoration: none; } .event_circle { width: 24%; height: 0; padding: 12% 0; border-radius: 50%; position: absolute; margin-top: .5em; margin-left: -15%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #dbef00; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .3); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .3); } .event_circle_sp { width: 66.66%; padding: 33.33% 0; margin-left: -41.66%; } .edt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .edt:before { content: ''; vertical-align: middle; display: inline-block; width: 0; height: 100%; } .diaspora_e { font-size: 3em; font-size: 42px; vertical-align: middle; display: inline-block; } .sya_container h2 { color: #acaa9f; } .sya_date { font-weight:bold; font-family: "playfair", serif; } .sya_container li { line-height: 1em; margin-bottom: .5em; } .sya_container li a { font-weight: bold; text-transform: uppercase; font-family: "dincondensed",sans-serif; text-decoration: none; } .single_post_title { font-weight: normal; text-transform: uppercase; font-family: "dincondensed",sans-serif; font-size: 42px; font-size: 3em; text-decoration: none; } .kaya_c_section a:hover { color: #cccc00; } .form-allowed-tags { display: none; } textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .book-title { text-transform: none; line-height: 1em; } .booktitle, .news_excerpt p { font-family: "dincondensed",sans-serif; } .booktitle2 { font-family: "dincondensed", sans-serif; font-weight: bold; line-height: 1em; } .booktitle3 { line-height: 1em; } .booktitle3 a { text-decoration: none; color: #000; } .booktitle3 a:hover { color: #000; } .timetitle { font-family: "dincondensed", sans-serif; font-weight: bold; text-transform: uppercase; } .timetitle a { color: #000; } .timetitle a:hover { color: #cccc00; } .slightlylg { font-size: 16px; font-size:1.14285714em; } .sb_author { line-height: 1em; font-size: 2em; font-size: 28px; } .author_title { font-weight: normal; font-size: 35px; font-size: 2.5em; text-transform: uppercase; font-family: "dincondensed",sans-serif; } .quote, .attribution, .price { font-family: "playfair", serif; font-style: italic; font-weight: 400; font-size: 24px; color: #000; line-height: 1.5em; margin-bottom: 0; } .price { font-style: normal; font-weight: 400; font-family: "playfair", serif; font-size: 28px; font-size: 2em; line-height: 2.5; } .attribution { color: #fff; font-style: normal; } .quote a { color: #000; text-decoration: none; } .book_genres a { color: #000; } /* ---------------------------------------------------------------------------------------------------------- 02.5 My Sidr mobile-sidebar------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .sidr .children li { margin-bottom: .5em; } .sidr ul{ display:block; } .sidr ul li{ display:block; margin:0; line-height:2em; padding-left: 0; } #sidr .side_menu li { line-height: 2em; } .sidr .sya_container ul li{ display:block; margin:0 0 .5em 0; line-height:1em; padding-left: 0; } .sidr .sgr-custom-taxonomies-menu ul li{ display:block; line-height:1em; padding-left: 0; } .spd { border-bottom: 1px dashed #acaa9f; } /* ---------------------------------------------------------------------------------------------------------- 03 Media queries (using a mobile-first approach) Extra Strength Responsive Grids (16)------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .grid-all, .grid-1, .grid-2, .grid-3, .grid-fifth, .grid-4, .grid-quarter, .grid-5, .grid-third, .grid-6, .grid-7, .grid-8, .grid-half, .grid-9, .grid-10, .grid-11, .grid-12, .grid-three-quarters, .grid-13, .grid-14, .grid-15, .grid-16, .grid-whole { margin: 0; clear: none; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } .grid-1 { width: 6.25%; } .grid-2 { width: 12.5%; } .grid-3 { width: 18.75%; } .grid-fifth { width: 20%; } .grid-4, .grid-quarter { width: 25%; } .grid-5 { width: 31.25%; } .grid-third { width: 33.333%; } .grid-6 { width: 37.5%; } .grid-7 { width: 43.75%; } .grid-8, .grid-half { width: 50%; } .grid-9 { width: 56.25%; } .grid-10 { width: 62.5%; } .grid-11 { width: 68.75%; } .grid-12, .grid-three-quarters { width: 75%; } .grid-13 { width: 81.25%; } .grid-14 { width: 87.5%; } .grid-16, .grid-whole { width: 100%; } /* padding helper classes */ .padded { padding: 0.5em; } .padded-topn { padding-top: 30px; letter-spacing: .1em; } .padded-topo { padding-top: 5px; } .padded-topm { padding-top: 30px; letter-spacing: 0.15em; } .padded-tops { padding-top: 27px; letter-spacing: 0.1em; } .padded-topcont { padding-top: 1em; } .padded-right { padding-right: 0.5em; } .padded-top { padding-top: 0.5em; } .padded-bottom { padding-bottom: 0.5em; } .padded-vertical { padding: 0.5em 0; } .padded-inner { padding: 1em; } .padded-inner-sides { padding: 0 1em; } .padded-inner-right { padding-right: 1em; } .padded-inner-left { padding-left: 1em; } .padded-inner-bottom { padding-bottom: 1em; } /* miscellaneous helper classes */ .flow-opposite { float: right; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } /* For compatibility with Bootstrap (fixed), Foundation, etc. */ /* Responsive Media Queries. */ @media (max-width: 480px) { .menu li { padding-left: .5em; } .about-sidebar .menu li { padding-left: 0; } } @media (max-width: 591px) { .s-grid-all, .s-grid-1, .s-grid-2, .s-grid-3, .s-grid-4, .s-grid-quarter, .s-grid-5, .s-grid-third, .s-grid-6, .s-grid-7, .s-grid-8, .s-grid-half, .s-grid-9, .s-grid-10, .s-grid-11, .s-grid-12, .s-grid-three-quarters, .s-grid-13, .s-grid-14, .s-grid-15, .s-grid-16, .s-grid-whole { margin: 0; clear: none; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } .s-grid-3 { width: 18.75%; } .s-grid-4, .s-grid-quarter { width: 25%; } .s-grid-third { width: 33.333%; } .s-grid-6 { width: 37.5%; } .s-grid-8, .s-grid-half { width: 50%; } .s-grid-12, .s-grid-three-quarters { width: 75%; } .s-grid-13 { width: 81.25%; } .s-grid-16, .s-grid-whole { width: 100%; } /* padding helper classes */ .padded-topn { padding-top: 20px; letter-spacing: 0; } .padded-topo { padding-top: 5px; padding-left: .5em; } .padded-topm { padding-top: 20px; letter-spacing: 0; } .padded-tops { padding-top: 17px; letter-spacing: 0; } .searchlink { padding-right: .4em; } .arrow-container { right: 50px; } p { word-wrap:break-word; } .weblink_box h3 { font-size: 1.28571429em; font-size: 18px; } header a { font-size: 14px; font-size: 1em; } input, input[type="search"] { font-size: 1em; } .quote, .attribution { font-size: 1.28571429em; font-size: 18px; line-height: 1.5em; } .event_title { font-size: 1.28571429em; font-size: 18px; } .slider-mask-wrap { margin: 0 -40%; background-color: transparent; } .single_post_title { font-size: 28px; font-size: 2em; } .test-title { font-size: 24px; font-size: 1.71428571em; } .slide_link { font-size: 14px; font-size: 1em; line-height: 1.5em; } h2.side_author_news, h2.booktitle3 { line-height: 1em; font-size: 1.71428571em; font-size: 24px; } .author_title { font-size: 2em; font-size: 28px; } /* position the left arrow */ .arrow-left { left: 2%; padding-left: 3px; } /* position the right arrow */ .arrow-right { right: 2%; } .arrow { padding-top: 20%; } #search, #searcha { height: 50px; padding: 10px 10px 10px 5px; } .diaspora_e { font-size: 1.71428571em; font-size: 24px; } .emphtext { font-size: 1.28571429em; font-size: 18px; } .event_circle { margin-left: -4%; } .s-padded-left { padding-left: 0.5em; } .s-padded-top { padding-top: 0.5em; } .s-padded-bottom { padding-bottom: 0.5em; } .s-padded-sides { padding: 0 0.5em; } .s-padded-vertical { padding: 0.5em 0; } .s-breakword { word-wrap: break-word; } /* miscellaneous helper classes */ .s-hidden { overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } } @media (min-width: 592px) and (max-width: 817px) { .m-grid-all, .m-grid-1, .m-grid-2, .m-grid-3, .m-grid-4, .m-grid-quarter, .m-grid-5, .m-grid-6, .m-grid-7, .m-grid-8, .m-grid-half, .m-grid-9, .m-grid-10, .m-grid-11, .m-grid-12, .m-grid-three-quarters, .m-grid-13, .m-grid-14, .m-grid-15, .m-grid-16, .m-grid-whole { margin: 0; clear: none; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } .m-grid-2 { width: 12.5%; } .m-grid-4, .m-grid-quarter { width: 25%; } .m-grid-5 { width: 31.25%; } .m-grid-6 { width: 37.5%; } .m-grid-8, .m-grid-half { width: 50%; } .m-grid-10 { width: 62.5%; } .m-grid-11 { width: 68.75%; } .m-grid-14 { width: 87.5%; } .m-grid-16, .m-grid-whole { width: 100%; } /* padding helper classes */ .padded-topm, .padded-tops { letter-spacing: 0.1em;} .padded-topn { padding-top: 30px; letter-spacing: -0.1em; word-spacing: -0.1em; } .m-padded-left { padding-left: 0.5em; } .m-padded-right { padding-right: 0.5em; } /* miscellaneous helper classes */ .menu li { padding-left: .25em;} .about-sidebar li { padding-left: 0; } .test-title { margin-bottom: 0; line-height: 1em; font-size: 28px; font-size: 2em; } .author_title { font-size: 2em; font-size: 28px; } .slide_link { font-size: 18px; font-size: 1.28571429em; line-height: 1.25em; } .diaspora_e { font-size: 1.85714286em; font-size: 26px; letter-spacing: -0.1em; } .m-hidden { overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } } @media (min-width: 818px) { /* padding helper classes */ .menu li { padding-left: 1em; } .about-sidebar li { padding-left: 0; } .l-padded-left { padding-left: 0.5em; } .l-padded-right { padding-right: 0.5em; } .padded-topn { padding-top: 30px; letter-spacing: 0.07em; } .padded-tops { padding-top: 27px; letter-spacing: 0em; } /* miscellaneous helper classes */ .l-hidden { overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .crm-button { width: 27%;} .chatter { padding-right: 1em; padding-left: 1em; padding-bottom: 1em;} .menu-footer_nav-container { padding-right: 20%; } .test-title { margin-bottom: 0; line-height: 1em; font-size: 42px; font-size: 3em; } hr.foot_rule { margin-right: 20%; } .social { margin-right: 20%; } .diaspora_e { font-size: 2.5em; font-size: 35px; } } @media (min-width: 1020px) { .padded-topn { padding-top: 30px; letter-spacing: 0.125em; } .padded-topo { padding-top: 5px; } .padded-topm { padding-top: 30px; letter-spacing: 0.25em; } .padded-tops { padding-top: 27px; letter-spacing: 0.2em; } .test-title { margin-bottom: 0; line-height: 1em; font-size: 49px; font-size: 3.5em; } .diaspora_e { font-size: 3em; font-size: 42px; } .menu li { padding-left: 2em; } .about-sidebar li { padding-left: 0; } .crm-button { width: 22%;} .chatter { padding-right: 2em; padding-left: 1em; padding-bottom: 1em; } .menu-footer_nav-container { padding-right: 30%; } hr.foot_rule { margin-right: 30%; } .social { margin-right: 30%; } } @media (min-width: 1200px) { .padded-topn { letter-spacing: 0.2em; padding-top: 30px; } } /* Retina Display */ @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio:2) and (orientation: landscape) { .menu a { font-weight: bold; text-transform:uppercase; font-family: "dincondensed",sans-serif; font-size: 12px; font-size: .875em; padding-left: 0; } .menu li { padding-left: .75em; } .about-sidebar li { padding-left: 0; } .padded-tops { padding-top: 17px; } .padded-topo { padding-top: 10px; padding-left: .5em; } .searchlink { font-weight: bold; font-family: "dincondensed", sans-serif; font-size: 12px; font-size: .875em; } } @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio:2) and (orientation: portrait) { .menu a { font-weight: bold; text-transform:uppercase; font-family: "dincondensed",sans-serif; font-size: 11px; font-size: .78571429em; padding-left: 0; } .test-title { font-size: 21px; font-size: 1.5em; } .menu li { padding-left: .5em; } .mi-slider nav a { font-size: 12px; font-size: .875em; padding: 30px 3px 20px 3px; } .about-sidebar li { padding-left: 0; } .padded-tops { padding-top: 17px; } .padded-topo { padding-top: 10px; padding-left: .5em; } .searchlink { font-weight: bold; font-family: "dincondensed", sans-serif; font-size: 11px; font-size: .78571429em; } }