/*! * Theme Name: Biancaa * Theme URI: http://www.theme-junkie.com/themes/biancaa/ * Description: BiancaA is a minimal, mobile ready, beautiful and easy-to-use Photoblogging WordPress theme. * Version: 1.0.4 * Author: Theme Junkie * Author URI: http://www.theme-junkie.com/ * Tags: gray, white, dark, light, one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-menu, editor-style, sticky-post, threaded-comments, translation-ready, photoblogging * Text Domain: biancaa * * License: GNU General Public License v2.0 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html * * Biancaa WordPress Theme, Copyright 2014 - 2015 http://www.theme-junkie.com/ * Biancaa is distributed under the terms of the GNU GPL * * Please DO NOT EDIT THIS FILE, if you want to customize the styles, you can create a child theme * See: http://codex.wordpress.org/Child_Themes */ /*------------------------------------*\ $CONTENTS \*------------------------------------*/ /** * LAYOUTS * * BASE * - NORMALIZE * - MAIN * - SHARED * - TYPOGRAPHY * - FORM * - TABLE * - IMAGE * * MODULES * - HEADER * - NAVIGATIONS * - SLIDER * - FEATUREDTEXT * - CONTENTS * - WIDGETS * - COMMENTS * - PAGINATIONS * - FOOTER * * PAGES * - ARCHIVE * - SEARCH * - ABOUT * * PLUGINS * STATE * GLOBAL */ /*------------------------------------*\ $LAYOUT \*------------------------------------*/ .site { max-width: 1120px; margin-left: auto; margin-right: auto; background-color: white; } .site:after { content: " "; display: block; clear: both; } @media screen and (min-width: 320px) { .site { padding: 0 20px 20px; padding: 0 1.53846rem 1.53846rem; } } @media screen and (min-width: 480px) { .site { padding: 0 40px 20px; padding: 0 3.07692rem 1.53846rem; } } @media screen and (min-width: 568px) { .site { padding: 0 80px 20px; padding: 0 6.15385rem 1.53846rem; } } .container { max-width: 960px; margin-left: auto; margin-right: auto; } .container:after { content: " "; display: block; clear: both; } .layout-1c-narrow .container { max-width: 800px; margin-left: auto; margin-right: auto; } .layout-1c-narrow .container:after { content: " "; display: block; clear: both; } @media screen and (min-width: 320px) { .layout-2c-l .content-area { width: 100%; float: right; margin-right: 0; } } @media screen and (min-width: 801px) { .layout-2c-l .content-area { width: 68.84615%; float: left; margin-right: 3.84615%; } } @media screen and (min-width: 320px) { .layout-2c-l .widget-area { width: 100%; float: right; margin-right: 0; } } @media screen and (min-width: 801px) { .layout-2c-l .widget-area { width: 27.30769%; float: right; margin-right: 0; } } @media screen and (min-width: 320px) { .layout-2c-r .content-area { width: 100%; float: right; margin-right: 0; } } @media screen and (min-width: 801px) { .layout-2c-r .content-area { width: 68.84615%; float: right; margin-right: 0; } } @media screen and (min-width: 320px) { .layout-2c-r .widget-area { width: 100%; float: right; margin-right: 0; } } @media screen and (min-width: 801px) { .layout-2c-r .widget-area { width: 27.30769%; float: left; margin-right: 3.84615%; } } .layout-1c .content-area, .layout-1c-narrow .content-area { width: 100%; } .layout-1c .widget-area, .layout-1c-narrow .widget-area { display: none; } /*------------------------------------*\ $NORMALIZE \*------------------------------------*/ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*------------------------------------*\ $MAIN \*------------------------------------*/ *, *:before, *:after { box-sizing: border-box; } * html { font-size: 81.25%; } html { font-size: 13px; line-height: 1.5em; min-height: 100%; } body { background: #f2f2f2; color: #878787; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; } /** * Selection Color. */ ::-moz-selection { background: black; color: white; text-shadow: none; } ::selection { background: black; color: white; text-shadow: none; } ::-moz-selection { background: black; color: white; text-shadow: none; } /*------------------------------------*\ $SHARED \*------------------------------------*/ .alignleft { float: left; margin-right: 1.5em; } .alignright { float: right; margin-left: 1.5em; } .aligncenter { clear: both; } .alignnone { display: block; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .sticky, .bypostauthor { background: inherit; color: inherit; } /*------------------------------------*\ $TYPOGRAPHY \*------------------------------------*/ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { direction: ltr; margin: 0; padding: 0; } /** * Set link colors. */ a { transition: all 200ms ease-in-out 0s; color: #1abc9c; text-decoration: none; } a:visited { color: #17a689; } a:hover, a:visited:hover { color: #28e1bd; text-decoration: none; } /** * Headings. */ h1, h2, h3, h4, h5, h6 { margin: 11px 0; margin: 0.80769rem 0; color: #444444; font-family: "Raleway", sans-serif; font-style: normal; font-weight: 400; letter-spacing: -1px; } h1, .h1 { font-size: 36px; font-size: 2.76923rem; line-height: 1.1em; } h2, .h2 { font-size: 30px; font-size: 2.30769rem; line-height: 1.1em; } h3, .h3 { font-size: 24px; font-size: 1.84615rem; line-height: 1.3em; } h4, .h4 { font-size: 20px; font-size: 1.53846rem; line-height: 1.3em; } h5, .h5 { font-size: 16px; font-size: 1.23077rem; } h6, .h6 { font-size: 14px; font-size: 1.07692rem; } /** * Text elements. */ p { margin: 0 0 21px; margin: 0 0 1.61538rem; } abbr[title], dfn[title] { cursor: help; } del { color: #aaaaaa; text-decoration: line-through; vertical-align: baseline; } pre { margin: 21px 0; margin: 1.61538rem 0; padding: 21px; padding: 1.61538rem; background-color: #fafafa; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; color: #2080ad; } code { color: #2080ad; } ins { background: #fff9c0; text-decoration: none; } blockquote { margin: 21px 40px; margin: 1.61538rem 3.07692rem; padding-left: 20px; padding-left: 1.53846rem; border-left: 3px solid #eeeeee; color: #aaaaaa; font-style: italic; font-family: Georgia, Cambria, "Times New Roman", Times, serif; } blockquote cite { padding: 10px 0 0 20px; padding: 0.76923rem 0 0 1.53846rem; color: #555555; display: block; position: relative; } blockquote cite:before { content: '\2014'; left: 0; position: absolute; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { margin: 0 0 21px; margin: 0 0 1.61538rem; display: block; } ul, ol { margin: 13px 0; margin: 1rem 0; padding: 0 0 0 21px; padding: 0 0 0 1.61538rem; } ul { list-style: disc; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } li ul, li ol { margin: 0; } dl { margin: 21px; margin: 1.61538rem; } dt { font-weight: 700; } dd { margin-bottom: 21px; margin-bottom: 1.61538rem; } hr { margin: 21px 0; margin: 1.61538rem 0; border-top: 1px solid #efefef; border-bottom: 0; border-right: 0; border-left: 0; clear: both; height: 1px; min-height: 0; } hr.dotted { border-style: dotted; } hr.dashed { border-style: dashed; } hr.blackborder { border-color: black; } hr.whiteborder { border-color: white; } /** * Print styles. */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*------------------------------------*\ $FORM \*------------------------------------*/ form { font-size: 13px; font-size: 1rem; } input[type="search"]::-webkit-search-decoration { display: none; } input:invalid, button:invalid, a.button:invalid, select:invalid, textarea:invalid { box-shadow: none; } input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { box-shadow: none; } button, a.button, input[type="reset"], input[type="submit"], input[type="button"] { font-size: 12px; font-size: 0.92308rem; padding: 3px 10px; padding: 0.23077rem 0.76923rem; -webkit-appearance: none; background-clip: padding-box; border-radius: 0; transition: all 200ms ease-in-out 0s; background-color: #19ba9a; border: 1px solid #19ba9a; cursor: pointer; color: white; display: inline-block; font-family: "Open Sans", sans-serif; font-weight: 700; outline: 0; overflow: visible; margin: 0; text-decoration: none; vertical-align: top; width: auto; } button:hover, a.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background-color: #1cd0ad; text-decoration: none; } button::-moz-focus-inner, a.button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { padding: 5px; padding: 0.38462rem; font-size: 13px; font-size: 1rem; box-sizing: border-box; background-clip: padding-box; border-radius: 0; -webkit-appearance: none; background-color: #fafafa; border: 1px solid #efefef; color: #878787; font-family: "Open Sans", sans-serif; outline: 0; margin: 0; text-align: left; height: 3em; vertical-align: top; } textarea[disabled], select[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eee; } textarea:focus, select:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { background-color: white; } button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], a.button_disabled { box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #888; cursor: default; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; } input:-moz-placeholder, textarea:-moz-placeholder { color: #888888; } input.placeholder_text, textarea.placeholder_text { color: #888888; } [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; } textarea, select[size], select[multiple] { height: auto; } select[size="0"], select[size="1"] { height: 2.5em; } @media (-webkit-min-device-pixel-ratio: 0) { select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; } select, select[size="0"], select[size="1"] { background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } ::-webkit-validation-bubble-message { box-shadow: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black)); border: 0; color: white; font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif; overflow: hidden; padding: 15px 15px 17px; text-shadow: black 0 0 1px; min-height: 16px; } ::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow { box-shadow: none; background: #666; border-color: #666; } } textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; } optgroup { color: #878787; font-style: normal; font-weight: normal; font-family: "Open Sans", sans-serif; } optgroup::-moz-focus-inner { border: 0; padding: 0; } table { margin: 0 0 24px; width: 100%; } caption, th { font-weight: bold; } th, td { padding: 4px; border-bottom: 1px solid #c5c5c5; } /*------------------------------------*\ $IMAGE \*------------------------------------*/ figure { max-width: 100%; margin: 1em 0; } figure > img { display: block; } img { height: auto; max-width: 100%; } img[class*="align"], img[class*="attachment-"] { height: auto; } embed, iframe, object { max-width: 100%; width: 100%; } .wp-caption img { margin-bottom: 5px; margin-bottom: 0.38462rem; } .wp-caption-text { font-style: italic; color: #999999; } /** * Gallery * Taken from Twenty Fourteen theme. */ .gallery { margin-bottom: 20px; margin-bottom: 1.53846rem; } .gallery-item { margin: 0 4px 4px 0; margin: 0 0.30769rem 0.30769rem 0; float: left; overflow: hidden; position: relative; } .gallery-icon a, .gallery-icon img { display: block; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { padding: 2px 8px; padding: 0.15385rem 0.61538rem; font-size: 12px; font-size: 0.92308rem; background-color: black; background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: white; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 50px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*------------------------------------*\ $HEADER \*------------------------------------*/ .site-header { padding: 60px 0; padding: 4.61538rem 0; text-align: center; } .site-header .site-title { margin-bottom: 0; color: black; } .site-header .site-title a { color: black; } @media screen and (min-width: 320px) { .site-header .site-title { font-size: 42px; font-size: 3.23077rem; } } @media screen and (min-width: 480px) { .site-header .site-title { font-size: 50px; font-size: 3.84615rem; } } @media screen and (min-width: 568px) { .site-header .site-title { font-size: 60px; font-size: 4.61538rem; } } .site-header .site-description { font-size: 15px; font-size: 1.15385rem; margin-top: 0; color: #878787; font-family: "Open Sans", sans-serif; font-style: italic; letter-spacing: 0; } .site-header .avatar { border-radius: 100px; } /*------------------------------------*\ $NAVIGATIONS \*------------------------------------*/ /** * Primary Navigation */ @media screen and (min-width: 320px) { .main-navigation { transition: width 0.3s ease; position: fixed; top: 0; left: 0; margin-bottom: 0; width: 0; height: 100%; overflow: auto; z-index: 9; background: #000; } } @media screen and (min-width: 601px) { .main-navigation { margin-bottom: 60px; margin-bottom: 4.61538rem; transition: none; position: relative; overflow: visible; width: 100%; background: transparent; } } @media screen and (min-width: 320px) { .main-navigation .menu-wrapper { border: 0; } } @media screen and (min-width: 601px) { .main-navigation .menu-wrapper { border-top: 1px solid #efefef; border-bottom: 5px solid black; } } @media screen and (min-width: 320px) { .menu-primary-items { text-align: left; } } @media screen and (min-width: 601px) { .menu-primary-items { text-align: center; } } .menu-primary-items li { margin-left: -4px; margin-left: -0.30769rem; position: relative; } @media screen and (min-width: 320px) { .menu-primary-items li { display: block; } .menu-primary-items li.current-menu-item a { background-color: #141414; } } @media screen and (min-width: 601px) { .menu-primary-items li { display: inline-block; } } .menu-primary-items li.current-menu-item a, .menu-primary-items li.sfHover .sf-with-ul { background-color: black; color: white; } .menu-primary-items li:hover > .sub-menu { display: block; } .menu-primary-items a { padding: 10px 21px; padding: 0.76923rem 1.61538rem; display: block; text-transform: uppercase; } @media screen and (min-width: 320px) { .menu-primary-items a { color: white; } .menu-primary-items a:hover { background-color: #141414; color: white; } } @media screen and (min-width: 601px) { .menu-primary-items a { margin-top: 3px; margin-top: 0.23077rem; color: #555555; } .menu-primary-items a:hover { background-color: black; color: white; } } .menu-primary-items .sub-menu { text-align: left; background-color: black; } @media screen and (min-width: 320px) { .menu-primary-items .sub-menu { padding-left: 20px; padding-left: 1.53846rem; position: relative; display: block; width: 100%; } .menu-primary-items .sub-menu .sub-menu { left: 0 !important; } } @media screen and (min-width: 601px) { .menu-primary-items .sub-menu { position: absolute; display: none; padding: 0; } .menu-primary-items .sub-menu .sub-menu { left: 100% !important; } } .menu-primary-items .sub-menu li { display: block; margin-left: 0; } .menu-primary-items .sub-menu a { color: white; } .menu-primary-items .sub-menu a:hover { background-color: #141414; } /** * Mobile Menu */ #toggle-menu { display: none; } .open-toggle-menu { left: 30px; left: 2.30769rem; top: 20px; top: 1.53846rem; position: absolute; color: #555555; cursor: pointer; } @media screen and (min-width: 320px) { .open-toggle-menu { display: block; } } @media screen and (min-width: 601px) { .open-toggle-menu { display: none; } } .open-toggle-menu .genericon { font-size: 32px; font-size: 2.46154rem; width: 32px; height: 32px; } .close-toggle-menu { padding: 10px; padding: 0.76923rem; font-size: 14px; font-size: 1.07692rem; cursor: pointer; background-color: #555555; color: white; } @media screen and (min-width: 320px) { .close-toggle-menu { display: block; } } @media screen and (min-width: 601px) { .close-toggle-menu { display: none; } } .close-toggle-menu .genericon { font-size: 22px; font-size: 1.69231rem; width: 22px; height: 22px; } @media screen and (min-width: 320px) { #toggle-menu:checked + .main-navigation { width: 70%; } } @media screen and (min-width: 480px) { #toggle-menu:checked + .main-navigation { width: 45%; } } @media screen and (min-width: 568px) { #toggle-menu:checked + .main-navigation { width: 40%; } } /** * Social Navigation */ @media screen and (min-width: 320px) { .social-navigation { width: 100%; float: right; margin-right: 0; } .social-navigation .menu-social-items { text-align: center; } } @media screen and (min-width: 801px) { .social-navigation { width: 68.84615%; float: right; margin-right: 0; } .social-navigation .menu-social-items { text-align: right; } } .menu-social-items li { padding: 0 3px; padding: 0 0.23077rem; display: inline-block; } .social-navigation li a::before { display: inline-block; width: 20px; height: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: top; } .social-navigation li a[href*="codepen.io"]::before { content: '\f216'; color: #222; } .social-navigation li a[href*="digg.com"]::before { content: '\f221'; color: #222; } .social-navigation li a[href*="dribbble.com"]::before { content: '\f201'; color: #ea4c89; } .social-navigation li a[href*="dropbox.com"]::before { content: '\f225'; color: #007ee5; } .social-navigation li a[href*="facebook.com"]::before { content: '\f203'; color: #3b5998; } .social-navigation li a[href*="flickr.com"]::before { content: '\f211'; color: #ff0084; } .social-navigation li a[href*="plus.google.com"]::before { content: '\f206'; color: #dd4b39; } .social-navigation li a[href*="github.com"]::before { content: '\f200'; color: #222; } .social-navigation li a[href*="instagram.com"]::before { content: '\f215'; color: #d3682e; } .social-navigation li a[href*="linkedin.com"]::before { content: '\f208'; color: #0e76a8; } .social-navigation li a[href*="pinterest.com"]::before { content: '\f210'; color: #c8232c; } .social-navigation li a[href*="polldaddy.com"]::before { content: '\f217'; color: #bc0b0b; } .social-navigation li a[href*="getpocket.com"]::before { content: '\f224'; color: #ee4056; } .social-navigation li a[href*="reddit.com"]::before { content: '\f222'; color: #336699; } .social-navigation li a[href*="skype.com"]::before, .social-navigation li a[href*="skype:"]::before { content: '\f220'; color: #00aff0; } .social-navigation li a[href*="stumbleupon.com"]::before { content: '\f223'; color: #ff2618; } .social-navigation li a[href*="tumblr.com"]::before { content: '\f214'; color: #34526f; } .social-navigation li a[href*="twitter.com"]::before { content: '\f202'; color: #33ccff; } .social-navigation li a[href*="vimeo.com"]::before { content: '\f212'; color: #1AB7EA; } .social-navigation li a[href*="wordpress.org"]::before, .social-navigation li a[href*="wordpress.com"]::before { content: '\f205'; color: #464646; } .social-navigation li a[href*="youtube.com"]::before { content: '\f213'; color: #c4302b; } /*------------------------------------*\ $SLIDER \*------------------------------------*/ .slides .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .slides { margin-bottom: 60px; margin-bottom: 4.61538rem; display: none; position: relative; width: 100%; -ms-touch-action: pan-y; border-bottom: 10px solid black; } .slides a { display: block; position: relative; } .slides img { display: block; } .has-featured-text .slides { margin-bottom: 0; } .slides-item:hover .slide-title, .slides-item:hover .published { background-color: black; color: white; } .slide-data { right: 50px; right: 3.84615rem; bottom: 100px; bottom: 7.69231rem; position: absolute; } @media screen and (min-width: 320px) { .slide-data { visibility: hidden; } } @media screen and (min-width: 601px) { .slide-data { visibility: visible; } } .slide-title { padding: 5px 10px; padding: 0.38462rem 0.76923rem; font-size: 35px; font-size: 2.69231rem; transition: all 200ms ease-in-out 0s; margin-bottom: 0; background-color: white; } .published { padding: 5px 20px; padding: 0.38462rem 1.53846rem; font-size: 12px; font-size: 0.92308rem; transition: all 200ms ease-in-out 0s; background-color: white; color: #999; display: inline-block; } .slides .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .slides .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .slides .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; } .slides .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .grabbing a { cursor: url(assets/img/grabbing.png) 8 8, move; } .slides .owl-wrapper, .slides .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-theme .owl-controls { position: absolute; bottom: 7px; left: 2px; } @media screen and (min-width: 320px) { .owl-theme .owl-controls { display: none !important; } } @media screen and (min-width: 480px) { .owl-theme .owl-controls { display: block !important; } } .owl-theme .owl-controls .owl-buttons div { color: #444; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 0; padding: 3px 10px; font-size: 14px; border-radius: 0; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 0; filter: Alpha(Opacity=50); opacity: 1; border-radius: 0; background: #fff; } .owl-theme .owl-controls .owl-page.active span.owl-numbers { background-color: black; color: white; } .owl-theme .owl-controls .owl-page span.owl-numbers { transition: all 200ms ease-in-out 0s; height: auto; width: auto; color: #444; padding: 5px 14px; font-size: 14px; border-radius: 0; } .owl-theme .owl-controls .owl-page span.owl-numbers:hover { background-color: black; color: white; } .owl-item.loading { min-height: 150px; background: url(assets/img/AjaxLoader.gif) no-repeat center center; } /*------------------------------------*\ $FEATUREDTEXT \*------------------------------------*/ .has-featured-text .featured-text { padding: 30px 0; padding: 2.30769rem 0; margin-bottom: 60px; margin-bottom: 4.61538rem; clear: both; border-bottom: 1px solid #efefef; text-align: center; } .has-featured-text .featured-text p { margin: auto; line-height: 1.3em; } @media screen and (min-width: 320px) { .has-featured-text .featured-text p { font-size: 14px; font-size: 1.07692rem; width: 100%; } } @media screen and (min-width: 480px) { .has-featured-text .featured-text p { font-size: 18px; font-size: 1.38462rem; } } @media screen and (min-width: 600px) { .has-featured-text .featured-text p { font-size: 20px; font-size: 1.53846rem; } } @media screen and (min-width: 768px) { .has-featured-text .featured-text p { font-size: 24px; font-size: 1.84615rem; } } @media screen and (min-width: 1025px) { .has-featured-text .featured-text p { width: 68.84615%; } } /*------------------------------------*\ $CONTENTS \*------------------------------------*/ article.page { margin-bottom: 60px; margin-bottom: 4.61538rem; padding-bottom: 10px; padding-bottom: 0.76923rem; border-bottom: 1px solid #efefef; } .post { margin-bottom: 60px; margin-bottom: 4.61538rem; padding-bottom: 20px; padding-bottom: 1.53846rem; border-bottom: 1px solid #efefef; } .post .img-link { margin-bottom: 25px; margin-bottom: 1.92308rem; position: relative; display: block; } .post .img-link img { display: block; } @media screen and (min-width: 320px) { .post .img-link:hover > .entry-title, .post .img-link:hover > .published { background-color: transparent; color: inherit; } } @media screen and (min-width: 480px) { .post .img-link:hover > .entry-title, .post .img-link:hover > .published { background-color: black; color: white; } } .post.has-post-thumbnail .entry-title { transition: all 200ms ease-in-out 0s; left: 0; background-color: white; } @media screen and (min-width: 320px) { .post.has-post-thumbnail .entry-title { font-size: 28px; font-size: 2.15385rem; bottom: 0; padding: 0; position: relative; } } @media screen and (min-width: 480px) { .post.has-post-thumbnail .entry-title { padding: 5px 10px; padding: 0.38462rem 0.76923rem; bottom: 66px; bottom: 5.07692rem; position: absolute; } } @media screen and (min-width: 768px) { .post.has-post-thumbnail .entry-title { font-size: 35px; font-size: 2.69231rem; } } .post.has-post-thumbnail .published { transition: all 200ms ease-in-out 0s; } @media screen and (min-width: 320px) { .post.has-post-thumbnail .published { bottom: 0; padding: 0; position: relative; } } @media screen and (min-width: 480px) { .post.has-post-thumbnail .published { bottom: 48px; bottom: 3.69231rem; padding: 5px 20px 5px 10px; padding: 0.38462rem 1.53846rem 0.38462rem 0.76923rem; position: absolute; } } .post.no-post-thumbnail .entry-title { margin-bottom: 8px; margin-bottom: 0.61538rem; padding: 0; } .post.no-post-thumbnail .entry-title a { color: #444444; } .post.no-post-thumbnail .published { margin-bottom: 8px; margin-bottom: 0.61538rem; padding: 0; } .post.no-post-thumbnail .img-link:hover > .entry-title, .post.no-post-thumbnail .img-link:hover > .published { background-color: transparent; color: inherit; } .published { padding: 5px 20px 5px 10px; padding: 0.38462rem 1.53846rem 0.38462rem 0.76923rem; font-size: 12px; font-size: 0.92308rem; transition: all 200ms ease-in-out 0s; background-color: white; color: #999999; display: inline-block; } .singular-post { padding-bottom: 10px; padding-bottom: 0.76923rem; margin-bottom: 40px; margin-bottom: 3.07692rem; } .singular-post.has-post-thumbnail .header-content { right: 0; left: auto; bottom: 0; margin-bottom: 0; background-color: white; } @media screen and (min-width: 320px) { .singular-post.has-post-thumbnail .header-content { padding: 0; position: relative; width: 100%; } } @media screen and (min-width: 601px) { .singular-post.has-post-thumbnail .header-content { padding: 16px 20px 0; padding: 1.23077rem 1.53846rem 0; position: absolute; width: 91%; } } .singular-post.has-post-thumbnail .entry-title { margin: 6px 0 0; margin: 0.46154rem 0 0; background-color: transparent; } @media screen and (min-width: 480px) { .singular-post.has-post-thumbnail .entry-title { bottom: 0; bottom: 0; padding: 0; position: relative; } } @media screen and (min-width: 320px) { .singular-post.has-post-thumbnail .entry-content, .singular-post.has-post-thumbnail .entry-meta { margin-left: 0; } } @media screen and (min-width: 601px) { .singular-post.has-post-thumbnail .entry-content, .singular-post.has-post-thumbnail .entry-meta { margin-left: 78px; margin-left: 6rem; } } .singular-post.no-post-thumbnail .entry-content, .singular-post.no-post-thumbnail .entry-meta { margin-left: 0; } .singular-post .entry-footer { padding-top: 10px; padding-top: 0.76923rem; font-size: 12px; font-size: 0.92308rem; border-top: 1px solid #efefef; font-weight: 600; text-transform: uppercase; } .singular-post .entry-footer a { display: inline-block; color: #555555; } .singular-post .entry-footer a:hover { color: #1abc9c; } .singular-post .entry-footer .genericon { font-size: 20px; font-size: 1.53846rem; margin-right: 5px; margin-right: 0.38462rem; color: #555555; } .singular-post .entry-footer .author .genericon { margin-right: 2px; margin-right: 0.15385rem; } .singular-post .entry-footer .published { margin-right: 25px; margin-right: 1.92308rem; padding: 0; position: relative; bottom: 0; background: transparent; color: #555555; line-height: 1.5em; } .singular-post .entry-footer .comments-link { position: relative; line-height: 1.5em; } @media screen and (min-width: 320px) { .singular-post .entry-footer .comments-link { padding-top: 12px; padding-top: 0.92308rem; float: left; } } @media screen and (min-width: 480px) { .singular-post .entry-footer .comments-link { padding-left: 25px; padding-left: 1.92308rem; padding-top: 0; float: right; } } .cat-links { font-weight: 700; } .tags-links a { background: #f2f2f2; display: inline-block; color: #999; padding: 3px 7px; margin: 0 5px 2px 0; border-radius: 2px; } .tags-links a:hover { background-color: #1abc9c; color: white; } .entry-header { margin-bottom: 15px; margin-bottom: 1.15385rem; position: relative; } .entry-header img { display: block; } .entry-meta { padding: 10px 0 40px; padding: 0.76923rem 0 3.07692rem; font-size: 12px; font-size: 0.92308rem; color: #ababab; } .entry-meta .cat-links { display: block; } .hentry .edit-link { clear: both; display: block; } .entry-summary { color: #555; } @media screen and (min-width: 320px) { .entry-summary { font-size: 13px; font-size: 1rem; line-height: 1.7em; } } @media screen and (min-width: 600px) { .entry-summary { font-size: 14px; font-size: 1.07692rem; line-height: 1.6em; } } .entry-content { color: #555; font-size: 14px; font-size: 1.07692rem; line-height: 1.6em; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 1.5em 0 1em; } .entry-byline { font-size: 13px; font-size: 1rem; color: #999; text-transform: uppercase; letter-spacing: 1px; } .entry-byline a, .entry-byline a:visited { color: #999; } .entry-byline a:hover { color: #1abc9c; } .entry-byline .sep { margin: 0 5px; color: #DDD; } /** * 404 Page */ .error-404 .search-submit { padding: 10px; padding: 0.76923rem; } /** * Custom Ninja Form style */ .ninja-forms-required-items { margin-bottom: 14px; margin-bottom: 1.07692rem; font-size: 12px; font-size: 0.92308rem; font-style: italic; } .contact-form .field-wrap.label-above input.ninja-forms-field { width: 50%; } .contact-form .field-wrap.label-above input[type="submit"] { width: auto; } .contact-form .field-wrap.label-above textarea { height: 14em; } /** * Jetpack compatibility */ .sharedaddy .sd-title { font-family: "Open Sans", sans-serif; } .sharedaddy.jetpack-likes-widget-wrapper { height: auto; } .comment-form .comment-subscription-form { margin-bottom: 5px; margin-bottom: 0.38462rem; } .contact-form .pushbutton-wide { padding: 10px 40px; padding: 0.76923rem 3.07692rem; } /* Author box. */ .author-box { border: 2px solid #eee; position: relative; padding: 15px 15px 10px 95px; color: #888; margin-bottom: 40px; } .author-box:before { content: ''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eee; position: absolute; top: -10px; left: 13px; } .author-box .avatar { float: left; margin: 0 0 8px -80px; width: 64px; height: auto; position: relative; } .author-box .author-title { font-size: 16px; font-size: 1.23077rem; text-transform: capitalize; color: #555; font-weight: 600; } .author-box .author-title a { color: #555; } .author-box p { margin-bottom: 8px; } /* Related posts. */ .related-posts { margin-bottom: 40px; margin-bottom: 3.07692rem; padding-bottom: 40px; padding-bottom: 3.07692rem; border-bottom: 1px solid #efefef; } .related-posts h3 { margin-bottom: 28px; margin-bottom: 2.15385rem; } .related-posts li { width: 29.55866%; float: left; margin-right: 5.58659%; } .related-posts li:last-child { float: right; margin-right: 0; } .related-posts .related-title { font-size: 16px; font-size: 1.23077rem; } .related-posts .related-title a { color: #444; } .related-posts .entry-published { font-size: 12px; font-size: 0.92308rem; color: #ababab; } .related-posts img { transition: opacity 0.2s ease; } .related-posts img:hover { opacity: 0.75; } /*------------------------------------*\ $WIDGETS \*------------------------------------*/ .widget { margin-bottom: 40px; margin-bottom: 3.07692rem; } .widget li { padding: 2px 0; padding: 0.15385rem 0; } .widget select { max-width: 100%; width: 100%; } .widget-title { font-size: 11px; font-size: 0.84615rem; font-family: "Open Sans", sans-serif; color: #aaaaaa; text-transform: uppercase; letter-spacing: 0; } /** * Search widget */ @media screen and (min-width: 320px) { .widget_search .search-field { width: 75%; } } @media screen and (min-width: 480px) { .widget_search .search-field { width: 83%; } } @media screen and (min-width: 600px) { .widget_search .search-field { width: 85%; } } @media screen and (min-width: 801px) { .widget_search .search-field { width: 70%; } } .widget_search .search-submit { height: 3.2em; } /** * About widget */ .about-widget-content .avatar { margin-right: 10px; margin-right: 0.76923rem; float: left; } .about-widget-content li { margin-right: 10px; margin-right: 0.76923rem; display: inline-block; } .about-widget-content .genericon { font-size: 30px; font-size: 2.30769rem; width: 30px; height: 30px; } .about-widget-content .genericon-twitter { color: #33ccff; } .about-widget-content .genericon-facebook { color: #3b5998; } .about-widget-content .genericon-googleplus { color: #dd4b39; } .about-widget-content .genericon-linkedin-alt { color: #0e76a8; } /** * Recent Posts Widget Extended widget */ .recent-posts-extended h3 { font-family: "Open Sans", sans-serif; } .recent-posts-extended .published { padding: 0; } /** * Sidebar Subsidiary */ .widget-subsidiary { padding-top: 25px; padding-top: 1.92308rem; margin-bottom: 14px; margin-bottom: 1.07692rem; border-top: 5px solid black; border-bottom: 1px solid #efefef; } @media screen and (min-width: 320px) { .widget-subsidiary .widget { width: 100%; float: right; margin-right: 0; } } @media screen and (min-width: 801px) { .widget-subsidiary .widget { width: 16.92308%; float: left; margin-right: 3.84615%; } } .widget-subsidiary .widget:nth-child(5n) { float: right; margin-right: 0; } /** * Jetpack subscribtion widget. */ .jetpack_subscription_widget { padding: 10px 18px; padding: 0.76923rem 1.38462rem; background: #333; color: white; } @media screen and (min-width: 320px) { .jetpack_subscription_widget #subscribe-email { margin-bottom: 10px; margin-bottom: 0.76923rem; width: 100%; } } @media screen and (min-width: 1024px) { .jetpack_subscription_widget #subscribe-email { width: 66%; float: left; } } .jetpack_subscription_widget #subscribe-email input { padding: 3px; padding: 0.23077rem; } @media screen and (min-width: 320px) { .jetpack_subscription_widget #subscribe-email input { width: 100%; } } @media screen and (min-width: 320px) { .jetpack_subscription_widget #subscribe-submit { width: 100%; } } @media screen and (min-width: 1024px) { .jetpack_subscription_widget #subscribe-submit { float: right; width: 34%; } } .jetpack_subscription_widget #subscribe-submit input { padding: 10px; padding: 0.76923rem; } /*------------------------------------*\ $COMMENTS \*------------------------------------*/ .comments-area { margin-bottom: 60px; margin-bottom: 4.61538rem; } .comments-title { font-size: 30px; font-size: 2.30769rem; margin-bottom: 60px; margin-bottom: 4.61538rem; padding-bottom: 14px; padding-bottom: 1.07692rem; border-bottom: 1px solid #efefef; } .comment-list .children { padding-left: 40px; padding-left: 3.07692rem; list-style-type: none; } @media screen and (min-width: 320px) { .comment-list .children .children { padding-left: 0; } } @media screen and (min-width: 600px) { .comment-list .children .children { padding-left: 40px; padding-left: 3.07692rem; } } .comment { position: relative; } .comment-meta { font-size: 12px; font-size: 0.92308rem; padding-bottom: 25px; padding-bottom: 1.92308rem; color: #999999; } .comment-meta .comment-author { display: block; font-style: normal; } .comment-meta .comment-author .avatar { top: -15px; top: -1.15385rem; border-radius: 60px; position: absolute; right: 0; } .comment-body { margin-bottom: 40px; margin-bottom: 3.07692rem; padding-bottom: 10px; padding-bottom: 0.76923rem; border-bottom: 1px solid #efefef; } /** * Comment form */ #reply-title { font-size: 30px; font-size: 2.30769rem; } .comment-form label { display: block; font-weight: 600; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { margin-right: 29px; margin-right: 2.23077rem; float: left; } .comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form .comment-form-url input { width: 200px; } .comment-form .comment-form-url { margin-right: 0; } .comment-form input[type="submit"] { padding: 13px 49px; padding: 1rem 3.76923rem; font-size: 14px; font-size: 1.07692rem; float: right; } .required { color: #f00; } #comment-nav-above { margin-bottom: 30px; margin-bottom: 2.30769rem; } .comment-navigation .nav-previous { display: inline; float: left; } .comment-navigation .nav-next { display: inline; float: right; text-align: right; } .comment-navigation a { color: #555555; } /*------------------------------------*\ $PAGINATIONS \*------------------------------------*/ .pagination { margin-bottom: 45px; margin-bottom: 3.46154rem; font-size: 14px; font-size: 1.07692rem; clear: both; } .pagination .page-numbers { padding: 4px 13px; padding: 0.30769rem 1rem; display: inline-block; border: 1px solid #efefef; color: #555555; } .pagination .page-numbers.current, .pagination .page-numbers:hover { background-color: black; border-color: black; color: white; } /** * Post navigation */ .loop-nav { margin-bottom: 40px; margin-bottom: 3.07692rem; border-bottom: 1px solid #efefef; padding: 20px 0; border-top: 1px solid #efefef; } .loop-nav div { text-align: center; } .loop-nav div strong { display: block; } .loop-nav div a { padding: 0 10px; padding: 0 0.76923rem; } .loop-nav .prev { float: left; width: 49%; border-right: 1px solid #efefef; } .loop-nav .prev .dashicons { float: left; line-height: 38px; } .loop-nav .next { float: right; width: 50%; } .loop-nav .next .dashicons { float: right; line-height: 0; } /*------------------------------------*\ $FOOTER \*------------------------------------*/ .site-footer { margin-bottom: 40px; margin-bottom: 3.07692rem; } .site-info { font-size: 12px; font-size: 0.92308rem; } @media screen and (min-width: 320px) { .site-info { width: 100%; float: right; margin-right: 0; margin-bottom: 30px; margin-bottom: 2.30769rem; text-align: center; } } @media screen and (min-width: 801px) { .site-info { width: 27.30769%; float: left; margin-right: 3.84615%; text-align: left; } } .site-info .powered { display: block; } /*------------------------------------*\ $ARCHIVE \*------------------------------------*/ .archive .page-header, .search .page-header { margin-bottom: 40px; margin-bottom: 3.07692rem; margin-top: 0; } .archive .page-header .page-title, .search .page-header .page-title { text-transform: capitalize; } .archive .post, .search .post { margin-bottom: 40px; margin-bottom: 3.07692rem; padding: 0; border-bottom: 0; } .archive .post:nth-of-type(2n), .search .post:nth-of-type(2n) { float: right; margin-right: 0; } .archive .post .img-link, .search .post .img-link { margin: 0; } @media screen and (min-width: 320px) { .archive .post, .search .post { width: 100%; float: right; margin-right: 0; } } @media screen and (min-width: 801px) { .archive .post, .search .post { width: 48.07692%; float: left; margin-right: 3.84615%; } } /*------------------------------------*\ $SEARCH \*------------------------------------*/ /*------------------------------------*\ $ABOUT \*------------------------------------*/ .about .page { padding: 0; border-bottom: 0; } @media screen and (min-width: 320px) { .about-photo { width: 100%; float: right; margin-right: 0; margin-bottom: 30px; margin-bottom: 2.30769rem; } } @media screen and (min-width: 801px) { .about-photo { width: 68.84615%; float: left; margin-right: 3.84615%; } } @media screen and (min-width: 320px) { .about-content { width: 100%; float: right; margin-right: 0; } } @media screen and (min-width: 801px) { .about-content { width: 27.30769%; float: right; margin-right: 0; } } .about-content .entry-title { margin-top: 0; } .about-social li { padding: 10px 0; padding: 0.76923rem 0; vertical-align: middle; border-bottom: 1px solid #efefef; } .about-social .genericon { font-size: 30px; font-size: 2.30769rem; } .about-social .genericon-twitter { color: #00AEEF; } .about-social .genericon-facebook { color: #0054A6; } .about-social .genericon-linkedin-alt { color: #007BB6; } .about-social .genericon-dribbble { color: #EA4C89; } .about-social a { float: right; color: #878787; line-height: 2em; } .about-social a:hover { color: #1abc9c; } /*------------------------------------*\ $PLUGINS \*------------------------------------*/ /** * Genericons */ @font-face { font-family: 'Genericons'; font-weight: normal; font-style: normal; src: url("assets/fonts/genericons-regular-webfont.eot"); src: url("assets/fonts/genericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/genericons-regular-webfont.woff") format("woff"), url("assets/fonts/genericons-regular-webfont.ttf") format("truetype"), url("assets/fonts/genericons-regular-webfont.svg#genericonsregular") format("svg"); } .genericon { display: inline-block; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: top; } .genericon { *overflow: auto; *zoom: 1; *display: inline; } .genericon-standard:before { content: '\f100'; } .genericon-aside:before { content: '\f101'; } .genericon-image:before { content: '\f102'; } .genericon-gallery:before { content: '\f103'; } .genericon-video:before { content: '\f104'; } .genericon-status:before { content: '\f105'; } .genericon-quote:before { content: '\f106'; } .genericon-link:before { content: '\f107'; } .genericon-chat:before { content: '\f108'; } .genericon-audio:before { content: '\f109'; } .genericon-github:before { content: '\f200'; } .genericon-dribbble:before { content: '\f201'; } .genericon-twitter:before { content: '\f202'; } .genericon-facebook:before { content: '\f203'; } .genericon-facebook-alt:before { content: '\f204'; } .genericon-wordpress:before { content: '\f205'; } .genericon-googleplus:before { content: '\f206'; } .genericon-linkedin:before { content: '\f207'; } .genericon-linkedin-alt:before { content: '\f208'; } .genericon-pinterest:before { content: '\f209'; } .genericon-pinterest-alt:before { content: '\f210'; } .genericon-flickr:before { content: '\f211'; } .genericon-vimeo:before { content: '\f212'; } .genericon-youtube:before { content: '\f213'; } .genericon-tumblr:before { content: '\f214'; } .genericon-instagram:before { content: '\f215'; } .genericon-codepen:before { content: '\f216'; } .genericon-polldaddy:before { content: '\f217'; } .genericon-googleplus-alt:before { content: '\f218'; } .genericon-path:before { content: '\f219'; } .genericon-skype:before { content: '\f220'; } .genericon-digg:before { content: '\f221'; } .genericon-reddit:before { content: '\f222'; } .genericon-stumbleupon:before { content: '\f223'; } .genericon-pocket:before { content: '\f224'; } .genericon-dropbox:before { content: '\f225'; } .genericon-comment:before { content: '\f300'; } .genericon-category:before { content: '\f301'; } .genericon-tag:before { content: '\f302'; } .genericon-time:before { content: '\f303'; } .genericon-user:before { content: '\f304'; } .genericon-day:before { content: '\f305'; } .genericon-week:before { content: '\f306'; } .genericon-month:before { content: '\f307'; } .genericon-pinned:before { content: '\f308'; } .genericon-search:before { content: '\f400'; } .genericon-unzoom:before { content: '\f401'; } .genericon-zoom:before { content: '\f402'; } .genericon-show:before { content: '\f403'; } .genericon-hide:before { content: '\f404'; } .genericon-close:before { content: '\f405'; } .genericon-close-alt:before { content: '\f406'; } .genericon-trash:before { content: '\f407'; } .genericon-star:before { content: '\f408'; } .genericon-home:before { content: '\f409'; } .genericon-mail:before { content: '\f410'; } .genericon-edit:before { content: '\f411'; } .genericon-reply:before { content: '\f412'; } .genericon-feed:before { content: '\f413'; } .genericon-warning:before { content: '\f414'; } .genericon-share:before { content: '\f415'; } .genericon-attachment:before { content: '\f416'; } .genericon-location:before { content: '\f417'; } .genericon-checkmark:before { content: '\f418'; } .genericon-menu:before { content: '\f419'; } .genericon-refresh:before { content: '\f420'; } .genericon-minimize:before { content: '\f421'; } .genericon-maximize:before { content: '\f422'; } .genericon-404:before { content: '\f423'; } .genericon-spam:before { content: '\f424'; } .genericon-summary:before { content: '\f425'; } .genericon-cloud:before { content: '\f426'; } .genericon-key:before { content: '\f427'; } .genericon-dot:before { content: '\f428'; } .genericon-next:before { content: '\f429'; } .genericon-previous:before { content: '\f430'; } .genericon-expand:before { content: '\f431'; } .genericon-collapse:before { content: '\f432'; } .genericon-dropdown:before { content: '\f433'; } .genericon-dropdown-left:before { content: '\f434'; } .genericon-top:before { content: '\f435'; } .genericon-draggable:before { content: '\f436'; } .genericon-phone:before { content: '\f437'; } .genericon-send-to-phone:before { content: '\f438'; } .genericon-plugin:before { content: '\f439'; } .genericon-cloud-download:before { content: '\f440'; } .genericon-cloud-upload:before { content: '\f441'; } .genericon-external:before { content: '\f442'; } .genericon-document:before { content: '\f443'; } .genericon-book:before { content: '\f444'; } .genericon-cog:before { content: '\f445'; } .genericon-unapprove:before { content: '\f446'; } .genericon-cart:before { content: '\f447'; } .genericon-pause:before { content: '\f448'; } .genericon-stop:before { content: '\f449'; } .genericon-skip-back:before { content: '\f450'; } .genericon-skip-ahead:before { content: '\f451'; } .genericon-play:before { content: '\f452'; } .genericon-tablet:before { content: '\f453'; } .genericon-send-to-tablet:before { content: '\f454'; } .genericon-info:before { content: '\f455'; } .genericon-notice:before { content: '\f456'; } .genericon-help:before { content: '\f457'; } .genericon-fastforward:before { content: '\f458'; } .genericon-rewind:before { content: '\f459'; } .genericon-portfolio:before { content: '\f460'; } .genericon-heart:before { content: '\f461'; } .genericon-code:before { content: '\f462'; } .genericon-subscribe:before { content: '\f463'; } .genericon-unsubscribe:before { content: '\f464'; } .genericon-subscribed:before { content: '\f465'; } .genericon-reply-alt:before { content: '\f466'; } .genericon-reply-single:before { content: '\f467'; } .genericon-flag:before { content: '\f468'; } .genericon-print:before { content: '\f469'; } .genericon-lock:before { content: '\f470'; } .genericon-bold:before { content: '\f471'; } .genericon-italic:before { content: '\f472'; } .genericon-picture:before { content: '\f473'; } .genericon-fullscreen:before { content: '\f474'; } .genericon-uparrow:before { content: '\f500'; } .genericon-rightarrow:before { content: '\f501'; } .genericon-downarrow:before { content: '\f502'; } .genericon-leftarrow:before { content: '\f503'; } /** * Superfish style. */ .sf-menu { margin: 0; padding: 0; list-style: none; } .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after { border-top-color: white; } .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; } .sf-arrows .sf-with-ul { padding-right: 2.5em; } .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #cccccc; border-top-color: rgba(0, 0, 0, 0.2); } .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; border-left-color: rgba(255, 255, 255, 0.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after { border-left-color: white; } .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /*------------------------------------*\ $STATE \*------------------------------------*/ .no-js .hide-if-no-js { display: none; } /*------------------------------------*\ $GLOBAL \*------------------------------------*/ .gallery, article, .singular-post .entry-footer, .related-posts, .widget-subsidiary, .jetpack_subscription_widget form, .comment-form, .comment-navigation, .loop-nav, .about-social li { *zoom: 1; } .gallery:before, article:before, .singular-post .entry-footer:before, .related-posts:before, .widget-subsidiary:before, .jetpack_subscription_widget form:before, .comment-form:before, .comment-navigation:before, .loop-nav:before, .about-social li:before, .gallery:after, article:after, .singular-post .entry-footer:after, .related-posts:after, .widget-subsidiary:after, .jetpack_subscription_widget form:after, .comment-form:after, .comment-navigation:after, .loop-nav:after, .about-social li:after { content: ""; display: table; } .gallery:after, article:after, .singular-post .entry-footer:after, .related-posts:after, .widget-subsidiary:after, .jetpack_subscription_widget form:after, .comment-form:after, .comment-navigation:after, .loop-nav:after, .about-social li:after { clear: both; } .menu-social-items, .related-posts ul, .about-widget-content ul, .comment-list, .about-social { list-style: none; margin: 0; padding: 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; }