body { margin: .5em; font: 1.3em/1.7 Dosis, 'Arial Narrow', sans-serif; font-weight: 300; color: #777; background: #fff; word-wrap: break-word; } /** * Typography */ h1, h2 { margin: 0; font-size: 2em; font-weight: 300; line-height: 1.3; } h3, h4, h5, h6 { margin: 0; font-weight: 300; } h3 { font-size: 1.5em; } h4 { font-size: 1em; } h5, h6 { font-size: 0.83em; text-transform: uppercase; font-weight: 500; } p { margin: 0 0 1em 0; } b, strong { font-weight: 500; } em, i { font-style: italic; } blockquote { margin: 0 0 1em 0; padding: 0; } abbr[title], acronym[title] { border-bottom: 1px dotted; } del { text-decoration: line-through; } dfn { font-style: italic; } small, .small { font-size: 80%; } big, .big { font-size: 120%; } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } pre { overflow: auto; } hr { clear: both; height: 1px; background: #ccc; border: 0; } .center { text-align: center; } .text-right { text-align: right; } ul, ol, li { margin: 0; padding: 0; list-style: none; } .post ul, .page ul, .post ol, .page ol { margin-bottom: 1em; } .post ul li, .page ul li { margin-left: 1.2em; list-style: disc outside none; } .post .post-content > ul, .page .post-content > ul { margin-bottom: 1em; } .post ul ul li, .page ul ul li { list-style: circle outside none; } .post ol ul li, .page ol ul li { list-style: disc outside none; } .post ol li, .page ol li, .post ol ol ol li, .page ol ol ol li { margin-left: 1.4em; list-style: decimal outside none; } .post .post-content > ol, .page .post-content > ol { margin-bottom: 1em; } .post ol ol li, .page ol ol li { list-style: lower-alpha outside none; } ::selection { background: #f7941e; color: #fff; } /** * Links */ a { color: #f7941e; text-decoration: none; transition: color 0.2s ease-in-out; } a:hover, a:active, a:focus { color: #eb5b04; outline: 0; text-decoration: none; } /** * Images */ img { max-width: 100%; height: auto; border: 0; } svg:not(:root) { overflow: hidden; } .size-thumbnail { max-width: 45%; } .alignnone { max-width: 100%; margin: 0.2em 0.8em 0.8em 0; } .aligncenter { max-width: 100%; margin: 0.2em auto; } .alignright, .attachment-post-thumbnail { float: right; max-width: 48%; margin: 0.2em 0 0.8em 0.8em; } .alignleft { float: left; max-width: 48%; margin: 0.2em 0.8em 0.8em 0; } a img .alignright { float: right; margin: 0.2em 0 0.8em 0.8em; } a img .alignnone { margin: 0.2em 0.8em 0.8em 0; } a img .alignleft { float: left; margin: 0.2em 0.8em 0.8em 0; } a img .aligncenter { display: block; margin: 0 auto; } .wp-caption { padding: 0.2em 0 0.4em; text-align: center; font-size: 80%; } .wp-caption .alignnone { margin: 0.2em 0.8em 0.8em 0; } .wp-caption .alignleft { margin: 0.2em 0.8em 0.8em 0; } .wp-caption .alignright { margin: 0.2em 0 0.8em 0.8em; } .wp-caption img { max-width: 98.5%; margin: 0; padding: 0; } .wp-caption .wp-caption-text { margin: 0; padding: 0 0.1em 0.2em; } .gallery-caption { text-align: center; } @media (max-width: 740px) { .alignleft, .alignright, a img .alignleft, a img .alignright, .attachment-post-thumbnail { display: block; float: none; max-width: 100%; margin: 0.2em 0 0.4em 0; } .alignnone { margin: 0 0.4em 0.4em 0; } } /** * Layout */ .one-third, #sidebar { width: 31.33%; float: left; margin-right: 2%; margin-bottom: 1.5em; } .one-half { width: 48%; float: left; margin-right: 2%; margin-bottom: 1.5em; } .two-thirds, #content { width: 64.66%; float: left; margin-right: 2%; margin-bottom: 1.5em; } .one-fourth { width: 23%; float: left; margin-right: 2%; margin-bottom: 1.5em; } .left { float: left; } .right { float: right; } .clear { clear: both; } @media (max-width: 950px) { .one-third, .one-half, .two-thirds, .one-fourth { width: 100%; float: none; clear: both; margin-right: 0; } body { font-size: 1.2em; } .comment-meta { line-height: 1.4; } } @media (max-width: 650px) { #content, #sidebar { width: 100%; float: none; clear: both; margin-right: 0; } body { font-size: 1.1em; } } /** * Tables */ table { width: 100%; max-width: 100%; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; background-color: transparent; } table th, table td { padding: 0 0.2em; vertical-align: top; text-align: left; border: 1px solid #ddd; } table th { font-weight: 500; background: #f1f3f3; color: #777; } /** * Misc */ embed, iframe, object, video { max-width: 100%; margin-bottom: 1.5em; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } [hidden], template { display: none; } /** * Forms */ button, input, optgroup, select, textarea { margin: 0 0 0.2em 0; color: inherit; font: inherit; } 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 { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } textarea { overflow: auto; } input, textarea { -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 0.2em 0.7em; color: #777; background: #fff; border-radius: 1.3em; border: 1px solid #777; border-width: 1px 2px 2px 1px; transition: background-color 0.2s ease-in-out; } input:focus, textarea:focus { outline: 0; border-color: #f7941e; } .button, .more-link, .comment-reply-link, input[type="submit"], input[type="reset"], .nextpage a { padding: 0.3em 2.5em 0.4em 2em; background: #f7941e url(images/right-arrow.svg) no-repeat 85% center; background-size: 0.6em; color: #fff; border: 0; border-radius: 1.3em; transition: background-color 0.2s ease-in-out; box-shadow: 0.05em 0.1em 0 #777; } #header .button { background-color: #fff; color: #777; } .button:hover, .button:active, .button:focus, #header .button:hover .more-link:hover, .comment-reply-link:hover, .comment-reply-link:active, input[type="submit"]:hover, input[type="reset"]:hover, .nextpage a:hover { background-color: #eb5b04 !important; color: #fff; } input[type="submit"]:disabled { background: #ddd !important; } textarea { display: block; width: 25em; min-height: 5em; overflow: auto; border-radius: 0.5em; } input[type="image"] { width: auto; height: auto; } input[type="radio"], input[type="checkbox"] { width: auto; height: auto; background: none; } input[type="file"] { border: 0; } .screen-reader-text, .assistive-text, .form-allowed-tags, .search-submit { display: none; }