/* Theme Name: Runway Axiom Description: Runway Axiom - theme to runwaywp.com Author: Parallelus Author URI: http://para.llel.us/ Template: runway-framework Version: 0.1 */ @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic); /* Font Files */ @font-face { font-family: 'bariol'; src: url('assets/fonts/bariol_bold.eot'); src: url('assets/fonts/bariol_bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/bariol_bold.woff') format('woff'), url('assets/fonts/bariol_bold.ttf') format('truetype'), url('assets/fonts/bariol_bold.svg#bariol-bold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'bariol'; src: url('assets/fonts/bariol_light.eot'); src: url('assets/fonts/bariol_light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/bariol_light.woff') format('woff'), url('assets/fonts/bariol_light.ttf') format('truetype'), url('assets/fonts/bariol_light.svg#bariol-light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'bariol'; src: url('assets/fonts/bariol_bold_italic.eot'); src: url('assets/fonts/bariol_bold_italic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/bariol_bold_italic.woff') format('woff'), url('assets/fonts/bariol_bold_italic.ttf') format('truetype'), url('assets/fonts/bariol_bold_italic.svg#bariol-bold-italic') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'bariol'; src: url('assets/fonts/bariol_light_italic.eot'); src: url('assets/fonts/bariol_light_italic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/bariol_light_italic.woff') format('woff'), url('assets/fonts/bariol_light_italic.ttf') format('truetype'), url('assets/fonts/bariol_light_italic.svg#bariol-light-italic') format('svg'); font-weight: 300; font-style: italic; } /* Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: 400; text-align: left; } h1, h2, h3, h4, h5, h6 { clear: both; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted; } a:active { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background-color: #ccc; border: 0; height: 1px; margin: 25px; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; } /* Box sizing defaults */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Clearing floats */ .clear:after, .format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; } /* Special display or hidden elements */ .invisible { visibility: hidden; } #iframeProfile { position: absolute; top: -100px; width: 1px; height: 1px; } #sb-search { display: none; } /* Basic Styles -------------------------------------------------------------- */ html { font-size: 93.8%; } body { -webkit-font-smoothing: antialiased; font-size: 15px; font-size: 1rem; line-height: 1.6; background-color: #faf9f8; } /* Links -------------------------------------------------------------- */ /* Links */ a { color: #0085b5; text-decoration: none; -webkit-transition: 0.18s all ease-in-out; -moz-transition: 0.18s all ease-in-out; transition: 0.18s all ease-in-out; } a:hover, a:focus { color: #009AFF; text-decoration: underline; } /* Focus */ :focus, a:focus { outline-color: #a33b7b; } /* Text -------------------------------------------------------------- */ /* Text */ body, input, button, select, textarea { font-family: 'Noto Sans', sans-serif; color: #484745; } /* Default line heights and bottom margin overrides */ p { margin-bottom: 20px; } p, li, h1, h2, h3, h4, h5, h6 { line-height: 25px; } /* Headings */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: bold; line-height: 1em; margin: 0 0 15px; margin-top: 0; color: #383735; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 16px; } /* Content - Headings */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height: 1.7em; margin: 1em 0 15px; } /* Headlines - Headings with alternate font-family */ body .headline, body .xl-headline, body .big-headline { font-family: 'bariol', sans-serif; font-weight: normal; line-height: 0.95em; margin: 0 0 15px; } body .xl-headline { font-size: 48px; } h1.headline, body .big-headline { font-size: 40px; } h2.headline { font-size: 36px; } h3.headline { font-size: 32px; } h4.headline { font-size: 28px; } h5.headline { font-size: 24px; } h6.headline { font-size: 20px; } body .sub-headline, body .big-sub-headline, body .xl-sub-headline { color: #999796; color: rgba(0,0,0,.4); } body .big-sub-headline, body .xl-sub-headline { font-size: 24px; margin-bottom: 35px; line-height: 1.45; } body .big-sub-headline { font-size: 20px; } /* Other Text */ .lead { font-size: 17px; } .small-caption { font-size: 13px; color: #999 } /* Lists */ li, i.fa-li { line-height: 25px; } ul.display-list li { margin-bottom: 3px; } ul.horizontal-list li { display: inline-block; margin-right: 1em; } body ol.list-steps { margin: 0 0 0 45px; padding: 0; list-style-type: none; } body ol.list-steps li { counter-increment: step-counter; margin-bottom: 16px; position: relative; } body ol.list-steps li::before { content: counter(step-counter); font-size: 90%; background-color: #77bdaa; color: white; font-weight: bold; padding: 5px; border-radius: 26px; min-width: 26px; min-height: 26px; line-height: 15px; display: inline-block; text-align: center; position: absolute; left: -43px; top: -1px; } body ol.list-steps li ol li::before, body ol.list-steps li ul li::before { content: none; display: none; } /* Definitions */ dl { margin-bottom: 20px; } dt, dd { font-size: 14px; line-height: 25px; } dt { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-weight: 800; color: #3a9c81; } dd { margin-left: 42px; } /* Dividers */ hr { margin: 40px 0; height: 0px; background-color: transparent; border: 0; border-top: 1px solid #e5e4e3; border-bottom: 1px solid #fff; } /* Abbreviations */ abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999796; } abbr.initialism { font-size: 90%; text-transform: uppercase; } /* Quotes */ blockquote { margin: 0 0 25px; padding: 0 0 0 25px; border-left: 5px solid #D1CFCD; } /* .comment-content blockquote { border-left-color: #D1CFCD; } */ blockquote p { margin-bottom: 0; font-size: 18px; font-weight: 300; line-height: 1.5; } blockquote small { display: block; line-height: 25px; color: #999796; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 12px; padding-left: 0; border-right: 5px solid #D1CFCD; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } /* Other text styles */ address { display: block; margin-bottom: 25px; font-style: normal; line-height: 25px; } code, .code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code, pre { padding: 0 3px 2px; font-size: 12px; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code, #bbpress-forums div.bbp-topic-content code, #bbpress-forums div.bbp-reply-content code { background-color: #EFFAFF; border: 1px solid #BEDDEC; line-height: 20px; display: inline-block; margin-top: -3px; padding: 0 4px; max-width: 95%; vertical-align: middle; } pre { display: block; padding: 9.5px; margin: 0 0 12px; font-size: 13px; line-height: 25px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #fff; border: 1px solid #edebea; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } /* Inputs and Fields -------------------------------------------------------------- */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { width: 100%; background-color: #fff; font-size: 13px; line-height: 18px; vertical-align: top; padding: 8px; border: 1px solid #d1cfcd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* transition */ -webkit-transition: box-shadow linear 0.3s, border-color linear 0.24s; -moz-transition: box-shadow linear 0.3s, border-color linear 0.24s; -o-transition: box-shadow linear 0.3s, border-color linear 0.24s; transition: box-shadow linear 0.3s, border-color linear 0.24s; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline: none; border-color: rgba(90, 185, 206, .75); border-bottom-color: rgba(84, 172, 191, .8); -webkit-box-shadow: 0 0 3px rgba(90, 185, 206, .6); -moz-box-shadow: 0 0 3px rgba(90, 185, 206, .6); box-shadow: 0 0 3px rgba(90, 185, 206, .6); } select { padding: 4px; } /* Buttons -------------------------------------------------------------- */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border: 0; } input[type='submit'], input[type='reset'], button, .btn, .menu-toggle, #edd_checkout_form_wrap #edd_purchase_submit .edd-submit { max-width: 100%; color: #fff; cursor: pointer; background: #999796; background-image: none; border: 1px solid #999796; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 13px; font-weight: 800; line-height: 19px; padding: 7px 22px 8px; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: background-color linear 0.1s, border-color linear 0.08s, box-shadow linear 0.08s; -moz-transition: background-color linear 0.1s, border-color linear 0.08s, box-shadow linear 0.08s; -o-transition: background-color linear 0.1s, border-color linear 0.08s, box-shadow linear 0.08s; transition: background-color linear 0.1s, border-color linear 0.08s, box-shadow linear 0.08s; } a.btn { display: inline-block; } input[type='submit']:hover, input[type='reset']:hover, button:hover, .btn:hover, input[type='submit']:focus, input[type='reset']:focus, button:focus, .btn:focus, .btn:active, .btn.active { color: #fff; text-decoration: none; background: #a6a4a2; border-color: #898786; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2), inset 0px 0px 10px rgba(255, 255, 255, .18); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2), inset 0px 0px 10px rgba(255, 255, 255, .18); box-shadow: 0 1px 1px rgba(0, 0, 0, .2), inset 0px 0px 10px rgba(255, 255, 255, .18); } /* Toggle State Buttons */ .btn-toggle, .btn-toggle.on:hover, .btn-toggle.on:active, .btn-toggle.on:focus { background: transparent; border-color: #999796; color: #999796; } /* default & "off" state */ .btn-toggle.on, .btn-toggle:hover, .btn-toggle:active, .btn-toggle:focus { background: #999796; color: #fff; } /* hover & "on" state */ /* Blue buttons */ input[type='submit'], .button-submit, .button-primary, .button-blue, .bbp-submit-wrapper .button.submit, #edd_checkout_form_wrap #edd_purchase_submit .edd-submit { background: #5ab9cf; border-color: #5ab9cf; } input[type='submit']:hover, .button-submit:hover, .button-primary:hover, .button-blue:hover, input[type='submit']:focus, .button-submit:focus, .button-primary:focus, .button-blue:focus, .button-primary:active, .button-primary.active, .button-blue:active, .button-blue.active, .bbp-submit-wrapper .button.submit:hover, .bbp-submit-wrapper .button.submit:focus, #edd_checkout_form_wrap #edd_purchase_submit .edd-submit:hover, #edd_checkout_form_wrap #edd_purchase_submit .edd-submit:focus { background: #5ec4db; border-color: #4eb4cb; border-top-color: #5ab9cf; } .btn-toggle.button-blue, .btn-toggle.on.button-blue:hover, .btn-toggle.on.button-blue:active, .btn-toggle.on.button-blue:focus { background: transparent; border-color: #5ab9cf; color: #5ab9cf; } .btn-toggle.on.button-blue, .btn-toggle.button-blue:hover, .btn-toggle.button-blue:active, .btn-toggle.button-blue:focus { background: #5ab9cf; color: #fff; } /* Green buttons */ .button-green { background: #77bdaa; border-color: #77bdaa; } .button-green:hover, .button-green:focus, input[type='submit'].button-green:hover, input[type='submit'].button-green:focus { background: #5ab199; border-color: #559785; border-top-color: #6aa898; } .btn-toggle.button-green, .btn-toggle.on.button-green:hover, .btn-toggle.on.button-green:active, .btn-toggle.on.button-green:focus { background: transparent; border-color: #77bdaa; color: #77bdaa; } .btn-toggle.on.button-green, .btn-toggle.button-green:hover, .btn-toggle.button-green:active, .btn-toggle.button-green:focus { background: #77bdaa; color: #fff; } /* Orange buttons */ .button-signUp, input[type='submit'].button-signUp, .button-download, .button-orange { background: #e36551; border-color: #e36551; } .button-signUp:hover, .button-signUp:focus, input[type='submit'].button-signUp:hover, input[type='submit'].button-signUp:focus { background: #f26c4e; border-color: #d6573a; border-top-color: #e36551; } .btn-toggle.button-orange, .btn-toggle.on.button-orange:hover, .btn-toggle.on.button-orange:active, .btn-toggle.on.button-orange:focus { background: transparent; border-color: #e36551; color: #e36551; } .btn-toggle.on.button-orange, .btn-toggle.button-orange:hover, .btn-toggle.button-orange:active, .btn-toggle.button-orange:focus { background: #e36551; color: #fff; } /* Purple button */ .button-subscribe, .button-purple { background: #9a4d7c; border-color: #9a4d7c; } .button-subscribe:hover, .button-subscribe:focus, input[type='submit'].button-subscribe:hover, input[type='submit'].button-subscribe:focus, .button-purple:hover, .button-purple:focus, input[type='submit'].button-purple:hover, input[type='submit'].button-purple:focus { background: #b35990; border-color: #914975; border-top-color: #9a4d7c; } .btn-toggle.button-purple, .btn-toggle.on.button-purple:hover, .btn-toggle.on.button-purple:active, .btn-toggle.on.button-purple:focus { background: transparent; border-color: #9a4d7c; color: #9a4d7c; } .btn-toggle.on.button-purple, .btn-toggle.button-purple:hover, .btn-toggle.button-purple:active, .btn-toggle.button-purple:focus { background: #9a4d7c; color: #fff; } /* Black button */ .button-black { background: #383735; border-color: #383735; } .button-black:hover, .button-black:focus, input[type='submit'].button-black:hover, input[type='submit'].button-black:focus { background: #524f4d; border-color: #474543; border-top-color: #524f4d; } .btn-toggle.button-black, .btn-toggle.on.button-black:hover, .btn-toggle.on.button-black:active, .btn-toggle.on.button-black:focus { background: transparent; border-color: #383735; color: #383735; } .btn-toggle.on.button-black, .btn-toggle.button-black:hover, .btn-toggle.button-black:active, .btn-toggle.button-black:focus { background: #383735; color: #fff; } /* Red button */ .button-red { background: #e00; border-color: #f00; } .button-red:hover, .button-red:focus, input[type='submit'].button-red:hover, input[type='submit'].button-red:focus { background: #f32222; border-color: #f00; border-top-color: #f22; } .btn-toggle.button-red, .btn-toggle.on.button-red:hover, .btn-toggle.on.button-red:active, .btn-toggle.on.button-red:focus { background: transparent; border-color: #e00; color: #e00; } .btn-toggle.on.button-red, .btn-toggle.button-red:hover, .btn-toggle.button-red:active, .btn-toggle.button-red:focus { background: #e00; color: #fff; } /* Sign in button */ .button-signIn, #mega-menu-item a.button-signIn { background: #fff; color: #e36551; border: 2px solid #e36551; font-size: 13px; padding: 8px 21px; } #mega-menu-item > a.button-signIn { padding: 0 21px; } .button-download:hover, .button-download:focus, .button-orange:hover, .button-orange:focus, .button-signIn:hover, #mega-menu-item a.button-signIn:hover, .button-signIn:focus, #mega-menu-item a.button-signIn:focus { background: #f26c4e !important; color: #fff; border-color: #d6573a; border-top-color: #e36551; } /* Sign out button */ .button-signout { } .button-signout:hover, .button-signout:focus { background: #E64444; color: #fff; border-color: #c62424; border-top-color: #d63434; } .userDrop-footer .button-signout:hover, .userDrop-footer .button-signout:focus { color: #d63434; } /* Less bold buttons */ .btn-slim { font-weight: 400; padding: 6px 10px 7px; font-size: 13px; } /* Huge buttons */ .btn-huge { font: normal 24px/20px 'bariol'; padding: 12px 30px 16px; border-radius: 4px; } button.btn-huge:hover, .btn-huge:hover, button.btn-huge:focus, .btn-huge:focus, .btn-huge:active { box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0px 0px 20px rgba(255, 255, 255, .30); } /* Suber huge buttons */ .btn-super { font: normal 28px/25px 'bariol'; border-radius: 4px; padding: 15px 60px; } /* Disabled button */ .btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover, .button-primary.disabled, .button-primary[disabled] { color: #797776; text-shadow: 0 1px 0 #e6e4e2; background: #c6c4c2; border-color: #c6c4c2; box-shadow: none; cursor: not-allowed; } #regularsubmit, #login-submit { margin-top: 10px; margin-right: 0; } /* Newsletter form */ #MailingList .textInput { width: 200px; } #MailingList .formSubmit { white-space: nowrap; } .footer-top #address, .footer-top .formSubmit, .footer-top .sending { float: left; margin-right: 5px; } .footer-top .sending { padding: 3px 0 0; } .footer-top .error { display: block; clear: both; } .footer-top #MailingList { margin: 0 auto; width: 340px; height: 50px; } /* Buttons with Icons */ /*.btn i.fa { font-size: 14px; }*/ button i[class^="fa"], button i[class*=" fa-"], .btn i[class^="fa"], .btn i[class*=" fa-"] { margin-left: -0.5em; } /* Other form elements -------------------------------------------------------------- */ label { margin-bottom: 3px; } legend { color: #383735; border-bottom-color: #ECEBEA; font-size: 20px; line-height: 1; padding: 0 0 6px; } /* Images -------------------------------------------------------------- */ img { max-width: 100%; height: auto; vertical-align: middle; } /* Videos -------------------------------------------------------------- */ .video-container { margin-bottom: 40px; } /* Design Styles -------------------------------------------------------------- */ #MainContent { padding-top: 42px; } .container .content-section, .grid-wrapper .grid-row { max-width: 1296px; margin: 0 auto; } .container, .grid-wrapper [class*="grid-section-"] { padding: 0 5%; } /* If using layout manager, clear the '.contaner' styles */ .grid-wrapper .grid-row .container { max-width: 100%; margin: 0; padding: 0; } .grid-row .row-fluid { max-width: 100%; } .h-section { margin-bottom: 40px; } /* Full width background colors and images */ #Wrapper { position: relative; overflow: hidden; } .bg-row { padding: 40px 0; } .margin-row { margin: 40px 0; } .bg-row, .bg-row .row-fluid, .bg-row .content-container { position: relative; } /* background images */ .bg-row .bg-image { position: absolute; top: 0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* background colors */ .bg-row .bg-color, .bg-row .bg-color:before, .bg-row .bg-color:after { background: #fff; position: absolute; top: 0; width: 100%; height: 100%; border: 1px solid #edebea; border-width: 1px 0; } .bg-row .bg-color:before, .bg-row .bg-color:after { content: ""; display: block; left: -100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -1px; /* if it has a border top & bottom */ } .bg-row .bg-color:after { left: auto; right: -100%; } /* orange */ .bg-row .bg-color.bg-orange, .bg-row .bg-color.bg-orange:before, .bg-row .bg-color.bg-orange:after { background: #E6674A; border: 0; top: 0; } /* blue */ .bg-row .bg-color.bg-blue, .bg-row .bg-color.bg-blue:before, .bg-row .bg-color.bg-blue:after { background: #5ab9cf; border: 0; top: 0; } /* green */ .bg-row .bg-color.bg-green, .bg-row .bg-color.bg-green:before, .bg-row .bg-color.bg-green:after { background: #77bdaa; border: 0; top: 0; } /* purple */ .bg-row .bg-color.bg-purple, .bg-row .bg-color.bg-purple:before, .bg-row .bg-color.bg-purple:after { background: #9A4D7C; border: 0; top: 0; } /* mute */ .bg-row .bg-color.bg-mute, .bg-row .bg-color.bg-mute:before, .bg-row .bg-color.bg-mute:after { background: #383735; border: 0; top: 0; } /* darker */ .bg-row .bg-color.bg-darker, .bg-row .bg-color.bg-darker:before, .bg-row .bg-color.bg-darker:after { background: #ECEBEA; border: 0; top: 0; } /* vertical align on bg color rows */ .bg-row .bottom-edge { position: relative; bottom: -40px; margin-bottom: 0; } /* Logo */ .navbar .brand { float: left; display: block; height: 60px; z-index: 1; } .navbar .brand img { width: 150px; height: auto; } .brand img.default { display: block; } .brand img.alternate { display: none; width: 155px; position: relative; left: -5px; } body[class*='layout-header-flow'] .brand img.default { display: none; } body[class*='layout-header-flow'] .brand img.alternate { display: block; } /* Navigation Bar */ #site-navigation { height: 60px; position: absolute; right: 0; z-index: 1234; } #site-navigation .primary-nav-container { display: none !important; } #site-navigation.toggle-open .primary-nav-container { display: block !important; } #site-navigation .primary-nav-container, .docked-nav #site-navigation .primary-nav-container { min-width: 175px; background: #fff; overflow: hidden; z-index: 999; } .navbar-top .navbar-inner, .navbar-inner { min-height: 60px; background: #fff; background-image: none; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .07); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .07); box-shadow: 0 1px 0px rgba(0, 0, 0, .07); z-index: 1000; } .navbar .nav > li > a, .docked-nav .navbar .nav > li > a { padding: 20px; text-shadow: none; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle, .docked-nav .navbar .nav li.dropdown.open > .dropdown-toggle, .docked-nav .navbar .nav li.dropdown.active > .dropdown-toggle, .docked-nav .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent; } /* Main Navigation */ .nav-menu, .docked-nav .nav-menu { display: block; position: relative; margin: 0; text-indent: 0; } .logged-in .nav-menu, .docked-nav.logged-in .nav-menu { padding-top: 60px; } .nav-menu > ul { display: none; } .nav-menu li a, .docked-nav .nav-menu li a, .docked-nav #mega-menu-item .userDrop-container a { display: block; color: #999796; text-decoration: none; font-size: 14px; line-height: 25px; outline: none; } .nav-menu li a, .docked-nav .nav-menu li a { padding: 8px 16px; margin: 0; } .nav-menu li ul.sub-menu li a, .docked-nav .nav-menu li ul.sub-menu li a { padding-left: 28px; } .nav-menu li ul.sub-menu li ul li a, .docked-nav .nav-menu li ul.sub-menu li ul li a { padding-left: 40px; } .nav-menu li ul.sub-menu li ul li ul li a, .docked-nav .nav-menu li ul.sub-menu li ul li ul li a { padding-left: 52px; } .nav-menu > li a:hover, .nav-menu > li:hover > a, .nav-menu > li.hover > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .docked-nav .nav-menu > li a:hover, .docked-nav .nav-menu > li:hover > a, .docked-nav .nav-menu > li.hover > a, .docked-nav .nav-menu .current-menu-item > a, .docked-nav .nav-menu .current-menu-ancestor > a, .docked-nav .nav-menu .current_page_item > a, .docked-nav .nav-menu .current_page_ancestor > a, .docked-nav #mega-menu-item .userDrop-container a:hover { color: #383735; } .nav-menu > li a:hover, .docked-nav .nav-menu > li a:hover { background-color: #F7F7F6; } /* hide user menu toggle */ .nav-menu > li#mega-menu-item > a, .docked-nav .nav-menu > li#mega-menu-item > a { display: none; } .nav-menu > li#mega-menu-item > a.button-signIn, .docked-nav .nav-menu > li#mega-menu-item > a.button-signIn { display: block; text-align: center; } /* no bg on user menu */ .nav-menu > li#mega-menu-item > a:hover, .nav-menu > li#mega-menu-item:hover > a, .nav-menu > li#mega-menu-item.hover > a, .docked-nav .nav-menu > li#mega-menu-item > a:hover, .docked-nav .nav-menu > li#mega-menu-item:hover > a, .docked-nav .nav-menu > li#mega-menu-item.hover > a { background-color: transparent; } .nav-menu li ul li, .docked-nav .nav-menu li ul li { display: block; width: 100%; z-index: 1; white-space: nowrap; } .nav-menu > li ul li, .docked-nav .nav-menu > li ul li { background-color: #ffffff; line-height: 25px; position: relative; } .nav-menu > li ul .userDrop-container, .docked-nav .nav-menu > li ul .userDrop-container { position: static; } .nav-menu li ul, .docked-nav .nav-menu li ul { background-color: #ffffff; min-width: 120px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; z-index: 1; } .nav-menu li ul ul, .docked-nav .nav-menu li ul ul { top: 0; left: 100%; } .nav-menu li:hover > ul, .nav-menu li ul li a, .docked-nav .nav-menu li:hover > ul, .docked-nav .nav-menu li ul li a { display: block; } .menu-toggle, .menu-toggle:hover, .menu-togle:active, .docked-nav .menu-toggle, .docked-nav .menu-toggle:hover, .docked-nav .menu-togle:active { border: 0; background: transparent; padding: 11px; font-size: 21px; border-radius: 0; display: block; line-height: 24px; height: 60px; margin: 0; text-align: right; z-index: 1000; } .menu-toggle i { color: #999796; border: 1px solid #999796; padding: 8px 10px; width: 44px; height: 39px; text-align: center; border-radius: 4px; } .menu-toggle:hover i, .menu-togle:active i { background-color: #ECEBEA; } #ToggleMenuOverlay { background-color: #383735; opacity: 0.6; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; } .toggle-open .menu-toggle, .toggle-open .menu-toggle:hover, .toggle-open .menu-togle:active { background: #383735; } .toggle-open .menu-toggle i { color: #fff !important; background: #383735 !important; border-color: #383735 !important; font-size: 24px; } /* Search in Navbar */ .ra_header_search #searchsubmit { display: none; } #header_searchform input { border: 0; border-radius: 0; box-shadow: none; } #s.search-input { width: 0; height: 60px; background: #EDEBEA; margin: 0; padding: 0; position: absolute; z-index: 5; } #search_icon { background-color: #FFFFFF; color: #D1CFCD; display: block; font-size: 24px; padding: 10px 17px; position: relative; z-index: 50; cursor: pointer; overflow: hidden; } #search_icon:hover { color: #999796; } #search_icon.ra_search_active { color: #FFFFFF; background-color: #999796; border-bottom: 1px solid #edebea; cursor: pointer; } /* Navbar Top - Custom Layout Styles */ @media screen and (min-width:768px) { body[class*='layout-header-flow']:not(.docked-nav) .nav-menu > li > a { color: #fff; color: rgba(255,255,255,.65); } body[class*='layout-header-flow']:not(.docked-nav) .nav-menu > li > a:hover, body[class*='layout-header-flow']:not(.docked-nav) .nav-menu > li:hover > a { color: #fff; background: transparent; } body[class*='layout-header-flow']:not(.docked-nav) .nav-menu > .current-menu-item > a { color: #fff; border-bottom-color: #fff; } body[class*='layout-header-flow']:not(.docked-nav) #mega-menu-item { border-left-color: rgba(255,255,255,.2); } } body[class*='layout-header-flow'] .navbar-top { position: absolute; width: 100%; } body[class*='layout-header-flow'] .navbar-top .navbar-inner { box-shadow: none; background: none; } body[class*='layout-header-flow'] .menu-toggle i { color: #fff; color: rgba(255,255,255,.65); border-color: #fff; border-color: rgba(255,255,255,.65); } body[class*='layout-header-flow'] .menu-toggle:hover i, body[class*='layout-header-flow'] .menu-togle:active i { background-color: transparent; color: #fff; border-color: #fff; } body[class*='layout-header-flow'] #Top { padding-top: 60px; } body[class*='layout-header-flow']:not(.docked-nav) #mega-menu-item a.button-signIn { color: #fff; border-color: #fff; background-color: transparent !important; } body[class*='layout-header-flow']:not(.docked-nav) #mega-menu-item a.button-signIn:hover { color: #595757; border-color: #fff; background-color: #fff !important; box-shadow: none; } /* Local Scroll Menu */ #LocalMenu, .local-nav { height: 48px; } .local-nav { position: absolute; background: #383735; font-size: 16px; line-height: 48px; left: 0; text-align: center; width: 100%; } .local-nav ul { display: none; margin: 0; padding: 0; } .local-nav ul li { display: inline-block; line-height: 32px; padding: 0 15px; border-left: 1px solid #555452; border-left-color: rgba(255, 255, 255, .15); } .local-nav ul li:first-child { padding-left: 0; border-left-width: 0; } .local-nav ul li:last-child { padding-right: 0; } .local-nav a { color: #aaa; display: block; text-decoration: none; outline: none !important; } .local-nav a:hover { color: #5AB9CF; } .local-nav a:active, .local-nav a.clicked, .local-nav .active a { color: #fff; } /* Docked local navigation */ .docked-nav #LocalMenu { position: relative; z-index: 999; } .docked-nav .local-nav { position: fixed; top: 0; text-align: left; padding-left: 150px; } .docked-nav .local-nav ul li:first-child { border-left-width: 1px; padding-left: 15px; } /* Docked Logo */ .docked-nav .brand { position: fixed; top: 0; left: 20px; height: 48px; z-index: 1234; } .docked-nav .brand img { height: 48px; width: auto; } .docked-nav .brand img.default { display: none; } .docked-nav .brand img.alternate { display: block; opacity: 0; } /* Docked Main Menu */ .docked-nav .main-navigation { position: fixed; top: 0; right: 0; opacity: 0; z-index: 1234; } .docked-nav .menu-toggle i { border-color: #555452 !important; border-color: rgba(255, 255, 255, .15) !important; border-width: 0 0 0 1px; padding: 14px; height: 48px; width: 50px; } .docked-nav .menu-toggle, .docked-nav .menu-toggle:hover, .docked-nav .menu-togle:active { background-color: transparent; padding: 0; height: 48px; } .docked-nav .menu-toggle:hover i { background-color: #5F5E5D !important; background-color: rgba(255, 255, 255, .2) !important; } /* Content - Lists */ .entry-content ul, .entry-content ol { padding: 0; margin: 0 0 25px 42px; } .entry-content ul ul, .entry-content ul ol, .entry-content ol ol, .entry-content ol ul { margin-bottom: 0; } .entry-content ul { list-style: disc outside; } .entry-content ol { list-style: decimal outside; } .entry-content ul.fa-ul { list-style-type: none; margin-left: 2.142857142857143em; } .entry-content ol.list-steps { margin: 0 0 25px 65px; } /* Guides - Documents post type (some apply also to page/forum/etc. styles) */ .guide-page .guide-content, #bbpress-forums ul.bbp-replies { background-color: #fff; border: solid 1px #E8E7E6; margin-bottom: 25px; padding: 12px 25px; } .guide-content code, .guide-content pre { background-color: #FAF9F8; border-color: #E8E7E6; } .guide-content .boxed code, .guide-content .boxed pre { background-color: #FEFEFE; border: 1px solid #E8E7E6; } .guide-page .guide-content pre code { background-color: transparent; } .guide-content h2, .guide-content .h2 { border-bottom: 1px solid #EDEBEA; } .guide-content h3, .guide-content .h3 { font-size: 30px; font-weight: normal; } .guide-content .resource-description { font-size: 13px; color: #999796; margin-bottom: 1em; display: inline-block; } /* Guide - Sub-navigation menu */ #guide-sub-navbar { position: absolute; top: 60px; width: 100%; left: 0; background: #E8E7E6; border-bottom: 1px solid #d8d7d6; } #guide-sub-navbar .guide-sub-navbar-title { float: left; font-size: 32px; line-height: 48px; padding: 0 20px 0 0; background: transparent; color: #777; display: none; margin: 0 !important; width: 10%; } #guide-sub-navbar .btn { width: 25%; text-align: center; margin: 0 !important; float: left; border-radius: 0; font-size: 18px; font-weight: normal; line-height: 20px; padding: 14px 0; background: transparent; border: 0; color: #777; border-left: 1px solid #c8c7c6 } #guide-sub-navbar .btn span { display: none; } #guide-sub-navbar .btn i { font-size: 22px; width: auto; margin-left: 0; position: relative; /*top: 1px;*/ line-height: 19px; } #guide-sub-navbar .btn i.fa-file-text { font-size: 20px; top: 0px; } #guide-sub-navbar .btn:hover { color: #383735; background: #c8c7c6; box-shadow: none; } #guide-sub-navbar .btn.guide-sub-navbar-home i { margin-left: 0; } #guide-sub-navbar .guide-sub-navbar-search { border: 1px solid #c8c7c6; border-width: 1px 0 0; clear: left; width: 100%; height: 48px; } #guide-sub-navbar .guide-sub-navbar-search .searchFormInput { font-size: 16px; line-height: 23px; width: 75%; margin: 0; padding: 14px 20px 11px; float: left; border: 0; border-radius: 0; background: transparent; box-shadow: none; } #guide-sub-navbar .guide-sub-navbar-search .searchFormInput:focus { background-color: rgba(0,0,0,.04); box-shadow: inset 0 1px 6px rgba(0,0,0,.2) !important; outline: none !important; } #guide-sub-navbar .guide-sub-navbar-search #searchsubmit.btn { width: 25%; border-left: 0; } #guide-sub-navbar .guide-sub-navbar-search #searchsubmit i { margin: 0; width: auto; } .sub-navigation #MainContent { padding-top: 128px; } /* Guides - Taxonomy and Search pages */ .guide-taxonomy .page-title, .guide-search .page-title { font-size: 42px; padding-bottom: 1px; } .guide-taxonomy .guide-content .guide-header, .guide-search .guide-content .guide-header { margin: 8px 0; background: #fff; border: 1px solid #E8E7E6; padding: 15px; } .guide-taxonomy .guide-content .entry-title, .guide-search .guide-content .entry-title { font-size: 20px; font-weight: normal; margin: 0; } .guide-taxonomy .guide-content .guide-header img { margin: 0 0 15px; } .guide-taxonomy .guide-content .entry-title a, .guide-search .guide-content .entry-title a { display: block; margin-left: 30px; } .guide-taxonomy .guide-content .entry-title i, .guide-search .guide-content .entry-title i { width: 1em; color: #999796; text-align: center; float: left; } .guide-search .entry-summary p { margin-bottom: 0; padding-top: 10px; font-size: 13px; } /* GUIDES - Maximum width of 767 pixels. */ @media screen and (max-width:767px) { #guide-sub-navbar .grid-section-0 { padding: 0; } } /* GUIDES - Minimum width of 400 pixels. */ @media screen and (min-width:400px) { #guide-sub-navbar .btn { width: 30%; } #guide-sub-navbar .btn.guide-sub-navbar-home { width: 10%; } #guide-sub-navbar .btn span { display: inline; } #guide-sub-navbar .btn i { width: 1.5em; margin-left: -.75em; } #guide-sub-navbar .guide-sub-navbar-search .searchFormInput { width: 90%; } #guide-sub-navbar .guide-sub-navbar-search #searchsubmit.btn { width: 10%; } } /* GUIDES - Minimum width of 768 pixels. */ @media screen and (min-width:768px) { #guide-sub-navbar .btn { width: 18%; } #guide-sub-navbar .btn.guide-sub-navbar-home { width: 7%; } #guide-sub-navbar .guide-sub-navbar-search { border-width: 0 1px; clear: none; float: left; width: 39%; } #guide-sub-navbar .guide-sub-navbar-search .searchFormInput { width: 85%; } #guide-sub-navbar .guide-sub-navbar-search #searchsubmit.btn { width: 15%; } .sub-navigation #MainContent { padding-top: 90px; } } /* GUIDES - Minimum width of 1024 pixels. */ @media screen and (min-width:1024px) { #guide-sub-navbar .guide-sub-navbar-title { display: inline-block; } #guide-sub-navbar .btn { width: 14%; } #guide-sub-navbar .guide-sub-navbar-search { width: 41%; } } /* Content - Custom classes */ .entry-content .boxed, .entry-content .boxed-white, .entry-content .bordered { border: solid 1px #E8E7E6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .entry-content .boxed, .entry-content .boxed-white { background-color: #fff; margin: 0 0 25px 0; padding: 15px; max-width: 100%; } .entry-content .boxed-white { background-color: #fff !important; } .guide-content .entry-content .boxed { background-color: #FAF9F8; } /* Comments */ #comments .comments-title, #comments .comment-reply-title { font-size: 22px; font-weight: 600; } #comments .comments-title { margin-bottom: 25px; } #comments .comments-title .comment-count { position: relative; top: -3px; display: inline-block; margin-left: 6px; padding: 4px 6px; font-size: 13px; font-family: 'Noto Sans', sans-serif; line-height: 13px; background: #77bdaa; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #comments .commentlist li.comment { margin-bottom: 25px; } #comments .commentlist li.comment .comment-content { padding: 6px; } #comments .commentlist li.comment .comment-meta { background-color: #E8E7E6; border-bottom: 1px solid #d1cfcd; padding-top: 6px; padding-bottom: 6px; margin-bottom: 12px; } #comments .commentlist li.comment .avatar { width: 32px; height: 32px; vertical-align: top; } #comments .commentlist li.comment cite.fn { line-height: 32px; display: inline-block; margin: 0 12px; font-weight: 600; font-style: normal; } #comments .commentlist li cite.fn .author-flag { display: none; } #comments .commentlist li .comment-date { color: #999796; font-size: 11px; line-height: 32px; text-transform: uppercase; } #comments .commentlist li.comment .comment-content:last-child { margin-bottom: 0; } #comments .comment-awaiting-moderation { background: #77bdaa; color: #fff; font-size: 13px; margin: 25px; padding: 3px 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Comment Form */ #commentform p { font-size: 13px; } #commentform p label { display: block; } #commentform p #comment { font-size: 15px; width: 100%; padding: 12px; height: 225px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform .form-allowed-tags { display: none; } #commentform .form-allowed-tags code { display: inline-block; font-size: 11px; line-height: 15px; } /* Circled Elements */ .circled-element { background: transparent url('assets/images/icons/drawn-circle-red.png') no-repeat 50% 50%; display: inline-block; padding: 25px 45px 18px 40px; margin: -25px 0 -18px; vertical-align: middle; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .circled-element.red-circle { background-image: url('assets/images/icons/drawn-circle-red.png'); } .circled-element.orange-circle { background-image: url('assets/images/icons/drawn-circle-orange.png'); } .circled-element.yellow-circle { background-image: url('assets/images/icons/drawn-circle-yellow.png'); } .circled-element.green-circle { background-image: url('assets/images/icons/drawn-circle-green.png'); } .circled-element.blue-circle { background-image: url('assets/images/icons/drawn-circle-blue.png'); } .circled-element.purple-circle { background-image: url('assets/images/icons/drawn-circle-purple.png'); } .circled-element.pink-circle { background-image: url('assets/images/icons/drawn-circle-pink.png'); } .circled-element.mute-circle { background-image: url('assets/images/icons/drawn-circle-mute.png'); } .circled-element .btn { margin: 0 !important; bottom: -2px; position: relative; } /* Call to action */ .cta { text-align: center; margin: 20px 0; } .bg-row .cta { margin: -20px 0; } .cta .headline, .cta .btn { margin: 20px 0; vertical-align: middle; } .cta .btn { margin-top: 0; } .cta .button-download { margin: 4px 0 0 45px; vertical-align: middle; } .cta .circled-element { margin: 0 0 22px; } /* Icons */ .icon { display: inline-block; vertical-align: middle; top: -2px; } .icon-20, .icon-20 img { width: 20px; height: 20px; } .icon-24, .icon-24 img { width: 24px; height: 24px; } .icon-30, .icon-30 img { width: 30px; height: 30px; } .icon-32, .icon-32 img { width: 32px; height: 32px; } .icon-48, .icon-48 img { width: 48px; height: 48px; } .icon-96, .icon-96 img { width: 96px; height: 96px; } .icon-128, .icon-128 img { width: 128px; height: 128px; } /* Icon - Hover */ a .icon { position: relative; } a .icon img { position: absolute; top: 0; left: 0; -webkit-transition: 0.18s all ease-in-out; -moz-transition: 0.18s all ease-in-out; transition: 0.18s all ease-in-out; } a:hover .icon img, a .icon img.hover { opacity: 0; } a:hover .icon img.hover { opacity: 1; } a:hover .icon img.no-hover { opacity: 1 !important; } /* Icon Box */ .icon-box .title img { margin: -3px .5em 0 0; width: 48px; height: 48px; } .icon-box h4.title { font-size: 18px; } .feature-grid .icon-box { margin-bottom: 40px !important; } .feature-grid .icon-box .title, .feature-grid .icon-box p:last-child { margin-bottom: 0; } /* Contact Forms */ .publicContactForm legend { display: none; } .publicContactForm .formField { margin: 0 0 1em; } .publicContactForm .textInput { min-width: 300px; } .publicContactForm .fieldContainer em.error { margin: 0; display: inline-block; top: -1em; position: relative; font-size: 13px; } /* Pages */ .narrow-page .page { max-width: 700px; margin: 0 auto; } /* Lists in Sidebars */ .aside-block { margin-bottom: 42px; } .aside-title { font-family: 'Noto Sans', sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 24px; } .aside-title i { margin-right: 8px; } .aside-list { font-size: 14px; } .aside-list li { position: relative; margin-bottom: 5px; } .aside-list li a { line-height: 20px; padding: 0 0 5px 6px; } .aside-list li a.current { font-weight: 800; } .aside-list li i { width: 18px; font-size: 16px; line-height: 20px; text-align: center; padding: 0; margin: 0; } .more-guides-link { margin-top: -32px; font-size: 13px; margin-bottom: 42px; } /* Table of Contents */ .toc-wrapper, .children-block { background: #fff;} .toc-title i { display: none; } .level-h3 { margin-left: 1em; } .level-h4 { margin-left: 2em; } .level-h5 { margin-left: 3em; } .level-h6 { margin-left: 4em; } /* Guides Home */ .guide-index .aside-block { padding: 0; border: 0; } .guide-index .aside-title { font-size: 24px; font-weight: 400; margin-bottom: 12px; } .guide-index .aside-title i { color: #999796; } .guide-index .aside-list { font-size: 15px; } .guide-index .aside-list li { line-height: 25px; } .guide-index .aside-list li i { width: 18px; font-size: 14px; position: relative; top: -1px; } /* Article Edit Link */ .entry-meta .edit-link { display: block; text-align: right; } .entry-meta .post-edit-link { background: #979595; color: #fff; font-size: 12px; line-height: 25px; text-decoration: none; display: inline-block; padding: 3px 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Widgets */ #download_sidebar aside.widget { font-family: 'Noto Sans', sans-serif; margin-bottom: 30px; } h3.widget-title { font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: bold; border-bottom: 1px solid #E1DFDD; margin-bottom: 15px; padding-bottom: 5px; } h4.widget_author_name { font-family: 'Noto Sans', sans-serif; font-size: 18px; font-weight: bold; margin: 20px 0 24px; } .widget_author_avatar { margin: 0 0 20px; display: block; text-align: center; } .widget_ra_author_widget .widget_buttons { margin-bottom: 20px; clear: both; } .widget_ra_author_widget .widget_buttons a { font-weight: normal; text-align: center; padding-left: 2px; padding-right: 2px; margin-bottom: 8px; display: block; } .widget_ra_author_widget .author_description { clear: both; font-family: 'Noto Sans', sans-serif; margin-bottom: 10px; font-size: 13px; line-height: 22px; } .widget_ra_author_widget .view_profile_link, .widget_ra_also_by_author_widget a { font-size: 13px; } /*--- START: Temporary adjustment ---*/ .widget_ra_author_widget .widget_buttons { display: none; } /* Minimum width of 960 pixels. */ @media screen and (min-width:960px) { .widget_author_avatar { margin: 0 20px 10px 0; } .widget_ra_author_widget .author_description { clear: none; margin: -5px 0 10px; line-height: 21px; } } /*--- END: Temporary adjustment ---*/ .ra_also_by_author img { margin-bottom: 10px; } .widget_ra_also_by_author_widget a.view-all { margin-top: 8px; display: inline-block; } /* Widget - Author contact popup */ #contact_box { display: none; } #cboxLoadedContent #contact_box { display: block; } /* Forums */ .type-forum .headline, .type-topic .headline { margin-bottom: 5px; } .bbp-template-notice { border-radius: 0; padding: 2px 15px; } div.bbp-template-notice, div.indicator-hint { border-radius: 2px; background-color: #EDEBEA; border-color: #EDEBEA; } div.bbp-template-notice.info { border-color: #0092b3; background-color: #0092b3; color: #fff; } div.bbp-template-notice.important { border-color: #9a4d7c; background-color: #9a4d7c; color: #fff; } div.bbp-template-notice.error, div.bbp-template-notice.warning { background-color: #e36551; border-color: #e36551; color: #fff; } div.bbp-template-notice.error a, div.bbp-template-notice.warning a { color: #fff; text-decoration: underline; } div.bbp-template-notice p { margin: 0.5em 0 8px 0 !important; padding: 2px 8px; font-size: 13px; } #post-0.forum .page-title, #post-0.forum .bbp-breadcrumb { display: none; } /* Hide title "Forum" and breadcrumbs on index */ #bbpress-forums { overflow: visible; } #bbpress-forums div.reply { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .register-page .bbp-login-form input { width: 280px; } .bbp-forum-info .bbp-forum-content p { margin-bottom: 0; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-search-results { border-color: #d1cfcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: #edebea; font-size: 11px; color: #999796; padding: 3px 12px; } #bbpress-forums li.bbp-header { border-top: 0; } li.bbp-forum-info, li.bbp-topic-title { width: 77%; } li.bbp-forum-freshness, li.bbp-topic-freshness { display: none; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background-color: #faf9f8; } #bbpress-forums div.even, #bbpress-forums ul.even { background-color: #fff; } /* makes commas invisible in sub-forums lists */ #bbpress-forums ul.odd .bbp-forums-list li { color: #faf9f8; } #bbpress-forums ul.even .bbp-forums-list li { color: #fff; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { position: relative; border-top-color: #eeedec; padding: 12px; } .bbp-template-notice.info { visibility: hidden; display: none; } div.bbp-breadcrumb, div.bbp-topic-tags { margin: 0 0 1em; } #bbpress-forums fieldset.bbp-form { border: 0; padding: 45px 0 0; } #bbpress-forums fieldset.bbp-form legend { display: none; } #bbpress-forums fieldset.bbp-form .bbp-template-notice { display: block; } #bbpress-forums li.bbp-body div.bbp-reply-content { font-size: 14px; } #bbpress-forums li a.bbp-forum-title, .bbp-topic-title a.bbp-topic-permalink { font-size: 24px; } #bbpress-forums .bbp-forums-list li { display: block; font-size: 16px; padding: 5px 0; } .bbp-reply-ip { display: none; } #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background-color: transparent; border-bottom: 1px solid #EDEBEA; margin-top: 2em; border-top: 0; } /* bbPress - Search */ #bbpress-forums div.bbp-search-form { margin-bottom: 25px; float: none; } #bbpress-forums #bbp-search-form { position: relative; height: 36px; } #bbpress-forums #bbp-search-form #bbp_search { position: absolute; top: 0; width: 100%; padding-right: 95px; } #bbpress-forums #bbp-search-form #bbp_search_submit { position: absolute; top: 0; right: 0; margin-right: 0; border-radius: 0 2px 2px 0; } /* bbPress - Breadcrumbs */ #bbpress-forums div.bbp-breadcrumb p { margin-bottom: 0; } div.bbp-breadcrumb .bbp-breadcrumb-sep { font-size: 20px; position: relative; line-height: 0; display: inline; top: 1px; color: #D1CFCD; margin: 0 3px; } div.bbp-breadcrumb a:first-child, div.bbp-breadcrumb .bbp-breadcrumb-sep:nth-child(2) { display: none; } /* bbPress - Buttons */ div.bbp-submit-wrapper { float: left; } div.bbp-submit-wrapper .button { margin-left: 0; } #subscription-toggle a, #subscription-toggle .is-subscribed a:hover, #bbpress-forums div.bbp-topic-content #subscription-toggle a, #bbpress-forums div.bbp-topic-content #subscription-toggle .is-subscribed a:hover, #bbpress-forums div.bbp-reply-content #subscription-toggle a, #bbpress-forums div.bbp-reply-content #subscription-toggle .is-subscribed a:hover { background: transparent; border: 1px solid #999796; color: #797776; display: inline-block; float: right; line-height: 25px; padding: 0 10px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #subscription-toggle a:hover, #subscription-toggle .is-subscribed a, #bbpress-forums div.bbp-topic-content #subscription-toggle a:hover, #bbpress-forums div.bbp-topic-content #subscription-toggle .is-subscribed a, #bbpress-forums div.bbp-reply-content #subscription-toggle a:hover, #bbpress-forums div.bbp-reply-content #subscription-toggle .is-subscribed a { background-color: #999796; color: #fff; } /* bbPress - Topics Pagination */ .bbp-topic-pagination { margin-bottom: 0; line-height: 18px; vertical-align: middle; top: -6px; position: relative; } .bbp-topic-pagination a { border-radius: 20px; display: inline-block; width: 18px; height: 18px; line-height: 13px; text-align: center; background: #fff; border-color: #D1CFCD; } .bbp-topic-pagination a:hover { background-color: #0085b5; border-color: #0085b5; color: #fff; text-decoration: none; } /* bbPress - Topics with big avatar */ #bbpress-forums li.bbp-body ul.topic { padding-left: 94px; } #bbpress-forums li.bbp-header ul.forum-titles { padding-left: 82px; } #bbpress-forums p.bbp-topic-meta a.bbp-author-avatar { position: absolute; left: 12px; top: 10px; } #bbpress-forums p.bbp-topic-meta img.avatar { border: 0; margin-bottom: 0; padding: 0; width: 60px; } #bbpress-forums .bbp-topic-title p.bbp-topic-meta { font-size: 13px; line-height: 16px; } /* bbPress - Replies */ #bbpress-forums ul.bbp-replies { padding: 0; } #bbpress-forums div.bbp-reply-header { margin-top: 1em; } #bbpress-forums .bbp-replies div.odd, #bbpress-forums .bbp-replies div.even { background-color: #fff; } #bbpress-forums .bbp-replies div.status-trash.even, #bbpress-forums .bbp-replies div.status-spam.even { background-color: #fee; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { line-height: 1.25; } #bbpress-forums div.bbp-forum-author .bbp-author-avatar, #bbpress-forums div.bbp-topic-author .bbp-author-avatar, #bbpress-forums div.bbp-reply-author .bbp-author-avatar { display: inline-block; margin-bottom: 6px; } #bbpress-forums .bbp-replies .bbp-footer { display: none; } #bbpress-forums .bbp-replies .bbp-header, #bbpress-forums .bbp-replies .bbp-footer { background: #fff; color: #fff; } /* subscriber post indicators */ .bbp-reply-author .subscriber-post { } .bbp-reply-author [class*="subscriber-level-"] { border: 1px solid #EADDB3; background: #FCF9D7; padding: 0 0 10px; border-radius: 5px; } .bbp-reply-author .subscriber-level-11 { border-color: #DBD6D3; background-color: #EDEBEA; } /* monthly */ .bbp-reply-author .subscriber-level-1 { border-color: #AED0C9; background-color: #CCEAE3; } /* standard (yearly) */ .bbp-reply-author .subscriber-level-3 { border-color: #1B192D; background-color: #464452; color: #A8A7B0; } /* developer */ /* Sticky */ .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { background-color: #F7FDFF !important; border-bottom: 2px solid #4E9FB2 !important; } /* Closed */ #bbpress-forums .status-closed, #bbpress-forums .status-closed a { color: #817F8D; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta, div.bbp-breadcrumb, div.bbp-topic-tags { font-size: 13px; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { overflow: visible; } /* Footer */ ul.footer-list { margin: 0; list-style: none; text-align: center; max-height: 24px; } ul.footer-list li { display: inline-block; padding: 0 5px 0 0; line-height: 8px; vertical-align: middle; } /* Footer - Top */ #Bottom { background: #ECEBEA; margin-top: 80px; padding: 50px 0 45px; } #Bottom .footer-install-count, #Bottom .footer-newsletter-form, #Bottom .footer-top-menu { text-align: center; margin-bottom: 30px; } #Bottom .footer-newsletter-form { margin-bottom: -45px; display: inline-block; width: 100% } #Bottom .install-count { font-size: 50px; line-height: 36px; height: 48px; margin-bottom: 0; -webkit-text-stroke: 0; } #Bottom .footer-social-icons { font-size: 24px; font-weight: normal; } #Bottom .footer-links { font-size: 13px; margin-bottom: 0; } #Bottom .footer-links a { color: #999796; } #Bottom .footer-links a:hover { color: #383735; text-decoration: none; } #Bottom .footer-social-icons { -webkit-text-stroke: 0; } #Bottom .footer-social-icons a { color: #999796; } #Bottom .footer-social-icons a:hover { color: #383635; } /* Footer - Bottom */ #FooterWrapper { color: #6b6968; padding: 35px 0 20px; font-size: 12px; line-height: 20px; min-height: 85px; background: #d1cfcd; } .footer-list .socialBtn { width: auto; } .copyright { text-align: center; margin: 1em 0; } .copyright a { color: #6b6968; text-decoration: underline; } .copyright a:hover { color: #383735; } .copyright img { vertical-align: text-bottom; } .copyright .year { display: none; } /* Page Specific Styles -------------------------------------------------------------- */ /* Home Page - Main */ #HomeHeader { padding: 5% 0; } #HomeHeader .bg-image { background-image: url('assets/images/header-home-bg.jpg'); } #HomeHeader .content-container { margin: 5% auto; max-width: 725px; background: #fff; background: rgba(255, 255, 255, .75); } #HomeHeader, #HomeHeader p { text-align: center; } #HomeHeader .big-headline, #HomeHeader p { padding-left: 10%; padding-right: 10%; } #HomeHeader .big-headline { font-size: 45px; padding-top: 6%; } #HomeHeader .big-sub-headline { color: #383735; font-size: 16px; margin-bottom: 32px; line-height: 1.6; } #HomeHeader .button-download { text-align: center; font-size: 20px; font-weight: normal; padding: 16px 0 18px; width: 100%; border-radius: 4px } /* Backgrounds */ #layout_home-page .grid-section-2 { padding-top: 25px; padding-bottom: 25px; background-color: #fff; border: 1px solid #edebea; border-width: 1px 0; } /* Home v1.1 */ .home-local-nav .local-nav, .home-local-nav .local-nav ul { opacity: .1; -webkit-transition: opacity 0.65s ease-out; -moz-transition: opacity 0.65s ease-out; -ms-transition: opacity 0.65s ease-out; -o-transition: opacity 0.65s ease-out; transition: opacity 0.65s ease-out; } .home-local-nav .local-nav ul { opacity: 0; } .docked-nav .home-local-nav .local-nav, .docked-nav .home-local-nav .local-nav ul { opacity: 1; } #HeaderGraphic-laptop { z-index: 1; margin-bottom: 0; } #HeaderGraphic-laptop .button-download { background: #fff; border-color: #fff; border-radius: 4px; color: #0085B5; padding: 25px 44px; box-shadow: 0 0 35px rgba(0,0,0,.35); outline: none !important; } #HeaderGraphic-laptop .button-download i { font-size: 60px; display: block; margin: -5px 0 14px; } #HeaderGraphic-laptop .button-download span { font-size: 30px; } #HeaderGraphic-laptop .button-download:hover, #HeaderGraphic-laptop .button-download:focus { background-color: #009AFF !important; border-color: #009AFF; color: #fff; box-shadow: 0px 0px 45px rgba(0,0,0,.65); } #HeaderGraphic-laptop .home-laptop-img { display: none; } #HeaderGraphic-laptop .home-download-button { width: 100%; margin-bottom: 40px; } #HeaderGraphic-laptop .home-features-link { width: 100%; margin-bottom: 0; } .video-sign-arrow { display: none; } @media screen and (max-width: 639px) { #HeaderGraphic-laptop { position: static; } #HeaderGraphic-laptop .home-features-link a { color: #fff } #HeaderGraphic-laptop .home-features-link a:hover { text-decoration: underline; } } @media screen and (min-width: 640px) { #HeaderGraphic-laptop .home-laptop-img { display: block; margin: 0 auto; } #HeaderGraphic-laptop { margin-bottom: -23%; } #HeaderGraphic-laptop .home-download-button { position: absolute; top: 25%; margin-bottom: 20px; } #HeaderGraphic-laptop .home-features-link { position: absolute; bottom: -10%; margin-bottom: 35px; } } @media screen and (min-width: 880px) { #HeaderGraphic-laptop { margin-bottom: -207px; } } @media screen and (min-width: 1180px) { .video-sign-arrow { display: block; position: absolute; left: 0px; bottom: 60px; z-index: -1; } } /* (legacy Home Page) */ #HomeHeader .link-explore { color: #383735; display: inline-block; font-size: 17px; padding: 5px 5px 6px 6px; margin-bottom: 22px; border-bottom: 2px solid transparent; text-decoration: none; } #HomeHeader a.link-explore:hover { border-bottom-color: #383735; } .home-features .big-headline, .home-features .big-sub-headline, .features .big-headline, .features .big-sub-headline { text-align: center; } .home-features .feature-columns, .features .feature-columns, .features .feature-grid { margin: 0 auto; } /* Showcase Page */ .showcase-list .item { display: block; border: 1px solid #fff; padding: 10px; background: #e5e4e3; border-radius: 5px; margin-bottom: 40px; } .showcase-list .item img { box-shadow: 0 0 9px 1px rgba(0, 0, 0, .1); border: 1px solid #c9c8c7; } /* Author Page */ .author-header .author-avatar { display: inline-block; width: 120px; float: left; } .author-header .page-title { margin: 0 0 0 150px; padding: 30px 0; clear: none; } .author-downloads-pag.pagination{margin:20px 0;clear:both;} .author-downloads-pag.pagination ul{border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.05);display:inline-block;margin-bottom:0;margin-left:0;} .author-downloads-pag.pagination ul > li{display:inline;} .author-downloads-pag.pagination ul > li > a,.author-downloads-pag.pagination ul > li > span{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;-webkit-border-bottom-colors:none;-webkit-border-left-colors:none;-webkit-border-right-colors:none;-webkit-border-top-colors:none;-o-border-bottom-colors:none;-o-border-left-colors:none;-o-border-right-colors:none;-o-border-top-colors:none;background-color:#ffffff;border-color:#dddddd;border-image:none;border-style:solid;border-width:1px 1px 1px 0;float:left;line-height:20px;padding:4px 12px;text-decoration:none;} .author-downloads-pag.pagination ul > .disabled > span,.author-downloads-pag.pagination ul > .disabled > a,.author-downloads-pag.pagination ul > .disabled > a:hover,.author-downloads-pag.pagination ul > .disabled > a:focus{background-color:transparent;color:#999796;cursor:default;} .author-downloads-pag.pagination ul > li:first-child > a,.author-downloads-pag.pagination ul > li:first-child > span{border-bottom-left-radius:4px;border-left-width:1px;border-top-left-radius:4px;} .author-downloads-pag.pagination ul > li > a:hover,.author-downloads-pag.pagination ul > li > a:focus,.author-downloads-pag.pagination ul > .active > a,.author-downloads-pag.pagination ul > .active > span{background-color:#f5f5f5;} .author-downloads-pag.pagination ul > li:last-child > a,.author-downloads-pag.pagination ul > li:last-child > span{border-bottom-right-radius:4px;border-top-right-radius:4px;} /* Download lists*/ .download-list .download-item { float: left; width: 100%; margin-right: 0; margin-bottom: 20px; } /* Minimum width of 768 pixels. */ @media screen and (min-width:768px) { /* Author Page */ .download-list .download-item { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; } .download-list .item-col-2 { margin-right: 0; } } /* Minimum width of 960 pixels. */ @media screen and (min-width:960px) { /* Author Page */ .download-list .download-item { width: 32%; margin-right: 2%; margin-bottom: 2%; } .download-list .item-col-3 { margin-right: 0; } } /* Join / Subscribe Page */ .subscriber-selections > .bg-row { padding-top: 100px } .subscriber-selections .subscription-column { padding: 20px; margin-bottom: 30px; background: #fff; border: 1px solid #edebea; border-color: rgba(0,0,0,.2); } .subscriber-selections .subscription-column.span4 { margin-left: 0; width: 100%; } .subscription-column.highlight-option { position: relative; border: 3px solid #E6674A; padding-top: 35px; box-shadow: 0 0 30px rgba(0,0,0,.3); } .subscription-column.highlight-option .highlight-description { font-size: 12px; background: #E6674A; color: #fff; padding: 3px 10px; position: absolute; top: -12px; left: 30px; right: 30px; text-align: center; } .subscription-option { color: #fff; padding: 35px 40px; margin-bottom: 42px !important; min-height: 250px; background: #5AB9CF; position: relative; } .subscription-option * { position: relative; z-index: 2; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .subscription-option:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #383735; opacity: 0; z-index: 1; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .subscription-option .subscription-name h3 { font-size: 34px; font-weight: normal; margin: 20px 0; } .subscription-description p { font-size: 15px; line-height: 1.8; } .subscription-details span { display: inline-block; font-size: 45px; font-weight: bold; line-height: 80px; vertical-align: top; } .subscription-details .has-special-price { color: #999796; font-weight: normal; font-size: 35px; text-decoration: line-through; } .subscription-details .special-price { font-size: 72px; } .subscription-details .duration { font-size: 18px; font-weight: normal; margin: 0 0 0 1em; padding: 0 0 0 1em; border-left: 1px solid #E5E4E3; text-transform: lowercase; } .subscription-option .subscription-details .duration { border-color: rgba(255, 255, 255, .3); } .subscription-option:hover { cursor: pointer; background-color: #5ec4db; } .subscription-option:hover .subscription-name h3 { color: #000; } .subscription-option:hover:after { opacity: 0.25; } .subscription-link a.btn { font-size: 14px; padding: 9px 35px 10px; } .subscription-option .subscription-link a.btn { background-color: #383735; border-color: #383735; color: #fff; } .subscription-option:hover a.btn, .subscription-option .subscription-link a.btn:hover { background-color: #fff; border-color: #fff; color: #383735; } /* Subscription Levels */ .subscription-option.level-5, .subscription-option.level-6, .subscription-option.level-7 { background: #5ab9cf; /* Old browsers */ background: -moz-linear-gradient(top, #5ab9cf 0%, #56cddb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ab9cf), color-stop(100%, #56cddb)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #5ab9cf 0%, #56cddb 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #5ab9cf 0%, #56cddb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5ab9cf 0%, #56cddb 100%); /* IE10+ */ background: linear-gradient(to bottom, #5ab9cf 0%, #56cddb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab9cf', endColorstr='#56cddb', GradientType=0 ); /* IE6-9 */ } .subscription-option.level-8, .subscription-option.level-9, .subscription-option.level-10 { background: #e36551; /* Old browsers */ background: -moz-linear-gradient(top, #e36551 0%, #f28454 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e36551), color-stop(100%, #f28454)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #e36551 0%, #f28454 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #e36551 0%, #f28454 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e36551 0%, #f28454 100%); /* IE10+ */ background: linear-gradient(to bottom, #e36551 0%, #f28454 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36551', endColorstr='#f28454', GradientType=0 ); /* IE6-9 */ } /* Subscription Plans - Features List */ .entry-content ul.fa-ul.plan-features { font-size: 16px; } .entry-content ul.fa-ul.plan-features > li { padding: 0.1em 0 0.5em; } .entry-content ul.fa-ul.plan-features > li strike { color: #999796; } .entry-content ul.fa-ul.plan-features li i.fa-check { color: #3a9c81; } .entry-content ul.fa-ul.plan-features li i.fa-ban { color: #cc3333; } /* Sign In / Create Account */ .sign-in-or-create-new a.btn { width: 250px; font-size: 20px; max-width: 100%; position: relative; top: -40px; } .sign-in-or-create-new .divider-vertical { display: inline-block; width: 1px; height: 100px; margin: 0 30px; background: #EDEBEA; } /* Achievements/Credits Page */ .credits { clear: both; margin: 0 0 2em; padding: 1em 0 0; border-bottom: 1px solid #E8E7E6; } .credits-form { margin: 2.5em 0 1em; } .credits-row { border-top: 1px solid #E8E7E6; padding: 10px 0; } .credits-column { display: block; vertical-align: top; } .credits-column.achievements { } .credits-user { width: 250px; height: 60px; max-width: 100%; } .credits-user .avatar { float: left; width: 60px; height: 60px; margin: 0 15px 0 0; } .credits-user .avatar img { vertical-align: top; } .credits-user .user-name { font-size: 12px; display: inline-block; } .credits-user .user, .credits-user .name { display: block; } .credits-user .name { font-size: 14px; font-weight: bold; line-height: 24px; padding-top: 8px; } .credits-user .user { line-height: 1.25; } .credits .badge { display: inline-block; margin: 10px 5px 0 0; } .textarea-wrap textarea.credits-form-details { height: 120px; } .credits-form .tablenav-pages { margin: 1em 0; } .credits-form .tablenav-pages .current-page { width: 50px; padding: 3px 8px; text-align: center; } .credits-form .tablenav-pages button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); border: none; color: #0074a2; cursor: pointer; padding: 0 10px 3px; } .credits-form .tablenav-pages button:hover { background-color: #2ea2cc; color: #ffffff; } /* Archivments Legend/ Credits Page */ .archivments-legend{margin: 1em 0;} .archivments-legend-elem{padding: 5px 0;vertical-align: middle;} .archivments-legend-elem span{display: inline-block; margin-left: 15px; font-size: 14px;} /* Account Purchases Page (subscriptions and purchases) */ .user-purchases-container { padding: 10px 10px; background: #ffffff; border: 1px solid #ecebea;} .user-purchases-row { width: 100%; padding: 10px 0; } .user-purchases-column { padding: 0 10px; vertical-align: top; } .user-purchases-column-data { /*width: 250px;*/ max-width: 100%; } .user-purchases-column-data .indicator { display: inline-block; width: 100px; padding: 5px; background: #888; color: #fff; font-size: 13px; font-weight: bold; text-align: center; border-radius: 3px; } .user-purchases-column-data .indicator.active { background: #77BDAA; } .user-purchases-column-data .indicator.expired { background: #DB5151; } .user-purchases-column.purchase-downloads { white-space: nowrap; font-family: monospace; font-size: 16px; } .user-purchases-column.purchase-downloads a i { font-size: 28px; position: relative; top: 5px; } .user-purchases-column .purchase-name { font-size: 18px; margin-bottom: 10px; display: inline-block; } .user-purchases-column .purchase-meta { font-size: 13px; } .user-purchases-column .download-link { margin-bottom: 5px; margin-bottom: 10px; } .user-purchases-title { font-weight: bold; } .user-purchases-invoice-link { font-size: 12px; } .user-purchases-separator { border-top: 1px solid #E8E7E6; margin: 10px; } .user-purchases-link-expired { color: #888; } .user-subscription-invoices-view { margin: 8px 0 1.5em; } .user-subscription-invoices-view i { font-size: 20px; margin: 0 8px 0 20px; } .user-purchases-row.subscription-invoices { padding: 0 20px 20px; } /* Minimum width of 768 pixels. */ @media screen and (min-width:768px) { .user-purchases-row { display: table;} .user-purchases-column { display: table-cell; width: 25%; } .user-purchases-column.image-column, .user-purchases-column.image-column .user-purchases-column-data { width: 200px; } .user-purchases-column.purchase-details { width: 50%; } .user-purchases-column.purchase-status { text-align: right; } } /* Item Details Page */ .item-details .row-fluid.flex-row { clear: both; } .item-details .flex-row .flex-width-9 { width: auto; float: none; } .item-details .flex-row .fixed-width-3 { margin-left: 0 !important; width: 100%; } /* Social icons */ .item-details-header .social { height: 48px; border: 1px solid #ecebea; background: #fff; margin-top: 9px; margin-bottom: 24px !important; } .item-details-header .social a, .item-details-header .social .count { text-decoration: none; font-size: 20px; color: #999796; margin: 0; line-height: 46px; width: 18%; height: 46px; text-align: center; display: inline-block; float: left; } .item-details-header .social a:hover { background: #999796; color: #fff; } .item-details-header .social a.facebook-button:hover { background: #3B5A9B; } .item-details-header .social a.google-button:hover { background: #DB2814; } .item-details-header .social a.twitter-button:hover { background: #2B97F0; } .item-details-header .social a.pin-it-button:hover { background: #CB2027; } .item-details-header .social .count { width: 28%; border-left: 1px solid #ecebea; } .item-details-header .social .count .total { font-size: 24px; position: relative; } .item-details-header .social .count .label { font-size: 12px; display: none; } .item-details-header .social.no-count .count { display: none; } .item-details-header .social.no-count a { width: 25%; } /* Price form */ .purchase-loading-graphic { position: absolute; width: 100%; height: 39px; background: transparent url('assets/images/loading-alt-64x64.gif') no-repeat 50%; background-size: 32px; margin: 2px auto; } .download-header #ItemPurchaseOptions { padding: 24px 40px; background: #ecebea; bottom: 0; -webkit-transition: all ease-in-out 0.12s; -moz-transition: all ease-in-out 0.12s; -o-transition: all ease-in-out 0.12s; transition: all ease-in-out 0.12s; } .single-download .edd_download_purchase_form { margin-bottom: 0; } .edd_purchase_submit_wrapper { width: 100%; } .edd_purchase_submit_wrapper.is_subscriber { margin-top: 0; } .edd_purchase_submit_wrapper a { text-decoration: none; } h1.download-entry-title { margin-top: -7px; margin-bottom: 3px; } #download_content .meta-header { margin: 0 0 23px; font-size: 12px; color: #B6B4B3; } #download_content .meta-header a { color: #403F3D; text-decoration: none; } #ItemPurchaseOptions .edd_price_options ul { background: #FAF9F8; border: 1px solid rgba(0, 0, 0, .15); border-width: 0 1px 1px; border-radius: 0 0 3px 3px; box-shadow: 0 2px 5px rgba(0, 0, 0, .08); position: absolute; width: 100%; z-index: 5; display: none; } #ItemPurchaseOptions .edd_price_options { position: relative; margin-bottom: 30px; } #ItemPurchaseOptions .edd_price_options.variable-pricing { } #ItemPurchaseOptions .edd_price_options.single-price { } #ItemPurchaseOptions .edd_price_options.single-price.free-download { display: none; } #ItemPurchaseOptions .is_subscriber .edd_price_options { margin-bottom: 0; } #ItemPurchaseOptions .price-select-menu { position: relative; } #ItemPurchaseOptions .price-select-menu i.fa { position: absolute; right: 3px; top: 0; font-size: 14px; color: #999796; height: 38px; line-height: 38px; width: 10%; text-align: center; } #ItemPurchaseOptions .edd_price_options .price-select-menu .current-option { display: inline-block; width: 100%; padding-left: 10%; } #ItemPurchaseOptions .edd_price_options li { line-height: 0; margin: 0 0 2px 0; padding: 0; } #ItemPurchaseOptions .edd_price_options li a, #ItemPurchaseOptions .price-select-menu { cursor: pointer; display: block; line-height: 37px; height: 40px; border: 1px solid transparent; vertical-align: middle; text-decoration: none; } #ItemPurchaseOptions .edd_price_options li a:hover, #ItemPurchaseOptions .price-select-menu:hover { background-color: #E0DFDE; } #ItemPurchaseOptions .edd_price_option_price, #ItemPurchaseOptions .price-select-menu { color: #383735; font-size: 22px; font-weight: bold; margin-left: 0; } #ItemPurchaseOptions .edd_price_option_price.is_subscriber { text-decoration: line-through; color: #999796; font-weight: normal; } #ItemPurchaseOptions .price-select-menu { background: #fff; border: 1px solid #D1CFCD; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #ItemPurchaseOptions .price-select-menu:hover { background-color: #fff; cursor: default; border-color: #999796; box-shadow: 0 1px 3px rgba(0, 0, 0, .18); } #ItemPurchaseOptions .price-select-menu:hover i.fa { color: #383735; } #ItemPurchaseOptions .item_bullet { visibility: hidden; color: #D1CFCD; line-height: 38px; float: left; width: 10%; text-align: center; } #ItemPurchaseOptions .edd_price_options li span, #ItemPurchaseOptions .edd_price_options .price-select-menu .current-option span { float: left; vertical-align: middle; width: 45%; } #ItemPurchaseOptions .edd_price_options.single-price li span.edd_price_option_price { width: 100%; text-align: center; } #ItemPurchaseOptions .edd_price_option_name { color: #484745; font-size: 13px; font-weight: normal; text-align: left; } #ItemPurchaseOptions .btn { padding-top: 9px; padding-bottom: 10px; line-height: 19px; } #ItemPurchaseOptions .btn .edd-loading { display: none; } #ItemPurchaseOptions .edd-add-to-cart, .edd_purchase_submit_wrapper .btn { text-align: center; width: 100%; font-size: 16px; margin: 2px 0; } #ItemPurchaseOptions .edd_purchase_submit_wrapper .edd-no-js.btn { display: none; } /* hide if JavaScript enabled */ /*.no-js #ItemPurchaseOptions .edd_purchase_submit_wrapper .edd-no-js.btn { display: block; }*/ #ItemPurchaseOptions .edd_go_to_checkout { display: none; padding: 9px 35px; } #ItemPurchaseOptions .edd-cart-added-alert { width: 100%; height: 24px; top: 49px; text-align: center; color: #67A392; font-size: 13px; border: 1px solid #67A392; background: #fff; z-index: 10; } .line_center { font-size: small; color: #999796; margin: 0; padding: 0 10px; background: #ECEBEA; display: inline-block; } .word_devider { text-align: center; margin: 5px 0; position: relative; z-index: 2; text-transform: uppercase; } .word_devider:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: solid 1px #D1CFCD; z-index: -1; } #ItemPurchaseOptions .special_price { position: relative; font-size: 22px; font-weight: bold; width: 100%; text-align: center; } #ItemPurchaseOptions .special_price span sup { text-decoration: underline; font-size: 60%; left: 1px; } #ItemPurchaseOptions .special_price i { font-size: 25px; margin-left: 1em; line-height: 10px; } #ItemPurchaseOptions .special_price .element-tooltip {display: none; width: 100%; margin-bottom: 10px; color: #fff; border-radius: 3px; position: absolute; bottom: 100%; left: 0; z-index: 10; background: #383735; padding: 9px 12px; text-transform: none; font-size: 12px} #ItemPurchaseOptions .special_price .element-tooltip:after {top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(56, 55, 53, 0); border-top-color: #383735; border-width: 10px 5px; left: 50%; margin-left: -5px} #ItemPurchaseOptions .special_price:hover .element-tooltip {display: block;} #ItemPurchaseOptions .subcriber_description { display: block; font-size: 12px; margin-top: 5px; } #ItemPurchaseOptions .subcriber_description a { text-decoration: none; } #ItemPurchaseOptions .license-details { font-size: 13px; line-height: 22px; margin: 25px 0 0; } #ItemPurchaseOptions .license-details.is-free { text-align: center; } /* Subscriber price (logged in) */ #ItemPurchaseOptions .subscr_save { text-align: center; padding: 5px 0 10px; } #ItemPurchaseOptions .subscr_save .price-title { font-size: 14px; font-weight: bold; margin-bottom: 14px } #ItemPurchaseOptions .subscr_save .special_price { font-size: 36px; margin-bottom: 24px; } #ItemPurchaseOptions .subscr_save .subcriber_description { color: #999796; font-size: 12px; line-height: 14px; padding-bottom: 5px; } /* Demo Button */ .item-details .local-nav ul.has-demo { display: inline-block; margin-right: 185px; } .local-nav .item-demo { display: inline-block; position: absolute; top: 14px; margin-left: -150px; } .item-demo .btn { position: relative; font-size: 16px; height: 34px; color: #fff; border-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .item-demo a.btn:hover { color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .item-demo a.btn:hover:after { border-left-color: #5EC4DB; } .item-demo .btn:after { right: -34px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: all; border-color: rgba(136, 183, 213, 0); border-left-color: #5ab9cf; border-width: 17px; top: 50%; margin-top: -17px; } /* Item Details - Content Area */ #ItemDetailsContainer, #ItemDetailsContainer .details-section { margin-top: 42px; clear: both; } #ItemDetailsContainer .details-section:first-child { margin-top: 0; } #item_details_top { position: relative; top: 15px; } /* Item Details - Change Log, Item Info */ .edd_changelog-content, .edd_changelog-toggle, #item_description .download_details { padding: 20px 20px 17px; margin-bottom: 30px; background: #fff; border: 1px solid #ecebea; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #item_description .download_details { padding-right: 0; } .download_details .desc-detail { display: inline-block; margin-right: 20px; min-width: 10%; } h5.description_headings { font-size: 13px; font-weight: bold; margin: 0 0 5px; } span.download_tags, .download_details span { font-size: 13px; } .edd_changelog-container { margin: 10px 0; position: relative } .edd_changelog-toggle { position: relative; font-weight: normal; cursor: pointer; display: block; color: #999796; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; height: 36px; margin: 0; line-height: 35px; text-shadow: 0 1px 0 #fff; padding: 0 0 0 20px; } .edd_changelog-container .edd_changelog-content { font-size: 14px; font-family: monospace; } .edd_changelog-icon:before { content: '\f502'; position: absolute; right: 10px; top: 16px; } .edd_changelog-icon-down:before { content: '\f500'; position: absolute; right: 10px; top: 8px; } .edd_changelog-icon, .edd_changelog-icon-down { display: block; color: #d1cfcd !important; font-size: 20px; line-height: 1; cursor: pointer; vertical-align: top; width: 34px; height: 34px; line-height: 34px; position: absolute; top: 1px; right: 1px; } .edd_changelog-icon:before { display: none; } .edd_changelog-toggle.top_bordered { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .edd_changelog-content { border-top: 0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* Item Details - Support */ .item-details #item_support #bbpress-forums { position: relative; } .item-details #item_support .bbp-breadcrumb { display: none; } .item-details #item_support #subscription-toggle { position: absolute; top: -47px; right: 0; } .item-details #item_support #bbpress-forums fieldset.bbp-form { padding-top: 15px; } /* Item Details - Ratings */ .item-details .rating-count, .item-details a:hover .rating-count { color: #ECEBEA; display: inline-block; background-color: #656463; border: 1px solid #696867; border-radius: 2px; min-width: 10px; padding: 3px 6px; font-size: 12px; font-weight: bold; line-height: 11px; text-align: center; white-space: nowrap; vertical-align: baseline; top: -2px; position: relative; margin-left: 5px; } /* Ratings for reviews */ .item-details #edd_reviews #comments-title { display: none; } .rating { font-size: 25px; float: left; margin-left: 3px; color: #D3D2D0; } .rating i { text-shadow: 0px 1px 1px #D3D2D0; padding: 0 0 0 4px; } .review_counts { color: #D3D2D0; font-size: 12px; vertical-align: top; line-height: 25px; margin-left: 20px; } .review_counts a { color: #D3D2D0; font-size: 12px; text-decoration: underline; vertical-align: top; line-height: 25px; } /* Rating hover */ .rating_hover { position: absolute; background: #383735; color: #FFFFFF; font-size: 45%; border-radius: 3px; padding: 10px 7px 3px 7px; width: 143px; margin-top: 10px; display: none; } .rating_hover:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(56, 55, 53, 0); border-bottom-color: #383735; border-width: 0 4px 8px 4px; left: 50%; margin-left: -5px; } .rating_hover .edd-counter-container { margin-bottom: 7px; } .rating_hover .edd-counter-label, .rating_hover .edd-counter-back, .rating_hover .edd-review-count { float: left; } .rating_hover .edd-counter-label { width: 40px; } .rating_hover .edd-counter-back { background-color: #595855; height: 5px; width: 88px; margin-top: 5px; margin-right: 7px; } .rating_hover .edd-counter-back .edd-counter-front { height: 5px; display: block; background-color: #FFD20A; } /* User Sales */ .field-title { font-weight: bold; } /* Checkout Page */ #edd_checkout_form_wrap #edd-discount-code-wrap, #edd_checkout_form_wrap #edd-login-account-wrap, #edd_checkout_form_wrap #edd-new-account-wrap, #edd_checkout_form_wrap #edd_final_total_wrap, #edd_checkout_form_wrap #edd_show_discount, #edd_checkout_form_wrap fieldset#edd_payment_mode_select, #edd_checkout_form_wrap fieldset#edd_checkout_user_info, table#edd_purchase_receipt_products td { background: #fff; border-color: #E8E7E6; color: inherit; padding: 15px 20px; } #edd_checkout_cart td, #edd_checkout_cart th, table#edd_purchase_receipt_products td { color: inherit; border: 1px solid #E8E7E6; border-width: 0 0 1px; padding: 20px; } #edd_checkout_cart .edd_cart_header_row th, table#edd_purchase_receipt_products th { color: #9A9897; background: #EDEBEA; padding: 8px 20px; font-size: 12px; font-weight: bold; } #edd_checkout_cart td, #edd_checkout_cart th.edd_cart_total { font-size: 18px; } #edd_checkout_cart td .edd_checkout_cart_item_title { font-weight: bold; } #edd_checkout_cart td .edd_cart_item_image { display: inline-block; vertical-align: middle; } #edd_checkout_cart td .edd_cart_item_image img { max-width: 225px; margin-right: 20px; } #edd_checkout_cart th.edd_cart_total { border: none; } #edd_checkout_form_wrap fieldset#edd_checkout_user_info { padding: 20px 20px 30px; } #edd_checkout_form_wrap input[type=email], #edd_checkout_form_wrap input[type=password], #edd_checkout_form_wrap input[type=text], #edd_checkout_form_wrap textarea { padding: 6px; font-size: 14px; } #edd_checkout_form_wrap #edd_show_discount, #edd_checkout_form_wrap #edd_final_total_wrap { font-size: 13px; padding: 20px 0 0; background: transparent; border-width: 1px 0 0; } #edd_checkout_form_wrap #edd_final_total_wrap { font-size: 14px; border: none; padding: 10px 0; } #edd_checkout_form_wrap #edd_final_total_wrap .edd_cart_amount { font-size: 22px; font-weight: bold; padding-left: 5px; } #edd_checkout_form_wrap #edd_purchase_submit .edd-submit { font-size: 16px; padding: 12px 24px; } /* Purchase Confirmation Page */ table#edd_purchase_receipt { width: auto; } table#edd_purchase_receipt td, table#edd_purchase_receipt th, table#edd_purchase_receipt_products td, table#edd_purchase_receipt_products th { padding: 3px 15px 3px 0; } table#edd_purchase_receipt_products td, table#edd_purchase_receipt_products th { padding: 8px 20px; vertical-align: top; } table#edd_purchase_receipt_products td:last-child { padding-top: 16px; } table#edd_purchase_receipt_products .edd_purchase_receipt_product_name, table#edd_purchase_receipt_products .edd_purchase_receipt_product_notes, table#edd_purchase_receipt_products .edd_purchase_receipt_files { float: left; vertical-align: top; padding: 10px 5px 0 0; width: 30%; } table#edd_purchase_receipt_products .edd_purchase_receipt_product_name { font-weight: bold; display: inline-block; } table#edd_purchase_receipt_products .edd_purchase_receipt_product_notes { float: right; font-size: 14px; padding: 10px 0; min-height: 20px; line-height: 1.5; width: 39%; } table#edd_purchase_receipt_products .edd_purchase_receipt_files { padding-top: 0; } table#edd_purchase_receipt_products li { padding: 8px; margin-left: 10px; } table#edd_purchase_receipt_products li.edd_download_file { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } table#edd_purchase_receipt_products li.edd_download_file a { padding: 8px 10px; border-radius: 3px; border: 1px solid #0085b5; background: #0085b5; color: #fff; } table#edd_purchase_receipt_products li.edd_download_file a:hover { text-decoration: none; background-color: #009AFF; } table#edd_purchase_receipt_products li.edd_download_file a:before { font-family: FontAwesome; content: "\f019"; font-size: 28px; vertical-align: middle; margin-right: 10px; } /* Social Discounts EDD Plugin */ .edd-sd-message { font-weight: bold; } /* Add-ons -------------------------------------------------------------- */ /* Carousel */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } /* No Js */ /* Carousel - Bullets */ .owl-theme .owl-controls { margin-top: 25px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D1CFCD; display: block; -webkit-backface-visibility: visible; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #383735; } /* Carousel - Next/Prev */ .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #999796; font-size: 22px; line-height: 27px; margin: 5px; background: #ECEBEA; display: inline-block; cursor: pointer; width: 30px; height: 30px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #383735; } .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-controls .owl-nav [class*=owl-] { -webkit-transition: 0.18s all ease-in-out; -moz-transition: 0.18s all ease-in-out; transition: 0.18s all ease-in-out; } /* Showcase - Carousel */ .showcase-carousel .item { text-align: center; } .showcase-carousel .item .showcase-image { width: 350px; height: 193px; margin: 20px auto; border: 1px solid #E5E4E3; border-color: rgba(0, 0, 0, 0.1); background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } /* WP Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Media queries -------------------------------------------------------------- */ /* SMALLER THAN... */ /* Maximum 340 pixels. */ @media screen and (max-width:340px) { /* Footer newsletter */ .footer-top #MailingList { width: auto; max-width: 100%; text-align: center; } .footer-top #MailingList #address, .footer-top #MailingList .formSubmit, .footer-top #MailingList .sending { float: none; width: 100%; margin-left: 0; margin-right: 0; text-align: center; } .footer-top #MailingList .formSubmit { z-index: 1; position: relative; } .footer-top #MailingList .contactFormBottom { position: absolute; width: 100%; left: 0; margin-top: -42px; } } /* LARGET THAN... */ /* Minimum width of 640 pixels. */ @media screen and (min-width:700px) { /* Scroll Local Navigation */ .local-nav ul { display: block; } } /* Minimum width of 768 pixels. */ @media screen and (min-width:768px) { .container, .grid-wrapper [class*="grid-section-"] { padding: 0 2%; } /* If using layout manager, clear the '.contaner' styles */ .grid-wrapper .grid-row .container { padding: 0; } .h-section { margin-bottom: 80px; } /* Background color rows */ .bg-row { padding: 65px 0; } .margin-row { margin: 65px 0; } .bg-row .bg-color:not(.full-width):before, .bg-row .bg-color:not(.full-width):after { display: none; } .bg-row .bottom-edge { bottom: -65px; } .bg-row .xl-sub-headline + .bottom-edge { margin-top: -30px; } /* Fonts and Headings */ body .headline, body .big-headline, body .xl-headline { line-height: 1em; -webkit-text-stroke: .008em rgba(56, 55, 53, .5); } body .headline { line-height: 1.1em; } body .xl-headline, body .big-headline { font-size: 72px; -webkit-text-stroke: 0; } h1.headline, body .big-headline { font-size: 54px; -webkit-text-stroke: 0; } h2.headline { font-size: 42px; } h3.headline { font-size: 36px; } h4.headline { font-size: 30px; } h5.headline { font-size: 28px; } h6.headline { font-size: 22px; -webkit-text-stroke: .01em rgba(56, 55, 53, 1); } body .big-sub-headline { font-size: 16px; margin-bottom: 50px; } body .xl-sub-headline { font-size: 24px; margin-bottom: 50px; } /* Text */ .inset { margin-left: 42px; } /* Menu */ .main-navigation { height: 60px; } .navbar-top .navbar-inner, .navbar-inner { position: relative; /* z-index: 99; */ } #site-navigation { position: static; } #site-navigation .primary-nav-container { display: block !important; opacity: 1 !important; overflow: visible; background: transparent; height: 60px; } .menu-toggle { display: none; } .logged-in .nav-menu { padding-top: 0; } .nav-menu, .nav-menu > ul { display: inline-block; } .nav-menu > li { position: relative; float: left; } .nav-menu > li, .nav-menu li a { line-height: 40px; } .nav-menu li ul { top: 60px; } .nav-menu li ul { border: 1px solid #d1cfcd; border-color: #EDEBEA rgba(153, 151, 150, .3) rgba(153, 151, 150, .4); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10); display: none; position: absolute; padding-right: 10px; } .nav-menu li a { font-size: 13px; padding: 11px 9px 9px; } .nav-menu > li:hover > a, .nav-menu > li.hover > a { background-color: #F7F7F6; } .nav-menu > li ul li a:hover { background-color: transparent; color: #383735; } /* current top level menu */ .nav-menu > .current-menu-item > a { border-bottom: 3px solid #999796; padding-bottom: 6px; } /* Sub-menus */ .nav-menu ul.sub-menu, .nav-menu ul.sub-menu ul { padding: 10px 0; } .nav-menu li ul.sub-menu li a { padding: 6px 16px; } .nav-menu li ul.sub-menu li a, .nav-menu li ul.sub-menu li ul li a, .nav-menu li ul.sub-menu li ul li ul li a { padding-left: 16px; } #ToggleMenuOverlay { display: none; } /* Docked Navigation */ .docked-nav #site-navigation .primary-nav-container { padding: 10px 0 0; display: none !important; opacity: 0; overflow: hidden; background: #fff; height: auto; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20); } .docked-nav #site-navigation.toggle-open .primary-nav-container { display: block !important; } .docked-nav.logged-in #site-navigation .primary-nav-container { padding-top: 0; } .docked-nav .menu-toggle { display: block; } .docked-nav .nav-menu, .docked-nav .nav-menu > ul { display: block; } .docked-nav .nav-menu > li { float: none; position: static; } .docked-nav .nav-menu li ul { border: 0; padding: 0; display: block; position: static; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .docked-nav .nav-menu li a { font-size: 13px; } .docked-nav .nav-menu > li:hover > a, .docked-nav .nav-menu > li.hover > a { background-color: transparent; } .docked-nav .nav-menu > li > a:hover, .docked-nav #mega-menu-item .userDrop-container a:hover { background-color: #F7F7F6; text-decoration: none; } /* User Menu */ .nav-menu > li#mega-menu-item > a { display: block; } /* Top */ #Top .big-headline { margin-top: 24px; } /* Call to Action */ .cta .headline, .cta .btn, .cta .circled-element { display: inline-block; margin-right: 10px; margin-left: 10px; } .cta .btn { margin-top: 20px; } .cta .circled-element { margin: -5px 0 2px; } .bg-row .cta { margin: 0; } /* Content - Article post type (and some page/forum/etc styles) */ .guide-page .guide-content, .aside-block, .toc-wrapper, #bbpress-forums ul.bbp-replies { padding: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .guide-page .guide-content h1.entry-title { border-bottom: 1px solid #edebea; padding-bottom: .2em; font-size: 55px; } /* Content - Custom classes */ .entry-content .boxed, .entry-content .boxed-white { padding: 20px; } .entry-content .boxed-medium { width: 480px; } /* Content Lists */ .aside-block { border: 1px solid #d1cfcd; padding: 20px; } /* Table of contents */ .toc-wrapper, .children-block { border: 1px solid #E8E7E6; position: relative; } .toc-wrapper:before, .toc-wrapper:after { position: absolute; top: 25px; right: -20px; display: inline-block; border-top: 20px solid transparent; border-left: 20px solid #E8E7E6; border-bottom: 20px solid transparent; content: ''; } .toc-wrapper:after { right: -19px; border-left-color: #fff; } /* Child articles, topics, reference (added inside TOC container) */ .toc-wrapper .aside-block { margin: 0 -20px 0; border-radius: 0; padding-bottom: 0; padding-top: 0; border-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* child articles, but also has headings */ .toc-wrapper.has-headings .aside-block { margin-top: 25px; padding-top: 25px; border-width: 1px 0 0; } /* Comments */ #comments .commentlist li.comment { border: solid 2px #d1cfcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #comments .commentlist li.comment .comment-content { padding: 6px 25px 12px; } #comments .commentlist li.comment .comment-meta { padding-right: 25px; padding-left: 25px; } /* Inputs */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { width: auto; } /* Icon Box */ .icon-box .title img { width: 64px; height: 64px; } .icon-box h4.title { font-size: 20px; } /* Footer */ .copyright { text-align: right; margin: 0; } #FooterWrapper ul.footer-list { text-align: left; } /* Home Page */ #HomeHeader { max-height: 700px; } #HomeHeader .content-container { background: rgba(255, 255, 255, .6); } #HomeHeader .big-headline { font-size: 65px; } #HomeHeader .big-sub-headline { font-family: 'bariol', sans-serif; font-size: 32px; margin-bottom: 38px; line-height: 1.2; } #HomeHeader .button-download { font-size: 22px; padding: 19px 0 20px; } /* Features */ .home-features, .features { padding-top: 20px; } .feature-columns, .feature-grid { max-width: 1000px; } /* Credits Page */ .credits-column { display: table-cell; padding: 0 10px; } .credits-form .tablenav-pages { float: right; margin: 0 0 0 20px; } /* Join / Subscribe Page */ .subscriber-selections > .bg-row { padding-top: 145px } .subscriber-selections .subscription-column.span4 { width: 33.333333333333%; } .subscription-column.highlight-option { top: -40px; } } /* Minimum width of 960 pixels. */ @media screen and (min-width:960px) { /* Join / Subscribe Page */ .subscriber-selections .subscription-column.span4 { width: 30.55555555555556%;; margin-left: 4.16666666666667%; } .subscription-details span { font-size: 54px; } } /* Minimum width of 1024 pixels. */ @media screen and (min-width:1024px) { /* Scroll Local Navigation */ #LocalMenu, .local-nav { height: 60px; } .local-nav { font-size: 20px; padding-left: 0; line-height: 60px; } .local-nav ul li { padding: 0 20px; } .docked-nav .local-nav { text-align: center; padding-left: 0; } .docked-nav .local-nav ul li:first-child { border-left-width: 0; padding-left: 0; } .docked-nav .brand { height: 60px; } .docked-nav .brand img { height: auto; width: 150px; } .docked-nav .main-navigation { right: 20px; } .docked-nav .menu-toggle, .docked-nav .menu-toggle:hover, .docked-nav .menu-togle:active { padding: 11px; height: 60px; } .docked-nav .menu-toggle i { border-width: 1px; padding: 8px 10px; width: 44px; height: 39px; } /* Footer */ #Bottom .footer-install-count, #Bottom .footer-newsletter-form, #Bottom .footer-top-menu { margin-bottom: 0; } #Bottom .footer-install-count, #Bottom .footer-newsletter-form { float: left; text-align: left; } #Bottom .footer-newsletter-form { display: block; height: 85px; width: auto; } #Bottom .footer-install-count { margin-right: 50px; } #Bottom .footer-top-menu { float: right; text-align: right; margin-left: 40px; } #Bottom .footer-links { line-height: 35px; } .copyright .year { display: inline; } /* Widgets */ .widget_author_avatar { width: 125px; float: left; } .widget_ra_author_widget .widget_buttons { margin-left: 140px; clear: none; } /* Item Details Page */ .item-details .row-fluid.flex-row { position: relative; } .item-details .flex-row .flex-width-9 { margin-right: 283px; } .item-details .flex-row .fixed-width-3 { width: 283px; position: absolute; top: 0; right: 0; } .item-details-header .social a, .item-details-header .social .count { width: 46px; } .item-details-header .social .count { width: 95px; } } /* Minimum width of 1200 pixels. */ @media screen and (min-width:1200px) { #HomeHeader { max-height: 740px; padding: 100px 0; } #HomeHeader .content-container { height: 440px; margin: 50px auto; } /* Join / Subscribe Page */ .subscriber-selections .subscription-column { padding: 30px; } .subscription-details .duration { margin: 0 0 0 1.75em; padding: 0 0 0 1.75em; } } /* Minimum width of 1280 pixels. */ @media screen and (min-width:1280px) { /* Item Details Page */ .download-header #ItemPurchaseOptions { padding: 40px; } #ItemPurchaseOptions .price-select-menu { display: none; } #ItemPurchaseOptions .edd_price_options ul { background: transparent; border: 0; box-shadow: none; position: static; display: block !important; } #ItemPurchaseOptions .edd_price_options li.download_checked a { background: #fff; border: 1px solid #D1CFCD; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #ItemPurchaseOptions .edd_price_options li.download_checked a:hover { background-color: #fff; } #ItemPurchaseOptions .download_checked .item_bullet { visibility: visible; } #ItemPurchaseOptions .subscr_save { border: 1px solid #D1CFCD; border-width: 1px 0; margin: 10px 0 15px; } } /* ----- Layouts column structure ------ */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @-webkit-viewport { width: device-width } @-moz-viewport { width: device-width } @-ms-viewport { width: device-width } @-o-viewport { width: device-width } @viewport { width: device-width } /* Device specific visibility */ .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width:768px) and (max-width:979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width:767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .centered-phone { text-align: center !important; } /* custom */ } .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } /* Fluid (% based) columns */ .row-fluid [class*="span"] { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after, .row-fluid [class*="span"]:before, .row-fluid [class*="span"]:after { display: table; line-height: 0; content: ""; } .row-fluid:after, .row-fluid [class*="span"]:after { clear: both; } .row-fluid > [class*="span"] > *:last-child { margin-bottom: 0; } @media (min-width:768px) { /* Stop IE10 scrollbar overlap in large screens */ @-ms-viewport { width: auto !important; } /* Custom column and margin widths (based on 12 column system) -------------------------------------------------------------- */ .row-fluid [class*="span"], .no-layout #primary, .no-layout #sidebar { float: left; min-height: 30px; margin-left: 4.16666666666667%; *margin-left: 4.113475177304968%; } .no-layout.full-width #primary, .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.31944444444445%; *width: 91.26625295508274%; } .row-fluid .span10 { width: 82.63888888888889%; *width: 82.58569739952718%; } .row-fluid .span9 { width: 73.95833333333334%; *width: 73.90514184397163%; } .row-fluid .span8, .no-layout #primary { width: 65.27777777777778%; *width: 65.22458628841607%; } .row-fluid .span7 { width: 56.59722222222223%; *width: 56.54403073286052%; } .row-fluid .span6 { width: 47.91666666666667%; *width: 47.86347517730496%; } .row-fluid .span5 { width: 39.23611111111111%; *width: 39.1829196217494%; } .row-fluid .span4, .no-layout #sidebar { width: 30.55555555555556%; *width: 30.50236406619385%; } .row-fluid .span3 { width: 21.875%; *width: 21.82180851063829%; } .row-fluid .span2 { width: 13.19444444444444%; *width: 13.14125295508274%; } .row-fluid .span1 { width: 4.513888888888886%; *width: 4.460697399527184%; } /* Offset Positions */ .row-fluid .offset12 { margin-left: 108.3333333333333%; *margin-left: 108.28014184397%; } .row-fluid .offset12:first-child { margin-left: 104.1666666666667%; *margin-left: 104.1134751773%; } .row-fluid .offset11 { margin-left: 99.65277777777779%; *margin-left: 99.599586288416%; } .row-fluid .offset11:first-child { margin-left: 95.48611111111112%; *margin-left: 95.432919621749%; } .row-fluid .offset10 { margin-left: 90.97222222222223%; *margin-left: 90.919030732861%; } .row-fluid .offset10:first-child { margin-left: 86.80555555555556%; *margin-left: 86.752364066194%; } .row-fluid .offset9 { margin-left: 82.29166666666667%; *margin-left: 82.238475177305%; } .row-fluid .offset9:first-child { margin-left: 78.125%; *margin-left: 78.071808510638%; } .row-fluid .offset8 { margin-left: 73.61111111111112%; *margin-left: 73.557919621749%; } .row-fluid .offset8:first-child { margin-left: 69.44444444444445%; *margin-left: 69.391252955083%; } .row-fluid .offset7 { margin-left: 64.93055555555556%; *margin-left: 64.877364066194%; } .row-fluid .offset7:first-child { margin-left: 60.76388888888889%; *margin-left: 60.710697399527%; } .row-fluid .offset6 { margin-left: 56.25000000000001%; *margin-left: 56.196808510638%; } .row-fluid .offset6:first-child { margin-left: 52.08333333333334%; *margin-left: 52.030141843972%; } .row-fluid .offset5 { margin-left: 47.56944444444445%; *margin-left: 47.516252955083%; } .row-fluid .offset5:first-child { margin-left: 43.40277777777778%; *margin-left: 43.349586288416%; } .row-fluid .offset4 { margin-left: 38.88888888888889%; *margin-left: 38.835697399527%; } .row-fluid .offset4:first-child { margin-left: 34.72222222222222%; *margin-left: 34.669030732861%; } .row-fluid .offset3 { margin-left: 30.20833333333334%; *margin-left: 30.155141843972%; } .row-fluid .offset3:first-child { margin-left: 26.04166666666667%; *margin-left: 25.988475177305%; } .row-fluid .offset2 { margin-left: 21.52777777777778%; *margin-left: 21.474586288416%; } .row-fluid .offset2:first-child { margin-left: 17.36111111111111%; *margin-left: 17.307919621749%; } .row-fluid .offset1 { margin-left: 12.84722222222223%; *margin-left: 12.794030732861%; } .row-fluid .offset1:first-child { margin-left: 8.680555555555556%; *margin-left: 8.6273640661939%; } /* Adjust position (push/pull) */ .row-fluid [class*="span"].pull12 { margin-left: -100%; } .row-fluid [class*="span"].pull11 { margin-left: -91.31944444444445%; } .row-fluid [class*="span"].pull10 { margin-left: -82.63888888888889%; } .row-fluid [class*="span"].pull9 { margin-left: -73.95833333333334%; } .row-fluid [class*="span"].pull8 { margin-left: -65.27777777777778%; } .row-fluid [class*="span"].pull7 { margin-left: -56.59722222222223%; } .row-fluid [class*="span"].pull6 { margin-left: -47.91666666666667%; } .row-fluid [class*="span"].pull5 { margin-left: -39.23611111111111%; } .row-fluid [class*="span"].pull4 { margin-left: -30.55555555555556%; } .row-fluid [class*="span"].pull3 { margin-left: -21.875%; } .row-fluid [class*="span"].pull2 { margin-left: -13.19444444444444%; } .row-fluid [class*="span"].pull1 { margin-left: -4.513888888888886%; } } /* Print ----------------------------------------------- */ @media print { }