/* Theme Name: cafeterrace Theme URI: http://cafeterrace.abcimf.com/ Author: cafeterrace Author URI: http://abcimf.com/ Description: cafeterrace by rich customization features , it is freely theme that it is possible to perform the design arrangement . It serves as the base template , speedily various sites genres , and to flexibly respond . Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, flexible-header, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: cafeterrace */ /** * Table of Contents * 1.0 - Normalize * 2.0 - GENERICONS * 3.0 - TYPOGRAPHY * 4.0 - ELEMENTS * 5.0 - COMMENTS * 6.0 - FORMS * 7.0 - LINKS NAVIGATION * 8.0 - ACCESSIBILITY * 9.0 - CLEARINGS * 10.0 - HEADER * 10.1 - TITLE LOGO * 10.2 - HEADER MENUS * 11.0 - MINE CONTENT * 12.0 - WIDGETS * 13.0 - SIDEBAR * 14.0 - MEDIA * 15.0 - CAPTIONS * 16.0 - GALLERIES * 17.0 - MULTISITES * 18.00 - WIDGET_SEARCH * 18.01 - WIDGET_CALENDAR * 18.02 - WIDGET_NAV_MENU * 18.03 - WIDGET_WIDGET_PAGES * 18.04 - WIDGET_TEXT * 18.05 - WIDGET_TAG_CLOUD * 18.06 - WIDGET_RECENT_COMMENTS * 18.07 - WIDGET_RECENT_ENTRIES * 18.08 - WIDGET_CATEGORIES * 18.09 - WIDGET_ARCHIVE * 18.10 - WIDGET_RSS * 18.11 - WIDGET_LINKS * 18.12 - WIDGET_META * 19 - MEDIAQUERY_START * 19.1 - 300px from 479px * 19.2 - 480px from 767px * 19.3 - 720px from * 19.4 - 1024px from * 19.5 - iPhone 1080px * 19.6 - iPhone 1920px * 20.0 - PRINT */ /********************************************************************* 1.0 - Normalize *********************************************************************/ html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { background-color: #ffffff; margin: 0; padding: 0; font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif; font-style: normal; color: #595959; font-size: 14px; font-size: 1.4rem; font-weight: lighter; line-height: 1.7; } body.archive { margin: 0; padding: 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; } abbr[title] { border-bottom: 1px dotted; } a { background-color: transparent; } b, strong { font-weight: bold; } small { font-size: 10px; font-size: 1.0rem; } sub, sup { font-size: 9px; font-size: 0.9rem; 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: 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } hr.clear { width: 100%; visibility: hidden; clear: both; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } select { text-transform: none; } button { overflow: visible; } button, input, select, textarea { max-width: 100%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; opacity: .5; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #dd0000; margin: 0 0 0.65em; min-width: inherit; padding: 0.25em; } fieldset > :last-child { margin-bottom: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } optgroup { font-weight: bold; } /********************************************************************* 2.0 - GENERICONS *********************************************************************/ .menu-item-has-children a:after, .social-navigation a:before, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .pagination .prev:before, .pagination .next:before, .pagination .nav-links:before, .pagination .nav-links:after, .search-submit:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Genericons"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; } /********************************************************************* 3.0 - TYPOGRAPHY *********************************************************************/ h2, h3, h4, h5, h6 { margin: 0; font-size: 14px; font-size: 1.4rem; font-weight: bold; } p { margin: 0 0 1.7em; } dfn, cite, em, i { font-style: italic; } blockquote { border: 0 solid #dd0000; border-left-width: 4px; font-style: italic; line-height: 1.7; margin: 0 0 0.65em; padding: 0 0 0 0.65em; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote p { margin-bottom: 1.4736842105em; } blockquote cite, blockquote small { display: block; line-height: 1.7; } blockquote cite:before, blockquote small:before { content: "\2014\00a0"; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote > :last-child { margin-bottom: 0; } address { font-style: italic; margin: 0 0 1.7em; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; } pre { border: 1px solid #dd0000; line-height: 1.7; margin: 0 0 0.65em; max-width: 100%; overflow: auto; padding: 0.65em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { background-color: #d1d1d1; padding: 0.125em 0.25em; color: #595959; } abbr, acronym { border-bottom: 1px dotted #dd0000; cursor: help; } mark, ins { background-color: #dd0000; color: #ffffff; padding: 0.125em 0.25em; text-decoration: none; } big { font-size: 100%; } /********************************************************************* 4.0 - ELEMENTS *********************************************************************/ html { font-size: 62.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *: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/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { background-color: #ffffff; /* Fallback for when there is no custom background color defined. */ } ul, ol { margin: 0 0 1.7em 1.25em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; margin-left: 1.5em; } li > ul, li > ol { margin-bottom: 0; } dl { margin: 0 0 1.7em; } dt { font-weight: 700; } dd { margin: 0 0 1.7em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } del { opacity: 0.8; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4375em; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { opacity: 0.3; font-family: Montserrat, "Helvetica Neue", sans-serif; } :-moz-placeholder { opacity: 0.3; font-family: Montserrat, "Helvetica Neue", sans-serif; } ::-moz-placeholder { font-family: Montserrat, "Helvetica Neue", sans-serif; opacity: 0.3; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { opacity: 0.3; font-family: Montserrat, "Helvetica Neue", sans-serif; } /********************************************************************* 5.0 - COMMENTS *********************************************************************/ .comments-area { padding: 0; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { border-top: 2px solid #dd0000; padding: 0; } .comments-title { border-top: 2px solid #dd0000; padding: 0.65em 10px; } .comment-reply-title { padding: 0.65em 10px 0; } .comment-list { list-style: none; margin: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid #dd0000; padding: 0.65em 0 0 10px; } .comment-list .children { list-style: none; margin: 0; } .comment-list .children > li { padding-left: 0em; } .comment-author { margin-bottom: 0.65em; } .comment-author .avatar { float: left; height: 28px; margin: 0 0.875em 0 0; position: relative; width: 28px; } .bypostauthor > article .fn:after { content: "\f304"; left: 3px; position: relative; top: 5px; } .comment-meta { padding: 0.25em 0 0 0; } .comment-metadata { margin-bottom: 0; } .comment-metadata .edit-link, .pingback .edit-link { display: inline-block; } .comment-metadata .edit-link:before, .pingback .edit-link:before { content: "\002f"; display: inline-block; opacity: 0.6; padding: 0 0.538461538em; } .comment-content ul, .comment-content ol { margin: 0 0 0.65em 1.25em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-reply-link { border: 1px solid #dd0000; border-radius: 2px; display: inline-block; line-height: 1; margin: 1.0em 0; padding: 0.5384615385em 0.5384615385em 0.4615384615em; text-decoration: none; } .comment-reply-link:hover, .comment-reply-link:focus { border-color: currentColor; outline: 0; } .comment-form { padding: 0.65em 10px 0; } .comment-form label { display: block; letter-spacing: 0.076923077em; margin: 0; text-transform: uppercase; } .comment-list .comment-form { margin: 0; padding: 0; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { margin-bottom: 0.65em; } p.no-comments { border-top: 1px solid #dd0000; font-family: Montserrat, "Helvetica Neue", sans-serif; font-weight: 700; margin: 0; padding: 0.65em 0 0 10px; } .comment-navigation + .no-comments { border-top: 0; padding-top: 0; } .form-allowed-tags code { font-family: Inconsolata, monospace; } p.comment-form-comment, p.comment-form-author, p.comment-form-email, p.comment-form-url, p.form-submit { margin-bottom: 1.7em; padding: 0; } .comment-form textarea { margin: 0; padding: 0.2em; border-radius: 5px; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { margin: 0; padding: 0.5em 0.2em; color: #595959; border-radius: 5px; } .comment-form .submit { background-color: #0e1a3d; margin: 0; color: #dd0000; border-radius: 5px; } .form-submit { margin-bottom: 0; } .required { font-family: Merriweather, Georgia, serif; } .comment-reply-title small a { border: 0; float: right; height: 26px; overflow: hidden; width: 120px; } /********************************************************************* 6.0 - FORMS *********************************************************************/ input { line-height: normal; } button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background-color: #1e1e1e; border: 0; border-radius: 0 2px 2px 0; color: #dd0000; font-weight: 700; letter-spacing: 0.046875em; line-height: 1.0; padding: 0.84375em 0.875em 0.78125em; text-transform: uppercase; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted; outline-offset: -4px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { background: #f7f7f7; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); width: 80%; padding: 0.25em; color: #595959; border: 1px solid #d1d1d1; border-radius: 2px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { background-color: #ffffff; outline: 0; color: #595959; } .post-password-form { margin-bottom: 0.65em; } .post-password-form label { display: block; font-size: 14px; font-size: 1.4rem; line-height: 1.6; margin-bottom: 0.65em; text-transform: uppercase; } .post-password-form input[type="password"] { margin-top: 0.4375em; } .post-password-form > :last-child { margin-bottom: 0; } /********************************************************************* 7.0 - LINKS NAVIGATION *********************************************************************/ a:link, a:visited, a:hover, a:active { color: #dd0000; } .main-navigation ul { list-style: none; margin: 0; } .main-navigation ul ul { display: none; } .no-js .main-navigation ul ul { display: block; } .social-navigation ul { list-style: none; margin: 0; } .social-navigation li { float: left; margin: 0; } .social-navigation a { border: 1px solid #dd0000; border-radius: 50%; display: block; height: 35px; position: relative; width: 35px; text-decoration: none; } .social-navigation a:before { content: "\f415"; height: 33px; line-height: 33px; text-align: center; width: 33px; } .social-navigation a[href*="codepen.io"]:before { content: "\f216"; } .social-navigation a[href*="digg.com"]:before { content: "\f221"; } .social-navigation a[href*="dribbble.com"]:before { content: "\f201"; } .social-navigation a[href*="dropbox.com"]:before { content: "\f225"; } .social-navigation a[href*="facebook.com"]:before { content: "\f203"; } .social-navigation a[href*="flickr.com"]:before { content: "\f211"; } .social-navigation a[href*="foursquare.com"]:before { content: "\f226"; } .social-navigation a[href*="plus.google.com"]:before { content: "\f206"; } .social-navigation a[href*="github.com"]:before { content: "\f200"; } .social-navigation a[href*="instagram.com"]:before { content: "\f215"; } .social-navigation a[href*="linkedin.com"]:before { content: "\f208"; } .social-navigation a[href*="path.com"]:before { content: "\f219"; } .social-navigation a[href*="pinterest.com"]:before { content: "\f210"; } .social-navigation a[href*="getpocket.com"]:before { content: "\f224"; } .social-navigation a[href*="polldaddy.com"]:before { content: "\f217"; } .social-navigation a[href*="reddit.com"]:before { content: "\f222"; } .social-navigation a[href*="skype.com"]:before { content: "\f220"; } .social-navigation a[href*="stumbleupon.com"]:before { content: "\f223"; } .social-navigation a[href*="tumblr.com"]:before { content: "\f214"; } .social-navigation a[href*="twitter.com"]:before { content: "\f202"; } .social-navigation a[href*="vimeo.com"]:before { content: "\f212"; } .social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before { content: "\f205"; } .social-navigation a[href*="youtube.com"]:before { content: "\f213"; } .social-navigation a[href^="mailto:"]:before { content: "\f410"; } .social-navigation a[href*="spotify.com"]:before { content: "\f515"; } .social-navigation a[href*="twitch.tv"]:before { content: "\f516"; } .social-navigation a[href$="/feed/"]:before { content: "\f413"; } .post-navigation { padding: 0; border-top: 1px solid #dd0000; border-bottom: 1px solid #dd0000; clear: both; } .post-navigation a { display: block; padding: 0.65em 10px; } .post-navigation span { display: block; } .post-navigation .post-title { display: inline; font-weight: bold; } .post-navigation div + div { border-top: 1px solid #dd0000; } .pagination { margin: 0; padding: 0 10px; position: relative; text-align: right; } /* reset screen-reader-text */ .pagination .current .screen-reader-text { position: static !important; color: #ffffff; } .pagination .page-numbers { background-color: #ffffff; margin: 0; padding: 0.25em 0.5em; border: solid 1px; border-radius: 2px; text-decoration: none; } .pagination .current, .pagination a:hover, .pagination a:focus { background-color: #dd0000; color: #ffffff; } .pagination .current, .pagination a:hover, .pagination a:focus { border-color: #dd0000; } .pagination .dots { background-color: rgba(0,0,255,0); display: inline; border-style: none; color: #dd0000; } .image-navigation, .comment-navigation { margin: 0; padding: 0.65em 0; } .comment-navigation { margin-right: 0; margin-left: 0; } .comments-title + .comment-navigation { border-bottom: 0; margin-bottom: 0; } .image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty), .comment-navigation .nav-previous:not(:empty), .comment-navigation .nav-next:not(:empty) { display: inline-block; } .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before, .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { content: "\002f"; display: inline-block; opacity: 0.6; padding: 0; } /********************************************************************* 8.0 - ACCESSIBILITY *********************************************************************/ /* Text meant only for screen readers */ .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; /* many screen reader and browser combinations announce broken words as they would appear visually */ word-wrap: normal !important; } /** * Alignments */ .alignleft { float: left; margin: 0.375em 1.75em 0.65em 0; } .alignright { float: right; margin: 0.375em 0 0.65em 0.65em; } .aligncenter { clear: both; display: block; margin: 0 auto 0.65em; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } /********************************************************************* 9.0 - CLEARINGS *********************************************************************/ .clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after { content: ""; display: table; } .clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .content-bottom-widgets:after { clear: both; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /********************************************************************* 10.0 - HEADER *********************************************************************/ .header-top-outer { background-color: #0e1a3d; margin: 0; padding: 0; } .header-top-outer img { width: 100%; border: 0; } .header-top { position: relative; margin: 0 auto; padding: 0; } /********************************************************************* 10.1 - TITLE LOGO *********************************************************************/ .logo-title-outer { position: absolute; width: 100%; height: 36px; left: 0; bottom: 8px; margin: 0; padding: 0; clear: both; } .logo-title-outer h1.site-title { height: 36px; margin: 0; color: #dd0000; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .logo-title-outer h1.site-title a:link, .logo-title-outer h1.site-title a:visited, .logo-title-outer h1.site-title a:hover, .logo-title-outer h1.site-title a:active { padding: 0 0 0 10px; color: #dd0000; line-height: 44px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .logo-title-outer div.custom-logo { float: left; margin-right: -7px; } img.custom-logo { max-height: 36px; border: 0; } /********************************************************************* 10.2 - HEADER MENUS *********************************************************************/ .site-header-menu { background-color: #0e1a3d; width: 100%; margin: 0 0 1.7em 0; border-top: solid 4px #dd0000; -webkit-box-shadow: -3px 6px 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: -3px 6px 10px -5px rgba(0,0,0,0.4); box-shadow: -3px 6px 10px -5px rgba(0,0,0,0.4); } .site-header-menu ul { margin: 0 auto; padding: 0; -js-display: flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-header-menu li { display: inline-block; height: 50px; margin: 0; padding: 0 20px 0 10px; list-style: none; line-height: 50px; } .site-header-menu a:link, .site-header-menu a:visited, .site-header-menu a:hover, .site-header-menu a:active { color: #dd0000; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .header-image { position: relative; margin: 0 auto; clear: both; } .header-image img { width: 100%; margin: 0; border-radius: 5px; } .waist-outer { margin: 0 auto; } /********************************************************************* 11.0 - MINE CONTENT *********************************************************************/ .site-content { margin: 1.7em 0 0 0; word-wrap: break-word; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .site-main { background-color: #eaeaea; margin-bottom: 1.7em; padding-bottom: 1.7em; border-radius: 5px; } .site-main > :last-child { margin: 0; } .site-main > article { margin: 0; position: relative; } .entry-title { background-color: #0e1a3d; width: 100%; height: 42px; position: relative; margin: 0; white-space: nowrap; overflow: hidden; border-top: solid 4px #dd0000; border-top-left-radius: 5px; border-top-right-radius: 5px; } .entry-title h2 { margin: 0; position: absolute; top: 12px; left: 10px; color: #dd0000; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); line-height: 1.0; } .entry-title h2 a:link, .entry-title h2 a:visited, .entry-title h2 a:hover, .entry-title h2 a:active { color: #dd0000; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .post-thumbnail { display: block; } .post-thumbnail img { display: block; } .no-sidebar .post-thumbnail img { margin: 0 auto; } .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 { margin: 0; } .entry-content, .entry-summary { margin: 0; padding: 0.65em 10px 0; } .entry-content p { margin: 0; padding: 0 0 1.7em 0; } .entry-content > :last-child, .entry-summary > :last-child, body:not(.search-results) .entry-summary > :last-child, .comment-content > :last-child, .textwidget > :last-child { margin-bottom: 0.65em; } .more-link { white-space: nowrap; } .author-info { border-color: inherit; border-style: solid; border-width: 1px 0 1px 0; clear: both; padding-top: 0.65em; padding-bottom: 0.65em; } .author-avatar .avatar { float: left; height: 42px; margin: 0 0.65em 0.65em 0; width: 42px; } .author-description > :last-child { margin-bottom: 0; } .entry-content .author-title { clear: none; margin: 0; } .author-bio { overflow: hidden; } .author-link { white-space: nowrap; } .entry-footer { padding: 0.65em 10px; } .entry-footer:empty { margin: 0; } .entry-footer > span:not(:last-child):after { content: "\002f"; display: inline-block; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; padding: 0 0.538461538em; } .entry-footer .avatar { height: 21px; margin: 0 0.5384615385em 0 0; width: 21px; } .sticky-post { display: block; margin-bottom: 0.5384615385em; text-transform: uppercase; } /** * IE8 and earlier will drop any block with CSS3 selectors. * Do not combine these styles with the next block. */ .updated:not(.published) { display: none; } .sticky .posted-on, .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .taxonomy-description p { margin: 0.5384615385em 0 1.6153846154em; } .taxonomy-description > :last-child { margin-bottom: 0; } .page-links { clear: both; margin: 0; } .page-links a, .page-links > span { border: 1px solid #d1d1d1; border-radius: 2px; display: inline-block; margin: 0; text-align: center; width: 1.8461538462em; } .page-links a:hover, .page-links a:focus { border-color: transparent; } .page-links > .page-links-title { border: 0; height: auto; margin: 0; padding-right: 0.6153846154em; width: auto; } .entry-attachment { margin: 0 auto 0.65em; } .entry-caption { line-height: 1.7; padding-top: 0.65em; } .entry-caption > :last-child { margin-bottom: 0; } /** * Post Formats */ .blog .format-status .entry-title, .archive .format-status .entry-title { display: none; } /********************************************************************* 12.0 - WIDGETS *********************************************************************/ .content-bottom-widgets-left, .content-bottom-widgets-right { margin-bottom: 1.7em; } .widget { background-color: #eaeaea; margin-bottom: 1.7em; padding: 0; } .widget-area { margin: 0; padding: 0; } .widget-area ul { margin: 0; padding: 0.65em 10px 0; list-style: none; } .widget-area li { padding: 0; line-height: 1.7; } .widget-area li a:link, .widget-area li a:visited { text-decoration: none; } .widget-area li a:hover, .widget-area li a:active, .widget-area li a:focus { text-decoration: underline; } .widget-area > :last-child, .widget > :last-child { margin-bottom: 0; } .widget-title { background-color: #0e1a3d; width: 100%; height: 42px; position: relative; margin: 0; white-space: nowrap; overflow: hidden; border-top: solid 4px #dd0000; border-top-left-radius: 5px; border-top-right-radius: 5px; } .widget-title h3 { margin: 0; position: absolute; top: 12px; left: 10px; color: #dd0000; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); line-height: 1.0; } .widget-title h3 a:link, .widget-title h3 a:visited, .widget-title h3 a:hover, .widget-title h3 a:active { margin: 0; color: #dd0000; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); line-height: 1.0; } /********************************************************************* 13.0 - SIDEBAR *********************************************************************/ .sidebar { margin-bottom: 1.7em; } /********************************************************************* 14.0 - MEDIA *********************************************************************/ .waist-outer .avatar { border-radius: 50%; } .entry-content .wp-smiley, .entry-summary .wp-smiley, .comment-content .wp-smiley, .textwidget .wp-smiley { border: none; margin-top: 0; margin-bottom: 0; padding: 0; } .entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img { display: block; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { margin-bottom: 1.7em; max-width: 100%; vertical-align: middle; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } .entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a { box-shadow: none; } .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist { margin-top: 0; margin-bottom: 0.65em; } .wp-playlist.wp-audio-playlist { padding-bottom: 0; } .wp-playlist .wp-playlist-tracks { margin-top: 0; } .wp-playlist-item .wp-playlist-caption { border-bottom: 0; padding: 0.7142857143em 0; } .wp-playlist-item .wp-playlist-item-length { top: 0.7142857143em; } /********************************************************************* 15.0 - CAPTIONS *********************************************************************/ .wp-caption { max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } /********************************************************************* 16.0 - GALLERIES *********************************************************************/ .gallery { margin: 0 -1.1666667% 0.65em; } .gallery-item { display: inline-block; max-width: 33.33%; margin: 0; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .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%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { display: block; line-height: 1.7; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .post-thumbnail { margin: 0; } /********************************************************************* 17.0 - MULTISITES *********************************************************************/ .widecolumn { margin-bottom: 3.0em; padding: 0 7.6923%; } .widecolumn .mu_register { width: auto; } .widecolumn .mu_register .mu_alert { background: transparent; border-color: #d1d1d1; color: inherit; margin-bottom: 3.0em; padding: 0.65em; } .widecolumn form, .widecolumn .mu_register form { margin-top: 0; } .widecolumn h2 { line-height: 1.6; margin-bottom: 0.65em; } .widecolumn p { margin: 0.65em 0; } .widecolumn p + h2 { margin-top: 0.65em; } .widecolumn label, .widecolumn .mu_register label { letter-spacing: 0.076923077em; line-height: 1.6; text-transform: uppercase; } .widecolumn .mu_register label { margin: 2.1538461538em 0.7692307692em 0.5384615385em 0; } .widecolumn .mu_register label strong { font-weight: 400; } .widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name { width: 100%; } .widecolumn .mu_register #blogname { margin: 0; } .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name { margin: 0 0 0.375em; } .widecolumn #submit, .widecolumn .mu_register input[type="submit"] { margin: 0; width: auto; } .widecolumn .mu_register .prefix_address, .widecolumn .mu_register .suffix_address { } .widecolumn .mu_register > :last-child, .widecolumn form > :last-child { margin-bottom: 0; } .site-footer { margin: 0; padding: 0; } .site-info { width: 100%; background-color: #0e1a3d; border-top: solid 4px #dd0000; } .info, .info a:link, .info a:visited, .info a:hover, .info a:active { color: #dd0000; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .info-copy, .info-copy a:link, .info-copy a:visited, .info-copy a:hover, .info-copy a:active { color: #dd0000; font-size: 8px; font-size: 0.8rem; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } /********************************************************************* 18.00 - WIDGET_SEARCH *********************************************************************/ .widget_search { height: 84px; padding: 0 3%; border-radius: 5px; clear: both; } .widget_search .search-field { background-color: #f7f7f7; width: 80%; height: 28px; float: left; margin: 28px 0 0 0; padding: 0 0.25em; color: #595959; border-top-left-radius: 5px; border-bottom-left-radius: 5px; line-height: 1.2; } .widget_search .search-field:focus { background-color: #ffffff; color: #595959; } .widget_search .search-submit:before { content: "\f400"; font-size: 20px; line-height: 7px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .widget_search .search-submit { background-color: #dd0000; width: 20%; height: 28px; float: right; margin: 28px 0 0 0; color: #0e1a3d; border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } /********************************************************************* 18.01 - WIDGET_CALENDAR *********************************************************************/ .widget_calendar { padding: 0; border-radius: 5px; } .widget.widget_calendar table { width: 100%; margin: 0; } .widget_calendar td, .widget_calendar th { line-height: 2.5; text-align: center; } .widget_calendar caption { font-weight: bold; margin: 0.65em 0 0 10px; } .widget_calendar tbody a { background-color: #dd0000; color: #ffffff; display: block; font-weight: bold; text-decoration: none; border-radius: 5px; } .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: #dd0000; color: #ffffff; } /********************************************************************* 18.02 - WIDGET_NAV_MENU *********************************************************************/ .widget_nav_menu { padding: 0; border-radius: 5px; } .widget_nav_menu ul.menu { margin: 0; padding: 0.65em 0 0.5em 0; } .widget_nav_menu ul.menu li { padding: 0 10px; } /********************************************************************* 18.03 - WIDGET_WIDGET_PAGES *********************************************************************/ .widget_pages { padding-bottom: 0.65em; border-radius: 5px; } /********************************************************************* 18.04 - WIDGET_TEXT *********************************************************************/ .widget_text { padding: 0; border-radius: 5px; } .textwidget { margin: 0; padding: 0; } .textwidget p { margin: 0.65em 10px 0; line-height: 1.7; } .textwidget a:link { display: inline; text-decoration: underline; } .textwidget a:link { text-decoration: underline; } .textwidget a:visited { text-decoration: underline; } .textwidget a:hover { text-decoration: none; } .textwidget a:active { text-decoration: none; } /********************************************************************* 18.05 - WIDGET_TAG_CLOUD *********************************************************************/ .widget_tag_cloud { padding: 0; border-radius: 5px; } .tagcloud { padding: 0.65em 5px; } .tagcloud a { border: 1px solid #dd0000; border-radius: 2px; display: inline-block; color: #dd0000; margin: 0 2px 7px 0; line-height: 1.0; padding: 5px; text-decoration: none; } .tagcloud a:hover, .tagcloud a:focus { background-color: #dd0000; border-color: #dd0000; color: #ffffff; outline: 0; text-decoration: none; } /********************************************************************* 18.06 - WIDGET_RECENT_COMMENTS *********************************************************************/ .widget_recent_comments { padding-bottom: 0.65em; border-radius: 5px; } .comsubline { width: 100%; } /********************************************************************* 18.07 - WIDGET_RECENT_ENTRIES *********************************************************************/ .widget_recent_entries { padding-bottom: 0.65em; border-radius: 5px; } /********************************************************************* 18.08 - WIDGET_CATEGORIES *********************************************************************/ .widget_categories { padding-bottom: 0.65em; border-radius: 5px; } .widget_categories select { margin-left: 10px; } /********************************************************************* 18.09 - WIDGET_ARCHIVE *********************************************************************/ .widget_archive { padding-bottom: 0.65em; border-radius: 5px; } .widget_archive select{ margin-left: 10px; } /********************************************************************* 18.10 - WIDGET_RSS *********************************************************************/ .widget_rss { padding-bottom: 0.65em; border-radius: 5px; } .widget_rss .widget-title h3 a { display: inline; margin-left: 1px; color: #dd0000; font-weight: bold; text-decoration: none; } .widget_rss .widget-title h3 a img { float: left; margin: 0 0 0 0; border: 0; } /********************************************************************* 18.11 - WIDGET_LINKS *********************************************************************/ .widget_links { padding-bottom: 0.65em; border-radius: 5px; } /********************************************************************* 18.12 - WIDGET_META *********************************************************************/ .widget_meta { padding-bottom: 0.65em; border-radius: 5px; } /********************************************************************* 19 - MEDIAQUERY_START *********************************************************************/ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /********************************************************************* 19.1 - 300px from 479px *********************************************************************/ @media screen and (min-width:300px) and ( max-width:479px) { .custom-background { background-size: cover; } .header-top { width: 96%; height: 50px; } .site-header-menu { margin: 0 0 1.0em 0; } .site-header-menu ul { width: 96%; padding: 0; } .header-image { width: 96%; margin: 0 auto; } .site-description { display: none; } .waist-outer { width: 96%; } .site-content { margin: 1.0em 0 0 0; } .site-main { margin-bottom: 1.0em; } .content-bottom-widgets-left, .content-bottom-widgets-right { margin-bottom: 1.0em; } .widget { margin-bottom: 1.0em; } .sidebar { margin-bottom: 1.0em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input[type="number"], textarea { width: 100%; } .site-footer .main-navigation { margin-left: 10px; margin-bottom: 1.0em; } .site-footer .social-navigation { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: 10px; margin-bottom: 1.0em; } .site-footer .social-navigation ul { list-style: none; margin: 0 0 -0.4375em; } .site-footer .social-navigation li { margin: 0 0.4375em 0.4375em 0; } .site-info { padding: 26px 0 20px; text-align: center; } } /********************************************************************* 19.2 - 480px from 719px *********************************************************************/ @media screen and (min-width:480px) and ( max-width:719px) { .custom-background { background-size: cover; } .header-top { width: 96%; } .site-header-menu { margin: 0 0 1.0em 0; } .site-header-menu ul { width: 96%; padding: 0; } .header-image { width: 96%; margin: 0 auto; } .site-description { display: none; } .waist-outer { width: 96%; } .site-content { margin: 1.0em 0 0 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input[type="number"], textarea { width: 100%; } .site-footer .main-navigation { margin-left: 10px; margin-bottom: 1.0em; } .site-footer .social-navigation { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: 10px; margin-bottom: 1.0em; } .site-footer .social-navigation ul { list-style: none; margin: 0 0 -0.4375em; } .site-footer .social-navigation li { margin: 0 0.4375em 0.4375em 0; } .site-info { padding: 26px 0 20px; text-align: center; } } /********************************************************************* 19.3 - 720px from *********************************************************************/ @media screen and (min-width:720px) { body:not(.custom-background-image).admin-bar:before { top: 32px; } .custom-background { background-size: cover; } .header-top { width: 96%; } .site-header-menu ul { width: 96%; padding: 0; } .header-image { width: 96%; } .waist-outer { width: 96%; } .site-header .social-navigation, .site-footer .main-navigation { display: none; } .site-description { background-color: #ffffff; filter:alpha(opacity=45); -moz-opacity: 0.45; opacity: 0.45; position: absolute; width: 46%; left: 1%; top: 3%; border-radius: 5px; box-shadow: 1px 1px 3px #eeeeee; -moz-box-shadow: 1px 1px 3px #eeeeee; -webkit-box-shadow: 1px 1px 3px #eeeeee; } p.site-description { padding: 0.65em; color: #595959; } .content-bottom-widgets { margin-bottom: 1.7em; padding: 0; } .content-area { float: left; width: 73%; } .content-bottom-widgets-left { float: left; width: 48.65%; display: block; margin: 0; } .content-bottom-widgets-right { float: right; width: 48.65%; display: block; margin: 0; } .sidebar { float: right; padding: 0; width: 25%; } .widget blockquote { padding-left: 1.0625em; } .widget pre { padding: 0.5384615385em; } .widget fieldset { padding: 0.5384615385em; } .no-sidebar .content-area { float: none; margin: 0; width: 100%; } .no-sidebar .content-bottom-widgets-left { float: none; margin: 0; width: 100%; } .no-sidebar .content-bottom-widgets-right { float: none; margin: 0; width: 100%; } .widecolumn { padding-right: 15%; padding-left: 15%; } .site-footer .social-navigation { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: 10px; margin-bottom: 1.7em; } .site-footer .social-navigation ul { list-style: none; margin: 0 0 -0.4375em; } .site-footer .social-navigation li { margin: 0 0.4375em 0.65em 0; } .site-info { padding: 26px 0 20px; text-align: center; } } /********************************************************************* 19.4 - 1024px from *********************************************************************/ @media screen and (min-width:1024px) { .custom-background { background-size: cover; } .header-top { width: 80%; } .site-header-menu ul { width: 80%; padding: 0; } .header-image { width: 80%; } .waist-outer { width: 80%; } .site-content { padding: 0; } .entry-content h4, .entry-summary h4, .entry-intro h4, .comment-content h4 { letter-spacing: 0.131578947em; } } /********************************************************************* 19.5 - iPhone 1080px *********************************************************************/ @media only screen and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { html { -webkit-text-size-adjust: none; } body { font-size: 1.8rem; } .header-top { width: 96%; height: 50px; } .logo-title-outer { bottom: 10px; } .logo-title-outer h1.site-title { font-size: 2.6rem; } .site-header-menu ul li a:link, .site-header-menu ul li a:visited, .site-header-menu ul li a:hover, .site-header-menu ul li a:active { line-height: 2.8; } .site-description { display: none; } .waist-outer { width: 96%; margin: 0 auto; } .entry-title h2 { top: 10px; font-size: 1.8rem; } .widget-title h3 { top: 10px; font-size: 1.8rem; } .widget_search .search-field { height: 30px; padding: 0 3px; line-height: 1.5; } .widget_search .search-submit:before { line-height: 2px; } .widget_search .search-submit { height: 28px; } .comment-form textarea { padding: 0; } .widget_rss .widget-title h3 a { margin: 0 0 0 2px; } .widget_rss .widget-title h3 a img { margin: 1px 0 0 0; } .site-info { padding: 2.5em 0 2.0em; text-align: center; } } /********************************************************************* 19.6 - iPhone 1920px *********************************************************************/ @media only screen and (max-width: 1920px) and (-webkit-min-device-pixel-ratio:2) and (orientation: landscape) { html { -webkit-text-size-adjust: none; } body { font-size: 1.8rem; } .header-top { width: 96%; height: 50px; } .logo-title-outer { bottom: 10px; } .logo-title-outer h1.site-title { font-size: 2.6rem; } .site-header-menu ul li a:link, .site-header-menu ul li a:visited, .site-header-menu ul li a:hover, .site-header-menu ul li a:active { line-height: 2.8; } .site-description { display: none; } .site-main { margin-bottom: 1.0em; } .content-bottom-widgets-left, .content-bottom-widgets-right { margin-bottom: 1.0em; } .widget { margin-bottom: 1.0em; } .sidebar { margin-bottom: 1.0em; } .waist-outer { width: 96%; margin: 0 auto; } .entry-title h2 { top: 10px; font-size: 1.8rem; } .widget-title h3 { top: 10px; font-size: 1.8rem; } .widget_search .search-field { height: 30px; padding: 0 3px; line-height: 1.5; } .widget_search .search-submit:before { line-height: 2px; } .widget_search .search-submit { height: 28px; } .comment-form textarea { padding: 0; } .widget_rss .widget-title h3 a { margin: 0 0 0 2px; } .widget_rss .widget-title h3 a img { margin: 1px 0 0 0; } .site-info { padding: 2.5em 0 2.0em; text-align: center; } } /********************************************************************* 20.0 - PRINT *********************************************************************/ @media print { form, button, input, select, textarea, .navigation, .main-navigation, .social-navigation, .sidebar, .content-bottom-widgets, .header-image, .page-links, .edit-link, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link { display: none; } body, blockquote cite, blockquote small, pre, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6, .entry-content .author-title { font-size: 12pt; } blockquote { font-size: 14.25pt; } .site-title, .page-title, .comments-title, .entry-content h2, .entry-summary h2, .comment-content h2, .widecolumn h2 { font-size: 17.25pt; } .site-description { display: block; } .entry-title { font-size: 24.75pt; line-height: 1.2727272727; margin-bottom: 1.696969697em; } .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { font-size: 17.25pt; line-height: 1.304347826; margin-bottom: 1.826086957em; } .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 21pt; } .entry-content h3, .entry-summary h3, .comment-content h3, .site-description, .author-bio, .entry-footer, .sticky-post, .taxonomy-description, .entry-caption, .comment-metadata, .comment-notes, .comment-awaiting-moderation, .site-info, .wp-caption .wp-caption-text, .gallery-caption { font-size: 9.75pt; } body, .waist-outer { background: none !important; /* Brute force since user agents all print differently. */ } body, blockquote cite, blockquote small, .site-title a, .entry-title a, .comment-author { color: #595959 !important; /* Make sure color schemes don't affect to print */ } blockquote, .comments-title { border-color: #595959 !important; /* Make sure color schemes don't affect to print */ } blockquote, .site-description, body:not(.search-results) .entry-summary, body:not(.search-results) .entry-summary blockquote, .author-bio, .entry-footer, .entry-footer a, .sticky-post, .taxonomy-description, .entry-caption, .comment-author, .comment-metadata a, .comment-notes, .comment-awaiting-moderation, .site-info, .site-info a, .wp-caption .wp-caption-text, .gallery-caption { color: #595959 !important; /* Make sure color schemes don't affect to print */ } code, hr { background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ } pre, abbr, acronym, table, th, td, .author-info, .comment-list article, .comment-list .pingback, .comment-list .trackback, .no-comments { border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ } a { color: #595959 !important; /* Make sure color schemes don't affect to print */ } .entry-content a, .entry-summary a, .taxonomy-description a, .comment-content a, .pingback .comment-body > a { box-shadow: none; border-bottom: 1px solid #595959 !important; /* Make sure color schemes don't affect to print */ } .waist-outer { margin: 5%; } .site-header { padding: 0 0 1.75em; } .site-main { margin-bottom: 3.5em; } .entry-header, .entry-footer, .entry-content, .entry-summary, .post-thumbnail, .comments-area { margin-right: 0; margin-left: 0; } .post-thumbnail, .site-main > article { margin-bottom: 3.5em; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { border-width: 4px 0 0 0; padding: 0.9473684211em 0 0; } .site-footer, .widecolumn { padding: 0; } }