/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Reset & Normalize # Base & Components - Elements - Forms - Links - Alignments - Accessibility - Galleries - Navigation - Comments - Widgets # Plugins - Jetpack infinite scroll # Layout # Header # Pages - Archive - Error & Search - Blog - Single Blog # Footer # Media Queries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Reset & Normalize --------------------------------------------------------------*/ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted ButtonText; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ body, button, input, select, textarea { font-family: 'Ubuntu', sans-serif; font-weight: normal; text-transform: none; font-size: 16px; line-height: 1.5; } p { margin-bottom: 1em; color: #666666; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; } pre { background: rgba(0, 0, 0, 0.05); font-family: inherit; font-size: inherit; line-height: normal; margin-bottom: 1.5em; padding: 20px; overflow: auto; max-width: 100%; } blockquote { padding: 20px; font-size: 1.2em; font-style: italic; margin: 0 0 1.5em; position: relative; } blockquote p:last-child { margin: 0; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.5em; width: 100%; } th, td { padding: 8px; } th { border-width: 0 1px 1px 0; } td { border-width: 0 1px 1px 0; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 40px; margin-top: 40px; } fieldset { padding: 0; border: 0; min-width: inherit; } fieldset legend { padding: 0; margin-bottom: 1.5em; } h1 { font-size: 36px; margin-bottom: 20px; line-height: 1.2em; font-weight: normal; text-transform: none; } h2 { font-size: 32px; margin-bottom: 20px; line-height: 1.2em; font-weight: normal; text-transform: none; } h3 { font-size: 29px; margin-bottom: 20px; line-height: 1.2em; font-weight: normal; text-transform: none; } h4 { font-size: 24px; } h5 { font-size: 20px; } h4, h5, h6 { margin-bottom: 20px; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; max-width: 100%; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { color: #fff; border: 1px solid transparent; cursor: pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ padding: 10px 15px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select { border: 1px solid #eaeaea; -webkit-border-radius: 0; border-radius: 0; padding: 10px 15px; max-width: 100%; width: 100%; } textarea { width: 100%; } /*-------------------------------------------------------------- # Links --------------------------------------------------------------*/ *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after { display: table; content: ''; } .clearfix:after { clear: both; } a, button, input { -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; } a, a:visited, a:focus { text-decoration: none; color: #1e73be; } a:hover, a:focus, a:active { text-decoration: none; color: #000000; } .button, .wp-block-button .wp-block-button__link { padding: 10px 20px; display: inline-block; } .wp-block-button .wp-block-button__link { font-size: inherit; line-height: inherit; } .using-mouse :focus { outline: 0; } .using-mouse ::-moz-focus-inner { border: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { float: left; margin-right: 1.5em; } .alignright { float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .no-sidebar .entry-content .alignfull { margin-left: -webkit-calc(0vw); margin-left: calc(0vw); margin-right: -webkit-calc(0vw); margin-right: calc(0vw); max-width: 100vw; width: auto; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .wp-block-gallery, ul.blocks-gallery-grid { margin-left: 0; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { background: rgba(255, 255, 255, 0.7); color: #000; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .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%; } .gallery-caption { display: block; } .site-main .gallery { margin-bottom: 1.5em; } .gallery-item img { vertical-align: bottom; } .gallery-icon { padding: 5px; } embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ nav#site-navigation { margin-left: auto; } .main-navigation .inside-navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-navigation .sf-menu ul { padding-top: 10px; padding-bottom: 10px; background-color: #fff; } .main-navigation ul li a { display: block; text-decoration: none; font-weight: normal; text-transform: none; font-size: 15px; padding: 10px 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-top: 0; } .main-navigation ul li.sfHover > a { color: #1e73be; } .menu-search-bar a { color: #999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu-search-bar a:hover { color: #1e73be; } .search-overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.95); z-index: 99; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); -webkit-transition: .5s all; -o-transition: .5s all; transition: .5s all; opacity: 0; visibility: hidden; } .search-overlay form.search-form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 90%; background-color: #eaeaea; } .search-overlay button.close { padding: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 50px; right: 20px; background-color: transparent; color: red; font-size: 36px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .search-overlay button.close:hover { opacity: .7; } .search-overlay input.search-field { border: 0; border-bottom: 1px solid #000; } .search-overlay form.search-form { position: relative; -webkit-border-radius: 0; border-radius: 0; } .search-overlay form.search-form label { width: 100%; -webkit-border-radius: 0; border-radius: 0; margin: 0; } .search-overlay form.search-form input.search-field { width: 100%; display: block; -webkit-border-radius: 0; border-radius: 0; font-size: 28px; text-align: center; border: 0; background: transparent; } .search-overlay form.search-form input.search-field::-webkit-input-placeholder { color: #515151; } .search-overlay form.search-form input.search-field::-moz-placeholder { color: #515151; } .search-overlay form.search-form input.search-field:-ms-input-placeholder { color: #515151; } .search-overlay form.search-form input.search-field::-ms-input-placeholder { color: #515151; } .search-overlay form.search-form input.search-field::placeholder { color: #515151; } .search-overlay form.search-form input.search-submit { display: none; } .search-overlay.active_overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } nav.footer-navigation { margin-bottom: 20px; } nav.footer-navigation ul { margin: 0; padding: 0; list-style: none; } nav.footer-navigation ul li { display: inline-block; } nav.footer-navigation ul li a { display: block; color: #fff; padding: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } nav.footer-navigation ul li a:hover { opacity: .7; } /*-------------------------------------------------------------- # Comments --------------------------------------------------------------*/ .comments-area { background-color: #fff; padding: 30px; } .comments-area input.submit { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; outline: none; } .comments-area .bypostauthor { display: block; } .comments-area .comment-content { padding: 0; margin-top: 1em; } .comments-area .comment-content a { word-wrap: break-word; } .comments-area .comment, .comments-area .comment-list { list-style-type: none; padding: 0; margin: 0; } .comments-area .comment-author-info { display: inline-block; vertical-align: middle; } .comments-area .comment-meta .avatar { float: left; margin-right: 10px; -webkit-border-radius: 50%; border-radius: 50%; } .comments-area .comment-author cite { font-style: normal; font-weight: bold; } .comments-area .entry-meta.comment-metadata { margin-top: 0; } .comments-area .comment-respond { margin-top: 0; } .comments-area .comment-form > .form-submit { margin-bottom: 0; } .comments-area .comment-form input, .comments-area .comment-form-comment { margin-bottom: 10px; } .comments-area .comment-form #author, .comments-area .comment-form #email, .comments-area .comment-form #url { display: block; } .comments-area .comment-metadata .edit-link:before { display: none; } .comments-area .comment-body { padding: 20px; padding-top: 1em; border: 1px solid #eaeaea; } .comments-area .depth-1.parent > .children { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .comments-area .comment .children { padding-left: 30px; margin-bottom: 20px; border-left: 1px solid rgba(0, 0, 0, 0.05); } .comments-area .pingback .comment-body, .comments-area .trackback .comment-body { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .comments-area .pingback .edit-link { font-size: 13px; } .comments-area .comment-content p:last-child { margin-bottom: 0; } .comments-area .comment-list > .comment:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .comments-area ol.comment-list { margin-bottom: 1.5em; } .comments-area .comment-form-cookies-consent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .comments-area .comment-form-cookies-consent input { margin-right: 0.5em; margin-bottom: 0; } .comments-area .one-container .comments-area { margin-top: 1.5em; } .comments-area .comment-content .reply { font-size: 85%; } .comments-area #cancel-comment-reply-link { padding-left: 10px; } .comments-area p.comment-form-comment label { padding-bottom: 10px; display: block; } .comments-area h3.comment-reply-title { font-size: 20px; } .comments-area .reply { padding-top: 1em; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .right-sidebar { margin-bottom: 20px; } aside.widget-area { background: #fff; margin-top: 20px; padding: 30px; } aside.widget-area h2.widget-title { font-size: 20px; } form.search-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } form.search-form input.search-field { color: #666666; background-color: #fafafa; border-color: #cccccc; width: 100%; outline: none; } form.search-form input.search-submit { font-size: 16px; color: #ffffff; border: 1px solid transparent; background-color: #55555e; outline: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding-left: 10px; padding-right: 10px; } .widget-area ul, .footer-widgets ul { margin: 0; padding: 0; list-style: none; } .widget-area ul li, .footer-widgets ul li { position: relative; margin-bottom: 0.5em; } .widget-area ul li ul.children, .footer-widgets ul li ul.children { padding-top: 10px; padding-left: 10px; } .widget-area ul li a, .footer-widgets ul li a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; line-height: 1.5; } .footer-widgets { background-color: #fff; padding: 40px 0px; } .footer-widgets .inside-footer-widgets { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-widgets .inside-footer-widgets > div { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; } .footer-widgets h2.widget-title { font-size: 20px; } .footer-widgets .footer-widget { padding-right: 40px; } .footer-widgets .footer-widget:last-child { padding-right: 0px; } .footer-widgets section.widget { margin-bottom: 20px; } .footer-widgets section.widget:last-child { margin-bottom: 0px; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ .site-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-content .content-area { width: 70%; } .site-content .site-main { margin: 20px; margin-left: 0px; } .site-content .right-sidebar { width: 30%; } .site-content .content-area.full-width { width: 100%; } .site-content .content-area.full-width .site-main { margin-right: 0; } .left-sidebar .sidebar-inner { margin-right: 20px; } .site-content .site-main.left-sidebar { margin-right: 0; } .grid-container { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 15px; padding-right: 15px; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .header-top-bar { background-color: #666666; padding: 10px 0px; } .header-top-bar .inside-top-header { color: #fff; } .header-top-bar .inside-top-header .widget p { color: #fff; margin: 0; } .site-header { background-color: #fff; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; position: relative; } .site-header .inside-site-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 20px; padding-bottom: 20px; position: relative; } .site-header .inside-site-header .site-branding-container { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .site-header .inside-site-header .site-branding-container .site-logo { padding-right: 20px; } .site-header .inside-site-header .site-branding-container .site-branding .site-title { margin: 0; font-size: 28px; line-height: 1.2em; } .site-header .inside-site-header .site-branding-container .site-branding .site-description { margin: 0; line-height: 1.5; font-weight: normal; text-transform: none; font-size: 15px; } .slicknav_menu { display: none; } /*-------------------------------------------------------------- # Pages --------------------------------------------------------------*/ .page-header-section { float: left; width: 100%; } .page-header-section .page-title { text-align: center; background-color: #fff; margin-top: 20px; padding: 30px; } .page-header-section .page-title h1.entry-title { margin: 0; } .page-header-section .post-thumbnail { line-height: 0; margin-top: 20px; } .page-links { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; } .page-links span.post-page-numbers.current { background-color: #eaeaea; } .page-links a, .page-links span { padding: 5px 10px; border: 1px solid #eaeaea; line-height: 0; } .page-links a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ article.sticky .inside-article { background: #f1f1f1; } article { margin-bottom: 20px; } article .inside-article { background-color: #fff; padding: 30px; } article .inside-article h1.entry-title { font-size: 29px; } article .inside-article h3.entry-title { margin: 0; word-break: break-all; } article .inside-article .entry-meta { font-size: 85%; margin-top: .5em; line-height: 1.5; } article .inside-article .post-image { margin-top: 2em; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; line-height: 0; } article .inside-article .entry-content { margin-top: 2em; margin-bottom: 2em; } article .inside-article .entry-content a.read-more { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } article .inside-article .entry-content input[type=password] { margin-bottom: 10px; } article .inside-article span.cat-links, article .inside-article span.tags-links, article .inside-article span.comments-link, article .inside-article span.edit-link { display: block; color: #1e73be; } article .inside-article span.cat-links a, article .inside-article span.tags-links a, article .inside-article span.comments-link a, article .inside-article span.edit-link a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } article .inside-article span.cat-links i, article .inside-article span.tags-links i, article .inside-article span.comments-link i, article .inside-article span.edit-link i { color: #8B8B8B; } article .inside-article span.edit-link { margin-top: 1em; } nav.navigation.pagination { background-color: #fff; padding: 30px; } nav.navigation.pagination ul.page-numbers { margin: 0; padding: 0; list-style: none; } nav.navigation.pagination ul.page-numbers li { display: inline-block; padding: 0px 5px; } nav.navigation.pagination ul.page-numbers li a { display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } nav.navigation.pagination ul.page-numbers li span.page-numbers.current { font-weight: 700; } nav.navigation.pagination a.prev.page-numbers { position: relative; padding-left: 20px; } nav.navigation.pagination a.prev.page-numbers::before { position: absolute; left: 0; top: 4px; width: 100%; height: 100%; content: "\f060"; font-family: 'FontAwesome'; font-size: 12px; } nav.navigation.pagination a.next.page-numbers { position: relative; padding-right: 20px; } nav.navigation.pagination a.next.page-numbers::after { position: absolute; right: 0; top: 4px; width: 12px; height: 100%; content: "\f061"; font-size: 12px; font-family: 'FontAwesome'; } /*-------------------------------------------------------------- # Single Blog --------------------------------------------------------------*/ nav.navigation.post-navigation { background-color: #fff; margin-top: 20px; padding: 30px; } nav.navigation.post-navigation .nav-previous { padding-bottom: 10px; } nav.navigation.post-navigation .nav-previous a { position: relative; padding-left: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } nav.navigation.post-navigation .nav-previous a::before { position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content: "\f060"; font-size: 12px; font-family: 'FontAwesome'; } nav.navigation.post-navigation .nav-next a { position: relative; padding-left: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } nav.navigation.post-navigation .nav-next a::after { position: absolute; left: 0; top: 0px; width: 12px; height: 100%; content: "\f061"; font-size: 12px; font-family: 'FontAwesome'; } .inside-article.quote-article blockquote.quote-text { position: relative; border: none; padding: 0px; padding-left: 30px; margin: 0; } .inside-article.quote-article blockquote.quote-text::before { position: absolute; font-size: 80px; content: "“"; top: -4px; left: -15px; line-height: 1; text-align: left; } .inside-article.quote-article .quote-meta { text-align: right; font-style: italic; font-size: 1.2em; } .author-box { background-color: #fff; padding: 30px; margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .author-box .author-thumb { margin-right: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 0; max-width: 140px; width: 100%; } .author-box h3.s-title { color: #373737; font-size: 20px; } .author-box h3.s-title a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .archive-header { background-color: #fff; padding: 30px; margin-bottom: 20px; } .archive-header h1.page-title { font-size: 35px; margin: 0; } .archive-header .archive-description { margin-top: 1em; } .archive-header .archive-description p { margin: 0; } .amzpress-related-posts-wrap { background-color: #fff; margin-top: 20px; padding: 30px 20px; } .amzpress-related-posts-wrap h2.entry-title { font-size: 20px; padding-left: 10px; } .amzpress-related-posts-wrap .amzpress-related-posts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-related-post { float: left; padding: 10px; max-width: 50%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-related-post-content { margin-bottom: 0.5em; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-inside-related-post { -webkit-box-shadow: 0px 0px 16px 0px rgba(27, 27, 27, 0.1); box-shadow: 0px 0px 16px 0px rgba(27, 27, 27, 0.1); padding: 15px; width: 100%; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-inside-related-post h3.entry-title { margin: 0; line-height: 1; padding-bottom: 5px; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-inside-related-post h3.entry-title a { font-size: 20px; word-break: break-all; color: #373737; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-inside-related-post h3.entry-title a:hover { color: #1E73BE; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-inside-related-post .amzpress-related-post-thumbnail { line-height: 0; margin-bottom: 0.5em; overflow: hidden; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-inside-related-post .amzpress-related-post-thumbnail:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-inside-related-post .amzpress-related-post-thumbnail img { height: 220px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; } /*-------------------------------------------------------------- # Archive --------------------------------------------------------------*/ .category-section { float: left; width: 100%; padding-top: 50px; } .category-section .inner-category-section { margin-top: 20px; } .category-section .category-header h2 { font-size: 29px; } .category-section .category-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category-section .single-category-item { float: left; max-width: 33.33%; padding: 10px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .category-section .single-category-item a.inner-single-category-item { line-height: 0; -webkit-box-shadow: 0px 0px 16px 0px rgba(27, 27, 27, 0.1); box-shadow: 0px 0px 16px 0px rgba(27, 27, 27, 0.1); display: block; background-color: #fff; width: 100%; } .category-section .single-category-item a.inner-single-category-item img { height: 250px; -o-object-fit: cover; object-fit: cover; } .category-section .single-category-item a.inner-single-category-item h3 { padding: 15px; font-size: 20px; margin: 0; } .right-sidebar.full-width { display: none; } .site-content .content-area.left-sidebar { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .site-content .right-sidebar.left-sidebar { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .search-btn { display: block; color: #fff; } /*-------------------------------------------------------------- # Error & Search --------------------------------------------------------------*/ .error-404 { width: 100%; padding: 50px 0px 70px 0px; text-align: center; } .error-404 h1.error-title-large { font-size: 80px; } .error-404 .error-search { margin-top: 25px; } .error-404 .error-search form.search-form { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .no-results.not-found { background-color: #fff; padding: 30px; } .page-header.search { background-color: #eee; padding: 30px; margin-bottom: 20px; } .page-header.search h1 { margin: 0; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ footer.site-info { background-color: #666; padding: 20px 0px 30px 0px; text-align: center; } footer.site-info .footer-bar { color: #fff; } footer.site-info .footer-bar h2.widget-title { font-size: 22px; } footer.site-info .footer-bar .textwidget p { color: #fff; } footer.site-info .copyright-bar { color: #fff; font-size: 14px; } footer.site-info .copyright-bar .copyright-text p { color: #fff; } footer.site-info .copyright-bar a { color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } footer.site-info .copyright-bar a:hover { opacity: .7; } /*-------------------------------------------------------------- # Media Queries --------------------------------------------------------------*/ @media all and (min-width: 981px) { .site-header.sticky-menu { position: fixed !important; top: 0; width: 100%; left: 0; z-index: 999; -webkit-animation: headerSlideDown .95s ease forwards; animation: headerSlideDown .95s ease forwards; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); background: #fff !important; } .site-header.sticky-menu .inside-site-header { padding-top: 5px; padding-bottom: 5px; } .site-header.sticky-menu .inside-site-header .site-branding-container .site-logo { max-width: 170px; } .admin-bar .site-header.sticky-menu { top: 32px; } @-webkit-keyframes headerSlideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes headerSlideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } } @media all and (max-width: 980px) { .grid-container { width: 95%; } ul#amzpress-primary-menu { display: none; } .slicknav_menu { display: block; position: absolute; width: 100%; z-index: 9; left: 0; } .slicknav_menu a.slicknav_btn { position: absolute; right: 80px; top: -19px; } .slicknav_menu .slicknav_icon:before { position: absolute; } .slicknav_menu .slicknav_icon-bar { font-size: 25px; display: block; width: 1.125em; height: .125em; margin-top: .188em; } .slicknav_menu span.slicknav_menutxt { display: none; } ul.slicknav_nav { margin: 0; padding: 0; list-style: none; position: absolute; width: 100%; top: 54px; left: 0; padding: 20px; } ul.slicknav_nav li { margin: 5px 0px; } ul.slicknav_nav li:hover a { color: #000; } ul.slicknav_nav li a { text-decoration: none; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 700; display: block; outline: none; } ul.slicknav_nav li.menu-item-has-children a { position: relative; display: inline-block; } ul.slicknav_nav li.menu-item-has-children ul.sub-menu { margin: 0; padding: 0; list-style: none; padding: 0px 5%; } ul.slicknav_nav li.menu-item-has-children ul.sub-menu li a { color: #fff; } ul.slicknav_nav li.menu-item-has-children ul.sub-menu li:hover a { color: #000; } .category-header { text-align: center; } .category-section .single-category-item a.inner-single-category-item img { height: 180px; } .site-content .content-area { width: 100%; } .site-content .site-main { margin-right: 0; } .site-content .right-sidebar { width: 100%; } .footer-widgets .inside-footer-widgets > div { width: 100%; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; padding-right: 0; } .site-content .content-area.left-sidebar { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } h1 { font-size: 26px; } article .inside-article h1.entry-title { font-size: 24px; } article .inside-article h3.entry-title { font-size: 24px; } } @media all and (max-width: 767px) { .category-section .single-category-item { float: none; max-width: 400px; margin: 0 auto; padding: 0; margin-bottom: 20px; } .category-section .single-category-item:last-child { margin-bottom: 0; } .category-section .single-category-item a.inner-single-category-item img { height: auto; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-related-post { max-width: 100%; } .amzpress-related-posts-wrap .amzpress-related-posts .amzpress-inside-related-post .amzpress-related-post-thumbnail img { height: auto; } } @media all and (max-width: 479px) { div#calendar_wrap { width: auto; overflow-x: scroll; } .author-box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .author-box .author-thumb { max-width: 100%; margin-right: 0; margin-bottom: 20px; } .author-box .author-thumb img { max-width: 200px; width: 100%; } .comments-area .comment-body { padding: 10px; } .comments-area .comment .children { padding-left: 10px; margin-left: 10px; } }