/* Theme Name: Brilliant Theme URI: http://www.designlabthemes.com/brilliant-wordpress-theme/ Author: Design Lab Author URI: http://www.designlabthemes.com/ Description: Brilliant is a beautiful and stylish WordPress magazine and blog theme. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-menu, featured-images, rtl-language-support, translation-ready Text Domain: brilliant This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Brilliant is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /* Index: 01: Normalize 02: Typography 03: Elements 04: Layout 05: Header 06: Content 07: Footer 08: Widgets 09: Forms 10: Comments 11: Media 12: Responsive /* * 01: Normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, 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-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } 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-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: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * 02: Typography */ html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, input, select, textarea { color: #444; font-family: 'Raleway', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.75; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Playfair Display', serif; } h1 { font-size: 2.5em; color: #222; font-weight: 400; } h2 { font-size: 1.75em; color: #222; } h3 { font-size: 1.5em; color: #222; } h4 { font-size: 1em; text-transform: uppercase; color: #333; } h5 { font-size: 1em; color: #333; } h1, h2 { margin: 20px 0; } h3, h4, h5 { margin: 20px 0 10px; } p { margin: 0 0 20px; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .comment-content h1:first-child, .comment-content h2:first-child, .comment-content h3:first-child, .comment-content h4:first-child, .comment-content h5:first-child, .comment-content h6:first-child, .textwidget h1:first-child, .textwidget h2:first-child, .textwidget h3:first-child, .textwidget h4:first-child, .textwidget h5:first-child, .textwidget h6:first-child { margin-top: 0; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 5px solid #eee; margin: 0 15px 20px; padding: 10px 15px; } cite { margin: 0 15px; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } .ei:before { font-size: 16px; vertical-align: -10%; } .sep { display: inline-block; padding: 0 0.5em; } /* Headings */ .site-title, .entry-title { line-height: 1.3; padding: 0; margin: 0; } .site-title { font-family: 'Playfair Display', serif; margin: 0; padding: 0; font-size: 2.25em; font-weight: 700; } .site-title a:focus, .site-title a:active { outline: 0; } .site-description { font-size: 0.938em; margin: 0.5em 0 0; color: #666; } .entry-title { text-align: center; color: #222; } h1.entry-title { font-size: 2.5em; } h2.entry-title { font-size: 1.750em; font-weight: 400; } .widget-title { font-size: 1.333em; line-height: 1.3; margin: 0 0 20px; padding: 0; color: #333; } .comments-title, .comment-reply-title { font-size: 1.250em; margin: 0 0 20px; padding: 0; line-height: 1.3; color: #333; } .page-title { font-size: 1.250em; margin: 0; text-align: center; } /* Links */ a { color: #e52e7a; text-decoration: none; } a:hover { text-decoration: underline; } a:hover, a:focus, a:active { color: #e52e7a; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .site-title a { color: #222; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .site-title a:hover { text-decoration: none; } .entry-title a { color: #222; } .entry-title a:hover { color: #e52e7a; text-decoration: none; } /* * 03: Elements */ *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #f4f4f4; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #efefef; border: 0; height: 1px; margin-bottom: 20px; } ul, ol { margin: 0 0 20px 15px; padding: 0 0 0 15px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 15px; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { margin: 0 0 1.5em; width: 100%; } /* * 04: Layout */ .container { max-width: 100%; margin: auto; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; padding-left: 15px; padding-right: 15px; } /* Grid */ .row { margin-right: -15px; margin-left: -15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-sm-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .text-center { text-align: center; } /* Clearings */ .clear:before, .clear:after, .container:before, .container:after, .entry-content:before, .entry-content:after, .comment-meta:before, .comment-meta:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .container:after, .entry-content:after, .comment-meta:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* Accessibility */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* * 05: Header */ .custom-logo-link { display: inline-block; } .custom-logo { max-width: 240px; } @media screen and (max-width: 480px) { .custom-logo { max-width: 180px; } } .site-branding { text-align: center; } .site-header { padding: 1.5em 0; } /* Navigation */ .site-header-menu { display: none; } .main-navigation { clear: both; display: block; width: 100%; margin: auto; } .main-navigation ul { list-style: none; margin: 0; padding: 0; background-color: #fff; } .main-navigation li { display: block; position: relative; } .main-navigation a { display: block; text-decoration: none; margin: 0 15px; padding: 12px 0; line-height: 1.4; color: #444; font-size: 0.875em; border-top: 1px solid #f2f2f2; } .main-navigation > ul > li:first-child > a { border-top: 0; } .main-navigation ul ul { display: none; background-color: #fff; padding: 0; } .main-navigation ul ul a { display: block; } .main-navigation li:hover > a, .main-navigation li:focus > a { color: #e52e7a; } .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul { opacity: 1; visibility: visible; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li:focus > ul { opacity: 1; visibility: visible; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { color: #e52e7a; } /* Buttons */ .menu-toggle { display: block; margin: 1em auto 0; padding: 8px 12px 6px; -webkit-border-radius: 0; border-radius: 0; } .menu-toggle .ei:before { font-size: 32px; vertical-align: middle; } .dropdown-toggle { height: 42px; width: 42px; padding: 0; margin: 0; position: absolute; top: 0; right: 15px; text-transform: none; background-color: transparent; color: #222; border: 0; content: ""; -webkit-border-radius: 0; border-radius: 0; } .dropdown-toggle:after { font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; width: 42px; border-left: 1px solid #eee; font-size: 24px; position: relative; left: 1px; content: "3"; } .dropdown-toggle:hover, .dropdown-toggle:focus { background-color: transparent; color: #e52e7a; } .dropdown-toggle:focus { outline: thin dotted; outline-offset: -1px; } .dropdown-toggle:focus:after { border-color: transparent; } /* Toggled On */ .site-header-menu.toggled-on, .main-navigation ul .toggled-on { display: block; } .toggled-on > .main-navigation > ul { margin-top: 1.5em; } .dropdown-toggle.toggled-on:after { content: "2"; } /* * 06: Content */ .sticky { display: block; } .entry-header, .entry-content, .entry-summary, .entry-footer { padding-left: 15px; padding-right: 15px; } .entry-header { margin-bottom: 15px; } .entry-content p:last-child, .entry-summary p:last-child { margin-bottom: 0; } .entry-thumbnail { margin: auto; overflow: hidden; } .entry-thumbnail img { display: block; margin: auto; } .entry-footer { margin-top: 1em; } .page-content { margin: 0 0 20px; padding: 20px; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03); } .page-links { clear: both; margin: 0 0 20px; } .posted-on, .byline, .edit-link, .cat-links, .read-more { display: inline-block; font-size: 1em; } .posted-on, .byline, .cat-links, .entry-footer .sep, .edit-link, .tags-links { color: #999; font-family: 'Crimson Text', serif; font-style: italic; line-height: 1.2; } .comment-metadata .edit-link { font-family: 'Raleway', sans-serif; } .entry-header .cat-links { font-size: 0.750em; text-transform: uppercase; letter-spacing: 0.05em; font-style: normal; font-family: 'Raleway', sans-serif; } .entry-meta { text-align: center; margin-bottom: 0.5em; } .entry-time { margin: 0.75em 0 0; } .read-more { font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: 700; } .updated:not(.published) { display: none; } .entry-featured-image { margin: 0 0 20px 0; } .entry-featured-image img { display: block; margin: auto; max-width: 100%; height: auto; } /* Cover */ .cover { height: auto; overflow: hidden; position: relative; margin: 0 -15px 20px; } .cover-bg { background-position: center center; background-size: cover; width: 100%; height: auto; padding: 3em 0; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .cover .post { position: relative; width: 75%; padding: 20px; margin: auto; background-color: rgba(255,255,255,.9); text-align: center; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; } .cover .entry-header { padding: 0; margin-bottom: 15px; position: relative; z-index: 3; } .cover .entry-title { margin: 0; padding: 0; text-align: center; line-height: 1.2; } .cover h2.entry-title { font-size: 2.25em; } .cover h1.entry-title { font-size: 2.5em; } .cover .entry-title a { display: inline-block; position: relative; } .cover .entry-content, .cover .entry-content p, .cover .entry-summary, .cover .entry-summary p { margin: 0; } .cover .entry-header, .cover .entry-content, .cover .entry-summary { padding: 0; } .cover .entry-title a, .cover .category-title a { text-decoration: none; color: #222; } .cover .read-more { margin-top: 15px; padding: 9px 24px 8px; background-color: transparent; border: 1px solid #e52e7a; color: #e52e7a; font-weight: 700; line-height: 1.4; text-decoration: none; border-radius: 124px; } /* Posts Loop */ .posts-loop .post, .posts-loop .page { margin: 0 0 20px 0; padding-bottom: 1em; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03); } .posts-loop .entry-header { padding-top: 15px; } .posts-loop .entry-content p, .posts-loop .entry-summary p { margin: 0; } .posts-loop .entry-title a { display: inline-block; position: relative; padding-bottom: 0.5em; } .posts-loop .entry-title a:before { content: ""; position: absolute; width: 30%; left: 50%; bottom: 0; margin-left: -15%; border-bottom: 1px solid #222; } /* Flexbox setup */ .flex-row { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .flex-row .post-wrapper { position: relative; margin-bottom: 20px; } .flex-row .post-wrapper .post, .flex-row .post-wrapper .page { height: 100%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flex-row .entry-summary { font-size: 0.938em; } .flex-row h2.entry-title { font-size: 1.625em; } /* Asides */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* Infinite scroll */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /* Single Posts and Pages */ .single .site-content .hentry, .page .site-content .hentry, .error404 .site-content .hentry { background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03); padding-bottom: 20px; margin-bottom: 20px; } .single .site-content .entry-header, .page .site-content .entry-header, .error404 .site-content .entry-header { margin-bottom: 20px; } .single .site-content .entry-meta, .page .site-content .entry-meta { margin: 15px auto 10px; } .single .site-content .entry-footer, .page .site-content .entry-footer { margin-top: 20px; } .single .site-content .entry-title span, .page .site-content .entry-title span { display: inline-block; position: relative; padding-bottom: 20px; } .single .site-content .entry-title span:before, .page .site-content .entry-title span:before { border-bottom: 2px solid #222; bottom: 0; content: ""; left: 50%; margin-left: -15%; position: absolute; width: 30%; } .single .attachment img { margin-left: auto; margin-right: auto; display: block; } .inside { padding-top: 20px; } /* Cover Single */ .cover.single .entry-header { padding: 20px; background-color: rgba(255,255,255,.9); width: 75%; margin: auto; } .cover.single .entry-title span { display: inline-block; padding-bottom: 0.5em; position: relative; } .cover.single .entry-title span:before { border-bottom: 2px solid #222; bottom: 0; content: ""; left: 50%; margin-left: -15%; position: absolute; width: 30%; } .cover.single .entry-time { margin: 1em 0 0; } .cover.single .cat-links { font-weight: 700; } /* Posts Navigation */ .posts-navigation, .post-navigation, .comments-area { background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03); padding: 15px 20px; margin-bottom: 20px; overflow: hidden; } .posts-navigation a { display: inline-block; padding: 5px 0; color: #888; text-decoration: none; line-height: 1.3; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .posts-navigation a:hover { color: #e52e7a; border-color: #e52e7a; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .post-navigation { position: relative; } .post-navigation:before { content: ""; display: block; width: 1px; height: 50%; position: absolute; left: 50%; top: 25%; border-right: 1px solid #eee; } .nav-previous a, .nav-next a { position: relative; font-size: 0.938em; } .nav-previous a:before, .nav-next a:after { font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; display: inline-block; vertical-align: -10%; } .nav-previous a:before { content: "#"; padding-right: 5px; } .nav-next a:after { content: "$"; padding-left: 5px; } .posts-navigation .nav-previous { position: relative; } .posts-navigation .nav-previous:before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; border-right: 1px solid #eee; } .posts-loop .nav-previous { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .posts-loop .nav-previous p { margin: auto; } .posts-loop .nav-previous p a { display: inline-block; padding: 8px 32px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100px; line-height: 1.4; } .posts-loop .nav-previous p a:hover { text-decoration: none; } /* Archives and Search */ .page-header { padding: 10px; background-color: #fff; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03); } .page-header-wrapper { border: 1px solid #eee; padding: 10px; } .taxonomy-description { color: #666; margin-top: 0.5em; text-align: center; font-size: 0.938em; } .taxonomy-description p { margin: 0; } /* Error 404 */ .error-404 .widget { box-shadow: none; padding: 0; } /* * 07: Footer */ .site-footer { margin: 20px auto 0; background-color: #1b2126; } .site-info, .site-credits { font-size: 0.875em; color: #eee; text-align: center; } .site-credits { margin-bottom: 1em; } .site-info a { color: #fff; } .site-info a:hover { color: #fff; } .footer-navigation { clear: both; padding: 30px 0; } /* * 08: Widgets */ .widget { margin: 0 0 20px; padding: 15px; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03); } .widget-area { color: #666; font-size: 0.938em; } .widget-area ul { list-style-type: none; margin: 0 0 1.5em; padding: 0; } .widget-area ul li { margin: 0; padding: 0.5em 0; border-bottom: 1px solid #f2f2f2; } .widget-area ul li.page_item_has_children { padding-bottom: 0; } .widget-area ul ul { padding-left: 15px; } .widget-area ul ul li { border-bottom: 0; } .widget_categories li a:before, .widget_meta li a:before, .widget_archive li a:before, .widget_pages li a:before, .widget_nav_menu li a:before { font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; display: inline-block; } .widget_categories li a:before, .widget_meta li a:before, .widget_archive li a:before, .widget_pages li a:before, .widget_nav_menu li a:before { content: "5"; } .widget_search input[type="text"] { font-size: 15px; } .widget ul:last-child { margin-bottom: 0; } .calendar_wrap caption { font-weight: 700; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Footer Widget Area */ .site-footer .widget-area { width: 100%; color: rgba(255,255,255,.8); font-size: 0.875em; } .site-footer .widget { background-color: transparent; padding: 0 10px; margin: 30px 0; -webkit-box-shadow: none; box-shadow: none; } .site-footer .widget a { color: #fff; } .site-footer .widget a:hover { color: #fff; text-decoration: underline; } .site-footer .widget-title { color: #fff; font-size: 1.286em; } .site-footer .widget-area ul li { border-bottom-color: rgba(255,255,255,.1); } /* * 09: Forms */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 0; border-radius: 128px; background: #e52e7a; color: #fff; font-size: 14px; text-transform: uppercase; line-height: 1.2; padding: 10px 32px; opacity: 1; font-weight: 700; box-sizing: border-box; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity: 0.9; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border: 0; outline: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 5px 10px; } textarea { padding: 5px 10px; width: 100%; } .comment-form { color: #666; } .comment-form label { color: #444; font-weight: 700; display: inline-block; margin-bottom: 0.5em; } .comment-form .form-submit { margin-bottom: 0; } /* Search Form */ .searchform input#s { float: left; width: 75%; } .searchform .search-submit { -webkit-border-radius: 0; border-radius: 0; padding: 11px 16px 10px; float: left; width: 25%; } /* * 10: Comments */ .comment-list, .comment-list ol { padding: 0; list-style-type: none; } .comment-list { margin: 0 0 1.5em 0; } .comment-list li { padding-bottom: 1em; margin-bottom: 1.5em; border-bottom: 1px solid #eee; } .comment-list li ol { margin: 1.5em 0 0 1.5em; } .comment-list li ol li:last-child { padding-bottom: 0; border: 0; } .comment-meta { line-height: 1.5; margin-bottom: 0.5em; } .bypostauthor { display: block; } .avatar { border-radius: 50px; float: left; margin: 0 10px 0 0; } .comment-metadata, .comment-awaiting-moderation { font-size: 0.875em; } .comment-metadata a { color: #999; } .comment-metadata a:hover { color: #e52e7a; } .comment-content { font-size: 0.938em; color: #666; } .comment-content p:last-child { margin-bottom: 0; } .comment-content a { word-wrap: break-word; } .reply { margin-top: 0.5em; } .reply a { display: inline-block; padding: 2px 16px; font-size: 0.938em; border: 1px solid #e52e7a; border-radius: 128px; line-height: 1.5; text-align: center; } .logged-in-as { font-size: 0.938em; } /* * 11: Media */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Alignment */ .alignleft { display: inline; float: left; margin: 10px 20px 10px 0; } .alignright { display: inline; float: right; margin: 10px 0 10px 20px; } .aligncenter { clear: both; display: block; margin: 0 auto 20px; } /* Galleries */ .gallery { margin-bottom: 20px; } .gallery-item { display: inline-block; width: 100%; margin: 0 auto 20px; padding: 0 10px; text-align: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .gallery-icon img { display: block; max-width: 100%; height: auto; margin: 0 auto; border: none; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } /* Captions */ .wp-caption { border: none; margin-bottom: 20px; max-width: 100%; } .wp-caption-text { text-align: center; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { font-size: 14px; color: #777; font-style: italic; padding-top: 10px; } .gallery-caption { color: #777; display: block; font-size: 14px; font-style: italic; padding-top: 5px; } /* * 12: Responsive */ @media screen and (min-width: 640px) { /* Posts Loop */ .home-style-1 > .post-wrapper, .blog-style-1 > .post-wrapper { width: 48%; float: left; } .home-style-1 > .post-wrapper:nth-child(2n+1), .blog-style-1 > .post-wrapper:nth-child(2n+1) { clear: left; margin-right: 4%; } } @media screen and (min-width: 768px) { /* Grid */ .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-8 { width: 66.66666667%; } .col-sm-6 { width: 50%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .row > .col-sm-6:nth-child(2n+1) { clear: left; } /* Cover */ .cover .post, .cover.single .entry-header { max-width: 50%; } /* Search Form */ .searchform input#s { width: 85%; } .searchform .search-submit { width: 15%; } } @media screen and (min-width: 1024px) { /* Grid */ .container { max-width: 960px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; } .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } .content-area { width: 630px; float: left; } .widget-area { width: 300px; float: right; } .row > .col-sm-6:nth-child(2n+1) { clear: inherit; } /* Navigation */ .site-header-menu { display: block; } .menu-toggle, .main-navigation ul .dropdown-toggle { display: none; } .main-navigation ul { display: block; background-color: transparent; text-align: right; } .main-navigation a, .main-navigation li { display: inline-block; } .main-navigation > ul > li > a { padding: 0 10px; margin: 0; line-height: 40px; font-size: 0.750em; font-weight: 700; text-transform: uppercase; border: 0; } .main-navigation > ul > li.menu-item-has-children > a { position: relative; } .main-navigation > ul > li.menu-item-has-children > a:after { font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; display: inline-block; vertical-align: middle; content: "\43"; } .main-navigation ul ul { display: block; position: absolute; top: 40px; right: 0; padding: 5px 0; visibility: hidden; opacity: 0; border: 1px solid #ededed; -webkit-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s; z-index: 99999; } .main-navigation > ul:before, .main-navigation > ul:after { content: none; } .main-navigation > ul > li > ul:before { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; right: 40px; position: absolute; top: -8px; z-index: 19; } .main-navigation > ul > li > ul:after { border-bottom: 10px solid #ededed; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; right: 38px; position: absolute; top: -10px; z-index: 16; } .main-navigation ul ul a { width: 180px; padding: 10px 0; border-top: 0; border-top: 1px solid #f2f2f2; } .main-navigation ul ul li:first-child a { border-top: 0; } .main-navigation ul ul ul { opacity: 0; top: 0; right: 100%; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s; } /* Header */ .site-header { padding: 20px 0; } .site-description { margin-top: 0.25em; } .main-navigation { margin-top: 0.5em; } .site-branding, .main-navigation { text-align: left; } /* Cover */ .cover { margin: 0 auto 30px; } .cover-bg { padding: 80px 0 0; min-height: 420px; } .cover.single .cover-bg { padding-top: 100px; } /* Content */ .entry-header, .entry-content, .entry-summary, .entry-footer { padding-left: 20px; padding-right: 20px; } .widget { padding: 20px; } /* Posts Loop */ .posts-loop { padding: 0; } .home-style-1 > .post-wrapper, .blog-style-1 > .post-wrapper { width: 47.619%; float: left; } .home-style-1 > .post-wrapper:nth-child(2n+1), .blog-style-1 > .post-wrapper:nth-child(2n+1) { clear: left; margin-right: 4.762%; } .flex-row .entry-thumbnail { max-height: 200px; } .posts-loop .nav-previous p { margin: 60% auto 0; } /* Full Width Template */ .page-template-fullwidth .content-area { float: none; width: 100%; } /* Posts and Comments Navigation */ .posts-navigation, .post-navigation, .comments-area { padding-top: 20px; padding-bottom: 20px; } /* Search Form */ .searchform input#s { width: 80%; } .searchform .search-submit { width: 20%; } /* Footer */ .site-credits { text-align: left; margin-bottom: 0; } .site-info { text-align: right; } } @media screen and (min-width: 1500px) { /* Grid */ .container { max-width: 1160px; } .content-area { width: 760px; } .widget-area { width: 360px; } /* Header */ .site-header { padding: 30px 0; } /* Cover */ .cover .post { padding: 30px; } .cover.single .entry-header { padding: 30px; } /* Content */ .entry-header, .entry-content, .entry-summary, .entry-footer { padding-left: 30px; padding-right: 30px; } .widget { padding: 20px 30px; margin-bottom: 30px; } .page-header { margin-bottom: 30px; } /* Posts Loop */ .home-style-1 > .post-wrapper, .blog-style-1 > .post-wrapper{ width: 47.368%; float: left; } .home-style-1 > .post-wrapper:nth-child(2n+1), .blog-style-1 > .post-wrapper:nth-child(2n+1) { clear: left; margin-right: 5.264%; } .posts-loop .post, .posts-loop .page, .flex-row .post-wrapper { margin-bottom: 30px; } .flex-row .entry-thumbnail { max-height: 240px; } /* Single Posts and Pages */ .single .site-content .hentry, .page .site-content .hentry, .error404 .site-content .hentry { padding-bottom: 30px; margin-bottom: 30px; } .single .site-content .entry-header, .page .site-content .entry-header, .error404 .site-content .entry-header { margin-bottom: 30px; } .page-content { padding: 30px; margin-bottom: 30px; } .inside { padding-top: 30px; } /* Posts and Comments Navigation */ .posts-navigation, .post-navigation, .comments-area { margin-bottom: 30px; } .posts-navigation, .post-navigation { padding: 20px 30px; } .comments-area { padding: 30px; } /* Full Width Template */ .page-template-fullwidth .content-area { width: 100%; } /* Archives and Search */ .page-header, .page-header-wrapper { padding: 15px; } /* Footer */ .site-footer { margin-top: 30px; } }