@charset "UTF-8"; /*! Theme Name: Blover Theme URI: https://fatthemes.com/blover Author: Fat Themes Author URI: https://fatthemes.com Description: Nice and simple personal blog/magazine theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, three-columns, right-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, news, e-commerce Text Domain: blover blover is based on Underscores http://underscores.me/, (C) 2012-2015 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/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Bootstrap # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries # External assets --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Bootstrap --------------------------------------------------------------*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 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, hgroup, 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 { outline: none; } a:hover { outline: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1, .site-title { margin: 0.67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; 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, .more-link span, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; } button, .more-link span { overflow: visible; } button, .more-link span, select { text-transform: none; } button, .more-link span, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], .more-link span[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, .more-link span::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 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"] { box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } @media print { *, *:before, *:after { box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table, table { border-collapse: collapse !important; } .table td, table td, .table th, table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } *, *:before, *:after { box-sizing: inherit; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } html { font-size: 16px; -webkit-tap-highlight-color: transparent; } body { color: #555; background-color: #fff; font-family: Amiri, serif; font-size: 16px; font-size: 1rem; line-height: 1.375; } h1, .site-title, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 8px; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { border-bottom: 1px dotted #818a91; cursor: help; } address { margin-bottom: 16px; margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dd { margin-bottom: 8px; margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 16px; margin: 0 0 1rem; } a { color: #000; text-decoration: none; } a:focus, a:hover { color: red; text-decoration: none; } pre { margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } figure { margin: 0 0 16px; margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } table { background-color: transparent; } caption { padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; caption-side: bottom; color: #818a91; text-align: left; } th { text-align: left; } label { display: inline-block; margin-bottom: 8px; margin-bottom: 0.5rem; } input, button, .more-link span, select, textarea { margin: 0; line-height: inherit; } textarea { resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; margin-bottom: 8px; margin-bottom: 0.5rem; padding: 0; font-size: 24px; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } h1, .site-title, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .page-links, .h6 { color: inherit; font-family: Amiri, serif; font-weight: 400; line-height: 1.25; } h1, .site-title, .h1, h2, .h2, h3, .h3 { margin-bottom: 16px; margin-bottom: 1rem; } h4, .h4, h5, .h5, .page-links, h6, .h6 { margin-bottom: 16px; margin-bottom: 1rem; } h1, .site-title, .h1 { font-size: 30px; font-size: 1.875rem; line-height: 1.25em; } h2, .h2 { font-size: 24px; font-size: 1.5rem; line-height: 1.15em; } h3, .h3 { font-size: 22px; font-size: 1.375rem; line-height: 1.125em; } h4, .h4 { font-size: 18px; font-size: 1.125rem; line-height: 1.1em; } h5, .h5, .page-links { font-size: 16px; font-size: 1rem; line-height: 1.1em; } h6, .h6 { font-size: 14.4px; font-size: 0.9rem; line-height: 1.1em; } @media (min-width: 34em) { h1, .site-title, .h1 { font-size: 2.5rem; line-height: 1.125em; } h2, .h2 { font-size: 1.625rem; line-height: 1.25em; } h3, .h3 { font-size: 1.375rem; line-height: 1.25em; } } @media (min-width: 48em) { h1, .site-title, .h1 { font-size: 3rem; line-height: 1.25em; } h2, .h2 { font-size: 2.25rem; line-height: 1.25em; } h3, .h3 { font-size: 1.875rem; line-height: 1.25em; } } .lead { font-size: 20px; font-size: 1.25rem; font-weight: 700; } .display-1 { font-size: 56px; font-size: 3.5rem; font-weight: 300; } .display-2 { font-size: 72px; font-size: 4.5rem; font-weight: 300; } .display-3 { font-size: 88px; font-size: 5.5rem; font-weight: 300; } .display-4 { font-size: 96px; font-size: 6rem; font-weight: 300; } hr { margin-top: 32px; margin-top: 2rem; margin-bottom: 32px; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); } small, .small, .left-sidebar-content .site-info, .widget-title span, .blover-related-posts h3 span, .comments-title span, .comment-reply-title span, .site-footer, .wp-caption .wp-caption-text, .gallery-caption { font-size: 80%; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled, .widget ul { padding-left: 0; list-style: none; } .list-inline { margin-left: -5px; padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .dl-horizontal { margin-right: -32px; margin-right: -2rem; margin-left: -32px; margin-left: -2rem; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: " "; } .dl-horizontal:after { clear: both; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 32px; margin-bottom: 2rem; padding: 16px 32px; padding: 1rem 2rem; border-left: 1px solid #000; font-size: 22px; font-size: 1.375rem; font-style: italic; line-height: 1.25; } .blockquote p:last-child, .blockquote ul:last-child, .blockquote ol:last-child { margin-bottom: 0; } .blockquote footer { display: block; color: #818a91; font-size: 80%; line-height: 1.375; } .blockquote footer:before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 32px; padding-right: 2rem; padding-left: 0; border-right: 4px solid #eceeef; border-right: 0.25rem solid #eceeef; border-left: 0; text-align: right; } .blockquote-reverse footer:before { content: ""; } .blockquote-reverse footer:after { content: "\00A0 \2014"; } .figure { display: inline-block; } .figure > img { margin-bottom: 16px; margin-bottom: 1rem; line-height: 1; } .figure-caption { color: #818a91; font-size: 90%; } .img-responsive, .figure > img { display: block; max-width: 100%; height: auto; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; padding: 0.25rem; border: 1px solid #ddd; border-radius: 0.25rem; background-color: #fff; line-height: 1.375; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } .container { margin-right: auto; margin-left: auto; padding-right: 16px; padding-right: 1rem; padding-left: 16px; padding-left: 1rem; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } @media (min-width: 34em) { .container { max-width: 34rem; } } @media (min-width: 48em) { .container { max-width: 45rem; } } @media (min-width: 62em) { .container { max-width: 60rem; } } @media (min-width: 75em) { .container { max-width: 72.25rem; } } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 16px; padding-right: 1rem; padding-left: 16px; padding-left: 1rem; } .container-fluid:before, .container-fluid:after { display: table; content: " "; } .container-fluid:after { clear: both; } .row { margin-right: -16px; margin-right: -1rem; margin-left: -16px; margin-left: -1rem; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .post-navigation, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-right: 16px; padding-right: 1rem; padding-left: 16px; padding-left: 1rem; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 34em) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 48em) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .post-navigation { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12, .post-navigation { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 62em) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 75em) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-1 { width: 8.33333%; } .col-xl-2 { width: 16.66667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.33333%; } .col-xl-5 { width: 41.66667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.33333%; } .col-xl-8 { width: 66.66667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.33333%; } .col-xl-11 { width: 91.66667%; } .col-xl-12 { width: 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.33333%; } .col-xl-pull-2 { right: 16.66667%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.33333%; } .col-xl-pull-5 { right: 41.66667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.33333%; } .col-xl-pull-8 { right: 66.66667%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.33333%; } .col-xl-pull-11 { right: 91.66667%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.33333%; } .col-xl-push-2 { left: 16.66667%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.33333%; } .col-xl-push-5 { left: 41.66667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.33333%; } .col-xl-push-8 { left: 66.66667%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.33333%; } .col-xl-push-11 { left: 91.66667%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-0 { margin-left: 0; } .col-xl-offset-1 { margin-left: 8.33333%; } .col-xl-offset-2 { margin-left: 16.66667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.33333%; } .col-xl-offset-5 { margin-left: 41.66667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.33333%; } .col-xl-offset-8 { margin-left: 66.66667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.33333%; } .col-xl-offset-11 { margin-left: 91.66667%; } .col-xl-offset-12 { margin-left: 100%; } } .table, table { width: 100%; max-width: 100%; margin-bottom: 32px; margin-bottom: 2rem; } .table th, table th, .table td, table td { padding: 4px; padding: 0.25rem; border-top: 1px solid #eceeef; line-height: 1.375; vertical-align: top; } .table thead th, table thead th { border-bottom: 2px solid #eceeef; vertical-align: bottom; } .table tbody + tbody, table tbody + tbody { border-top: 2px solid #eceeef; } .table .table, table .table, .table table, table table { background-color: #fff; } .table-sm th, .table-sm td { padding: 4px; padding: 0.25rem; } .table-bordered { border: 1px solid #eceeef; } .table-bordered th, .table-bordered td { border: 1px solid #eceeef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover tbody tr:hover { background-color: #f5f5f5; } .table-active, .table-active > th, .table-active > td { background-color: #f5f5f5; } .table-hover .table-active:hover { background-color: #e8e8e8; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e8e8e8; } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .table-responsive, table { display: block; overflow-x: auto; width: 100%; } .thead-inverse th { color: #fff; background-color: #555; } .thead-default th { color: #55595c; background-color: #eceeef; } .table-inverse { color: #eceeef; background-color: #555; } .table-inverse.table-bordered { border: 0; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #55595c; } .table-reflow thead { float: left; } .table-reflow tbody { display: block; white-space: nowrap; } .table-reflow th, .table-reflow td { border-top: 1px solid #eceeef; border-left: 1px solid #eceeef; } .table-reflow th:last-child, .table-reflow td:last-child { border-right: 1px solid #eceeef; } .table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #eceeef; } .table-reflow tr { float: left; } .table-reflow tr th, .table-reflow tr td { display: block !important; border: 1px solid #eceeef; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, .more-link span, input, select, textarea { color: #000; font-family: Amiri, serif; font-size: 16px; font-size: 1rem; font-weight: 300; line-height: 1; } body { font-size: 22px; font-size: 1.375rem; line-height: 1.5; } h1, .site-title, h2, h3, h4, h5, h6 { clear: both; } .site-title a { color: #000; } .single .post .entry-title, .page .page .entry-title, .site-title { margin-bottom: 16px; margin-bottom: 1rem; font-weight: 700; letter-spacing: -0.025em; } .site-branding { position: relative; margin-top: 70px; padding: 32px; padding: 2rem; text-align: center; } .site-description, .site-title { margin: 0; } .blog .entry-title, .archive .entry-title, .search .entry-title { margin-bottom: 0; } .blog .content-area .entry-title, .archive .content-area .entry-title, .search .content-area .entry-title { font-weight: 700; letter-spacing: -0.01em; } .blog .content-area .blover-classic .entry-header, .archive .content-area .blover-classic .entry-header, .search .content-area .blover-classic .entry-header { text-align: center; } .blog .content-area .blover-classic .entry-title, .archive .content-area .blover-classic .entry-title, .search .content-area .blover-classic .entry-title { margin-bottom: 16px; margin-bottom: 1rem; } @media (min-width: 48em) { .blog .content-area .blover-classic .entry-title, .archive .content-area .blover-classic .entry-title, .search .content-area .blover-classic .entry-title { font-size: 2.25rem; } .blog .content-area h1, .blog .content-area .site-title, .blog .content-area h2, .blog .content-area h3, .blog .content-area h4, .blog .content-area h5, .blog .content-area h6, .archive .content-area h1, .archive .content-area .site-title, .archive .content-area h2, .archive .content-area h3, .archive .content-area h4, .archive .content-area h5, .archive .content-area h6, .search .content-area h1, .search .content-area .site-title, .search .content-area h2, .search .content-area h3, .search .content-area h4, .search .content-area h5, .search .content-area h6 { font-weight: 700; } .blog .content-area h1, .blog .content-area .site-title, .archive .content-area h1, .archive .content-area .site-title, .search .content-area h1, .search .content-area .site-title { font-size: 2.25rem; } .blog .content-area h2, .archive .content-area h2, .search .content-area h2 { font-size: 1.5rem; } .blog .content-area h3, .archive .content-area h3, .search .content-area h3 { font-size: 1.375rem; } } .blog .content-area .entry-title a, .archive .content-area .entry-title a, .search .content-area .entry-title a { color: #000; } .comment-respond p { margin-bottom: 0.5em; } .comment-respond .form-submit { margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } @media (min-width: 48em) { blockquote { border-left: 0; font-size: 2rem; line-height: 1.5; } } address { margin: 0 0 1.5em; } pre { overflow: auto; max-width: 100%; margin-bottom: 1.6em; padding: 1.6em; background: #eee; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.5; } code, kbd, tt, var { font-family: Menlo, Monaco, Consolas, "Courier New", 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%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { 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/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote, q { margin: 32px 0 0; margin: 2rem 0 0; color: #000; font-family: Amiri, serif; font-size: 26.4px; font-size: 1.65rem; font-weight: 700; line-height: 1.375; quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } hr { height: 1px; margin-bottom: 1.5em; border: 0; background-color: #ccc; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img, figure { /* Make sure images are scaled correctly. */ max-width: 100%; height: auto; /* Adhere to container width. */ } .masonry img { width: 100%; } .single blockquote cite, .single q cite { display: block; margin-top: 1em; margin-bottom: 1em; font-size: 16px; font-size: 1rem; text-align: right; } .single blockquote cite:before, .single q cite:before { content: "- "; } .single blockquote cite:after, .single q cite:after { content: " -"; } @media (min-width: 62em) { .single .post { /* .entry-content.col-lg-10 { blockquote, q, img.alignleft, img.alignnone, figure.alignleft, figure.alignnone { margin-left: -21%; } img.alignnone, figure.alignnone { min-width: 121%; } }*/ } } table { margin-bottom: 1em; } svg { max-width: 24px; max-height: 24px; fill: #000; } svg:hover { fill: #a0946b; } a svg:hover { fill: #a0946b; } a img { transition: 0.5s; } a img:hover { transition: 0.5s; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, .more-link span, input[type="button"], input[type="reset"], input[type="submit"] { padding: 0.75em 1em; border: 1px solid #000; color: #fff; background-color: #000; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: 300; letter-spacing: 0.06em; text-transform: uppercase; transition: 0.5s; -webkit-appearance: none; } button:hover, .more-link span:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #000; background-color: transparent; } #blover-load-more { margin-bottom: 0; padding: 2em 0; text-align: center; } #blover-load-more .btn { width: 100%; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea { max-width: 100%; padding: 4px 8px; padding: 0.25rem 0.5rem; border: 1px solid #ddd; color: #666; font-size: 16px; font-size: 1rem; line-height: 1.4; } input, textarea { background-color: transparent; } textarea { width: 100%; height: 96px; height: 6rem; } input[type="password"] { display: inline-block; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a:hover, a:focus, a:active { color: #a0946b; } a:hover, a:active { outline: none; } p a { text-decoration: underline; } h1 a, .site-title a, h2 a, h3 a, h4 a, h5 a, h6 a, .navigation a, .main-navigation a { border-bottom: none; } .edit-link { margin-left: 2em; font-weight: 700; } .comments-link { float: right; } .comments-link a { display: inline-block; margin-top: -4px; margin-top: -0.25rem; } .comments-link a svg { margin-bottom: -4px; margin-bottom: -0.25rem; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .navbar-navigation { display: block; float: left; clear: both; position: fixed; z-index: 1000; width: 100%; border-bottom: 1px solid #ddd; background-color: #fff; box-shadow: 0 1px 4px #ddd; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12.8px; font-size: 0.8rem; letter-spacing: 0.15em; text-transform: uppercase; } .navbar-navigation ul { display: none; margin: 0; padding-left: 0; background-color: #fff; text-align: right; list-style: none; } .navbar-navigation ul .menu-item-has-children, .navbar-navigation ul .page-item-has-children { position: relative; } .navbar-navigation ul ul { float: left; position: absolute; z-index: 99999; top: 4.25em; left: -999em; border: 1px solid #292f33; background-color: #292f33; } .navbar-navigation ul ul ul { left: -999em; } .navbar-navigation ul ul li a { width: 240px; margin: 0 16px; margin: 0 1rem; padding: 16px 0; padding: 1rem 0; border-bottom: 1px solid #525a60; color: #fff; text-transform: none; } .navbar-navigation ul ul li a:hover { color: #aeb3b7; } .navbar-navigation ul ul li:hover > ul, .navbar-navigation ul ul li:focus > ul, .navbar-navigation ul ul li.focus > ul { top: 0; left: 100%; } .navbar-navigation ul ul li:last-of-type a { border-bottom: none; } .navbar-navigation ul ul li:after { content: ""; } .navbar-navigation ul ul .current_page_item > a, .navbar-navigation ul ul .current-menu-item > a, .navbar-navigation ul ul .current_page_ancestor > a, .navbar-navigation ul ul .current-menu-ancestor > a { color: #a0946b; } .navbar-navigation ul ul .current_page_item > a:after, .navbar-navigation ul ul .current-menu-item > a:after, .navbar-navigation ul ul .current_page_ancestor > a:after, .navbar-navigation ul ul .current-menu-ancestor > a:after { border: none; } .navbar-navigation ul li:hover > ul, .navbar-navigation ul li.focus > ul { left: auto; } .navbar-navigation ul li { display: inline-block; position: relative; } .navbar-navigation ul li:after { content: "/"; } .navbar-navigation ul li:last-of-type:after { content: ""; } .navbar-navigation ul a { display: inline-block; padding: 25.8px 1.125em; padding: 1.6125rem 1.125em; text-decoration: none; } .navbar-navigation li { display: inline; position: relative; } .navbar-navigation a { display: inline; border: none; color: #000; text-align: left; text-decoration: none; } .navbar-navigation a:hover { color: #a0946b; } .navbar-navigation .current_page_item > a, .navbar-navigation .current-menu-item > a, .navbar-navigation .current_page_ancestor > a, .navbar-navigation .current-menu-ancestor > a { color: #000; } .navbar-navigation .expand-submenu { display: none; } .navbar-navigation .blover-cart { float: right; padding: 24px 16px; padding: 1.5rem 1rem; font-family: Amiri, serif; font-size: 16px; font-size: 1rem; text-transform: none; } .admin-bar .navbar-navigation { top: 46px; } @media screen and (min-width: 783px) { .admin-bar .navbar-navigation { top: 32px; } } .main-navigation, .left-sidebar-area .widget_nav_menu { margin: 32px 0; margin: 2rem 0; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 65%; letter-spacing: 0.15em; text-transform: uppercase; } .main-navigation ul, .left-sidebar-area .widget_nav_menu ul { padding-left: 0; list-style: none; } .main-navigation ul .expand-submenu, .left-sidebar-area .widget_nav_menu ul .expand-submenu { padding: 2px 0 2px 12px; padding: 0.125rem 0 0.125rem 0.75rem; } .main-navigation ul ul, .left-sidebar-area .widget_nav_menu ul ul { display: none; margin-bottom: 1.5em; padding-left: 16px; padding-left: 1rem; text-transform: none; } .main-navigation ul ul a, .left-sidebar-area .widget_nav_menu ul ul a { padding: 0.25em 0; } .main-navigation ul ul .expand-submenu, .left-sidebar-area .widget_nav_menu ul ul .expand-submenu { padding: 0; } .main-navigation ul .current_page_item > a, .main-navigation ul .current-menu-item > a, .main-navigation ul .current_page_ancestor > a, .main-navigation ul .current-menu-ancestor > a, .main-navigation ul .current_page_item > .expand-submenu, .main-navigation ul .current-menu-item > .expand-submenu, .main-navigation ul .current_page_ancestor > .expand-submenu, .main-navigation ul .current-menu-ancestor > .expand-submenu, .left-sidebar-area .widget_nav_menu ul .current_page_item > a, .left-sidebar-area .widget_nav_menu ul .current-menu-item > a, .left-sidebar-area .widget_nav_menu ul .current_page_ancestor > a, .left-sidebar-area .widget_nav_menu ul .current-menu-ancestor > a, .left-sidebar-area .widget_nav_menu ul .current_page_item > .expand-submenu, .left-sidebar-area .widget_nav_menu ul .current-menu-item > .expand-submenu, .left-sidebar-area .widget_nav_menu ul .current_page_ancestor > .expand-submenu, .left-sidebar-area .widget_nav_menu ul .current-menu-ancestor > .expand-submenu { color: #a0946b; } .main-navigation li, .left-sidebar-area .widget_nav_menu li { margin: 0 0 1em; text-align: left; } .main-navigation a, .left-sidebar-area .widget_nav_menu a { display: inline-block; width: 200px; padding: 0.75em 0; color: #000; } .main-navigation .expand-submenu, .left-sidebar-area .widget_nav_menu .expand-submenu { display: block; float: right; padding: 25.08px 10px 25.08px 0; padding: 1.5675rem 0.625rem 1.5675rem 0; font-size: 20px; font-size: 1.25rem; cursor: pointer; -webkit-transform-origin: 70% 50% 0; transform-origin: 70% 50% 0; } .main-navigation .expand-submenu:hover, .left-sidebar-area .widget_nav_menu .expand-submenu:hover { color: #a0946b; } .main-navigation a:hover, .left-sidebar-area .widget_nav_menu a:hover { color: #a0946b; } .blover-search-panel { display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; text-align: center; } .blover-search-panel .blover-search-panel-close { float: right; margin: 1.2em; padding: 0.6125em 0.75em; border: none; color: #000; background-color: transparent; line-height: 1; } .blover-search-panel .blover-search-panel-close:hover { background-color: #000; } .blover-search-panel .blover-search-panel-close:hover svg { fill: #fff; } .blover-search-panel .search-submit { display: none; } .blover-search-panel label { width: 70%; } .blover-search-panel .search-field { width: 100%; margin-top: 16px; margin-top: 1rem; padding-left: 12px; padding-left: 0.75rem; border-radius: 0; font-size: 20px; font-size: 1.25rem; font-weight: 300; } .left-sidebar-bg { display: none; position: fixed; z-index: 1047; top: 0; left: 320px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } #left-sidebar { display: none; overflow: hidden; position: fixed; z-index: 1048; top: 0; left: 0; width: 320px; max-width: 100%; height: 100%; background-color: white; } #left-sidebar .left-header, #left-sidebar .main-navigation, #left-sidebar .left-nav-social, #left-sidebar .site-info, #left-sidebar .widget { max-width: 240px; } .left-sidebar-content { overflow: auto; width: 106%; height: 100%; padding: 1em 1em 0 2em; } .left-sidebar-content .site-info { width: 100%; padding: 1.5em 1em; text-align: right; } .left-sidebar-content .site-info a { border-bottom: 1px solid #ccc; color: #ccc; } .left-header { text-align: center; } .left-logo { padding: 0.75em 0; font-weight: 700; text-transform: uppercase; } .left-logo a { display: inline-block; width: 200px; border: none; } .menu-logo { text-align: center; } .menu-logo img { width: auto; height: 40px; margin: 14px 8px; margin: 0.875rem 0.5rem; } .menu-logo .menu-blogname { margin: 0; padding: 1.45em 1em; font-size: 16px; font-size: 1rem; font-weight: 700; text-transform: uppercase; } .menu-toggle { float: left; } .left-sidebar-close { float: right; padding: 0 2px 2px; padding: 0 0.125rem 0.125rem; border: none; color: #000; background-color: transparent; } .left-sidebar-close:hover { color: #a0946b; } .menu-toggle, .search-toggle { margin: 12px; margin: 0.75rem; padding: 10px 12px 8px; padding: 0.625rem 0.75rem 0.5rem; border: none; background-color: transparent; } .menu-toggle:hover, .search-toggle:hover { background-color: #000; } .menu-toggle:hover svg, .search-toggle:hover svg { fill: #fff; } .search-toggle { float: right; margin: 12px 0; margin: 0.75rem 0; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { overflow: hidden; margin: 0 0 32px; margin: 0 0 2rem; } .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; width: 50%; text-align: right; } .nav-social, .left-nav-social { text-align: center; } .nav-social a, .left-nav-social a { display: inline-block; border-bottom: none; color: #000; } .nav-social a:hover svg, .left-nav-social a:hover svg { color: #a0946b; transition: 0.5s; } .nav-social a svg, .left-nav-social a svg { height: 16px; height: 1rem; margin: 0 0.75em; } .nav-social { display: none; position: absolute; top: 0; right: 0; padding: 1em 2em 1em 1em; } .left-nav-social { margin-bottom: 32px; margin-bottom: 2rem; } .top-menu-container, .social-menu-container { display: inline-block; float: right; } #social-menu { float: right; margin: 0 24px 0 30px; } #social-menu li a { margin-top: 30px; margin-top: 26px; margin-right: 6px; padding: 12px; vertical-align: top; } #social-menu li a .screen-reader-text { position: absolute !important; width: 1px; height: 1px; } #social-menu li:after { content: ""; } #social-menu li a[href*="facebook.com"] { margin-right: 0; background: url(img/facebook.svg) no-repeat; } #social-menu li a[href*="linkedin.com"] { background: url(img/linkedin2.svg) no-repeat; } #social-menu li a[href*="instagram.com"] { background: url(img/instagram.svg) no-repeat; } #social-menu li a[href*="flickr.com"] { background: url(img/flickr3.svg) no-repeat; } #social-menu li a[href*="plus.google.com"] { background: url(img/google-plus.svg) no-repeat; } #social-menu li a[href*="pinterest.com"] { background: url(img/pinterest2.svg) no-repeat; } #social-menu li a[href*="twitter.com"] { background: url(img/twitter.svg) no-repeat; } #social-menu li a[href*="youtube.com"] { background: url(img/youtube.svg) no-repeat; } .left-sidebar-content .social-menu-container { float: none; } .left-sidebar-content .social-menu-container #social-menu { margin-left: 0; } .left-sidebar-content .social-menu-container #social-menu li { display: inline-block; } .left-sidebar-content .social-menu-container #social-menu li a { width: auto; } .blover-next-article, .blover-previous-article { color: #999; font-size: 1em; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } .blover-next-article-title, .blover-previous-article-title { color: #444; font-size: 18px; font-size: 1.125rem; font-weight: 700; } .nav-links a:hover > .blover-next-article-title, .nav-links a:hover > .blover-previous-article-title, .nav-links a:hover > .blover-next-article, .nav-links a:hover > .blover-previous-article { color: #a0946b; } .nav-previous { padding-right: 16px; padding-right: 1rem; } .nav-next { padding-left: 16px; padding-left: 1rem; } .post-navigation { padding-bottom: 64px; padding-bottom: 4rem; } #blover-load-more .btn { margin: 0; padding: 0.75em 1em; border: 1px solid #ddd; color: #fff; background-color: #000; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: 300; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; transition: 0.5s; } #blover-load-more .btn:hover, #blover-load-more .btn.current { color: #707070; background-color: #fff; } .pagination { text-align: center; } .pagination .page-numbers { margin: 0; padding: 0.5em 0.75em; border: 1px solid #ddd; color: #707070; background-color: #fff; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: 300; letter-spacing: 0.06em; text-transform: uppercase; transition: 0.5s; } .pagination .page-numbers:hover, .pagination .page-numbers.current { color: #fff; background-color: #000; } .page-links { text-align: center; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { overflow: hidden; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; width: 1px; height: 1px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; clip: auto !important; z-index: 100000; top: 5px; left: 5px; width: auto; height: auto; padding: 15px 23px 14px; border-radius: 3px; color: #21759b; background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); font-size: 14px; font-size: 0.875rem; font-weight: bold; line-height: normal; text-decoration: none; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 16px; margin-right: 1rem; } .alignright { display: inline; float: right; margin-left: 16px; margin-left: 1rem; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .alignleft, .alignright, .aligncenter { margin-bottom: 8px; margin-bottom: 0.5rem; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content: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 { display: table; content: ""; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin-bottom: 32px; margin-bottom: 2rem; padding: 32px; padding: 2rem; font-size: 18px; font-size: 1.125rem; font-weight: 300; /* Make sure select elements fit in widgets. */ } .widget p { font-size: 18px; font-size: 1.125rem; } .widget ul { margin-bottom: 0; margin-left: 0; } .widget li { margin-bottom: 0.75em; } .widget select { max-width: 100%; padding: 4px; padding: 0.25rem; border: 1px solid #ddd; background-color: #fff; } .widget.widget_search .search-form label { width: 100%; } .widget.widget_search .search-form .search-field { width: calc(100% - 0.75rem); } .widget.widget_categories label { color: #111; } .widget.widget_categories a { color: #000; } .widget.widget_categories ul > li { margin-bottom: 0; padding: 16px 0 0 0; padding: 1rem 0 0 0; } .widget.widget_categories ul.children { padding-left: 16px; padding-left: 1rem; } .widget.widget_categories > ul > li { padding-bottom: 16px; padding-bottom: 1rem; border-bottom: 1px solid #ddd; } .widget_social_media_icons_widget_by_fat { text-align: center; } .widget_social_media_icons_widget_by_fat li { display: inline-block; margin-bottom: 0; } .widget_social_media_icons_widget_by_fat li a svg { width: auto; height: 20px; height: 1.25rem; margin: 0; } #secondary { padding-top: 32px; padding-top: 2rem; } #secondary .widget_social_media_icons_widget_by_fat li { width: 36px; height: 36px; margin: 0 4px; margin: 0 0.25rem; padding-top: 8px; padding-top: 0.5rem; border-radius: 50%; background-color: #fff; } #menu-social-widget .widget_social_media_icons_widget_by_fat { padding: 0; } #tetriary .widget { padding: 0; } #top-widget .widget, #bottom-widget .widget { padding: 32px 0; padding: 2rem 0; } #top-widget .widget_custom_html { padding: 0; } .widget-title, .blover-related-posts h3, .comments-title, .comment-reply-title { position: relative; z-index: 1; margin-bottom: 32px; margin-bottom: 2rem; color: #707070; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1rem; letter-spacing: 0.15em; text-transform: uppercase; } .widget-title:before, .blover-related-posts h3:before, .comments-title:before, .comment-reply-title:before { display: inline-block; position: absolute; z-index: -1; top: 50%; right: 0; bottom: 0; left: 0; margin: 0 auto; border-top: 1px solid #707070; content: ""; } .widget-title span, .blover-related-posts h3 span, .comments-title span, .comment-reply-title span { display: inline-block; padding-right: 16px; padding-right: 1rem; } /* Search widget. */ .widget_search .search-submit { display: none; } .widget_recent_entries, .widget_recent_comments, .widget_archive, .widget_categories, .widget_search, .widget_meta { line-height: 1.25; } .widget_recent_entries a { border: 0 transparent; } #secondary .widget.widget-author-profile, .widget-author-profile { padding: 0; } #secondary .widget.widget-author-profile .about-author-main-image, .widget-author-profile .about-author-main-image { width: 100%; margin-bottom: 32px; margin-bottom: 2rem; } #secondary .widget.widget-author-profile .about-author-wrapper, .widget-author-profile .about-author-wrapper { padding-bottom: 32px; padding-bottom: 2rem; } #secondary .widget.widget-author-profile .about-author-wrapper .about-author-signature, .widget-author-profile .about-author-wrapper .about-author-signature { margin-bottom: 0; padding: 0 32px; padding: 0 2rem; text-align: right; } #secondary .widget.widget-author-profile .about-author-wrapper .about-author-description, .widget-author-profile .about-author-wrapper .about-author-description { padding: 0 32px; padding: 0 2rem; } #secondary .fat_widget_recent_entries .recent-post-list-item, #tetriary .fat_widget_recent_entries .recent-post-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; margin-bottom: 2rem; line-height: 1; } #secondary .fat_widget_recent_entries .recent-post-list-item .post-categories, #tetriary .fat_widget_recent_entries .recent-post-list-item .post-categories { font-family: "Work Sans", Helvetica, Arial, sans-serif; } #secondary .fat_widget_recent_entries .recent-post-list-item .post-categories li, #tetriary .fat_widget_recent_entries .recent-post-list-item .post-categories li { display: inline; font-size: 11px; font-size: 0.6875rem; font-weight: 300; text-transform: uppercase; } #secondary .fat_widget_recent_entries .recent-post-list-item .post-date, #tetriary .fat_widget_recent_entries .recent-post-list-item .post-date { color: #707070; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 11px; font-size: 0.6875rem; line-height: 1; text-transform: uppercase; } #secondary .fat_widget_recent_entries .recent-post-list-item > a, #tetriary .fat_widget_recent_entries .recent-post-list-item > a { min-width: 95px; } #secondary .fat_widget_recent_entries .recent-post-list-item h3, #tetriary .fat_widget_recent_entries .recent-post-list-item h3 { margin-bottom: 8px; margin-bottom: 0.5rem; font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 1.2; } #secondary .fat_widget_recent_entries .recent-post-list-item img, #tetriary .fat_widget_recent_entries .recent-post-list-item img { width: 80px; height: 80px; border-radius: 50%; } #top-widget .fat_widget_recent_entries > ul, #bottom-widget .fat_widget_recent_entries > ul { margin-right: -16px; margin-right: -1rem; margin-left: -16px; margin-left: -1rem; } #top-widget .fat_widget_recent_entries > ul .recent-post-list-item, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item { display: block; float: left; clear: none; width: 100%; padding-right: 16px; padding-right: 1rem; padding-left: 16px; padding-left: 1rem; } #top-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-categories, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-categories { line-height: 0.6; } #top-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-categories li, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-categories li { display: inline; color: #707070; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: 300; text-transform: uppercase; } #top-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-categories li a, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-categories li a { color: #707070; } #top-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-date, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-date { color: #707070; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: 300; line-height: 0.8; text-transform: uppercase; } #top-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-date a, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item .post-date a { color: #707070; } #top-widget .fat_widget_recent_entries > ul .recent-post-list-item img, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item img { width: 100%; margin: 0 0 16px; margin: 0 0 1rem; } #top-widget .fat_widget_recent_entries > ul .recent-post-list-item .recent-post-title, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item .recent-post-title { margin-top: 16px; margin-top: 1rem; font-size: 24px; font-size: 1.5rem; font-weight: 700; line-height: 1.2; } @media (min-width: 48em) { #top-widget .fat_widget_recent_entries > ul .recent-post-list-item, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item { width: 50%; } } @media (min-width: 62em) { #top-widget .fat_widget_recent_entries > ul .recent-post-list-item, #bottom-widget .fat_widget_recent_entries > ul .recent-post-list-item { width: 25%; } } .menu-social-widget { display: inline-block; } .menu-social-widget .widget-title, .menu-social-widget .blover-related-posts h3, .blover-related-posts .menu-social-widget h3, .menu-social-widget .comments-title, .menu-social-widget .comment-reply-title { display: none; } .menu-social-widget .widget_social_media_icons_widget_by_fat { margin-bottom: 0; margin-left: 16px; margin-left: 1rem; } .menu-social-widget .widget_social_media_icons_widget_by_fat li a { padding: 14px 0; padding: 0.875rem 0; } .menu-social-widget .widget_social_media_icons_widget_by_fat svg { height: 16px; height: 1rem; margin: 0 6px; margin: 0 0.375rem; } .widget_mc4wp_form_widget { border: 1px solid #e7e7e7; } .widget_mc4wp_form_widget p { margin-bottom: 32px; margin-bottom: 2rem; } .widget_mc4wp_form_widget label { margin-bottom: 16px; margin-bottom: 1rem; } .widget_mc4wp_form_widget input[type="email"] { width: 100%; background-color: #fff; } .widget_mc4wp_form_widget input[type="submit"] { border: 1px solid #000; background-color: #000; } .widget_mc4wp_form_widget input[type="submit"]:hover { color: #000; background-color: transparent; } #footer-widget .widget_mc4wp_form_widget { border: none; background-color: transparent; } .fat__widget-instagram .widget-title, .fat__widget-instagram .blover-related-posts h3, .blover-related-posts .fat__widget-instagram h3, .fat__widget-instagram .comments-title, .fat__widget-instagram .comment-reply-title, .fat__widget-instagram .widget-title:before, .fat__widget-instagram .blover-related-posts h3:before, .blover-related-posts .fat__widget-instagram h3:before, .fat__widget-instagram .comments-title:before, .fat__widget-instagram .comment-reply-title:before { padding-right: 16px; padding-right: 1rem; padding-bottom: 0; } .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item, .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item, .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item, .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item, .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item, .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item, .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item, .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item, .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item { display: inline-block; overflow-y: hidden; width: 100%; height: 0; margin: 0; padding: 0 16px 0; padding: 0 1rem 0; padding-bottom: calc( 100% - 30px ); } .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item .fat__thumbnail, .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item .fat__thumbnail, .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item .fat__thumbnail, .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item .fat__thumbnail, .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item .fat__thumbnail, .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item .fat__thumbnail, .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item .fat__thumbnail, .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item .fat__thumbnail, .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item .fat__thumbnail { margin: 0; } #secondary .fat__widget-instagram .widget-title, #secondary .fat__widget-instagram .blover-related-posts h3, .blover-related-posts #secondary .fat__widget-instagram h3, #secondary .fat__widget-instagram .comments-title, #secondary .fat__widget-instagram .comment-reply-title, #secondary .fat__widget-instagram .widget-title:before, #secondary .fat__widget-instagram .blover-related-posts h3:before, .blover-related-posts #secondary .fat__widget-instagram h3:before, #secondary .fat__widget-instagram .comments-title:before, #secondary .fat__widget-instagram .comment-reply-title:before, #tetriary .fat__widget-instagram .widget-title, #tetriary .fat__widget-instagram .blover-related-posts h3, .blover-related-posts #tetriary .fat__widget-instagram h3, #tetriary .fat__widget-instagram .comments-title, #tetriary .fat__widget-instagram .comment-reply-title, #tetriary .fat__widget-instagram .widget-title:before, #tetriary .fat__widget-instagram .blover-related-posts h3:before, .blover-related-posts #tetriary .fat__widget-instagram h3:before, #tetriary .fat__widget-instagram .comments-title:before, #tetriary .fat__widget-instagram .comment-reply-title:before { padding-right: 16px; padding-right: 1rem; padding-bottom: 0; } #secondary .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item, #secondary .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item, #secondary .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item, #secondary .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item, #secondary .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item, #secondary .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item, #secondary .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item, #secondary .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item, #secondary .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item { display: inline-block; overflow-y: hidden; height: 0; margin: 0; padding: 8px 8px 0; padding: 8px 0.5rem 0; } #secondary .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item .fat__thumbnail, #secondary .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item .fat__thumbnail, #secondary .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item .fat__thumbnail, #secondary .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item .fat__thumbnail, #secondary .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item .fat__thumbnail, #secondary .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item .fat__thumbnail, #secondary .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item .fat__thumbnail, #secondary .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item .fat__thumbnail, #secondary .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item .fat__thumbnail, #tetriary .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item .fat__thumbnail { margin: 0; } #secondary .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item { width: 100%; padding-bottom: calc( 100% - 15px ); } #secondary .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item { width: 50%; padding-bottom: calc( 50% - 15px ); } #secondary .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item { width: 33.33%; padding-bottom: calc( 33.33% - 15px ); } #secondary .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item { width: 25%; padding-bottom: calc( 25% - 15px ); } #secondary .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item { width: 20%; padding-bottom: calc( 20% - 15px ); } #secondary .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item { width: 16.66%; padding-bottom: calc( 16.66% - 15px ); } #secondary .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item { width: 14.28%; padding-bottom: calc( 14.28% - 15px ); } #secondary .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item { width: 12.5%; padding-bottom: calc( 12.5% - 15px ); } #secondary .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item, #tetriary .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item { width: 11.11%; padding-bottom: calc( 11.11% - 15px ); } #secondary .widget_facebook_likebox, #tetriary .widget_facebook_likebox { text-align: center; } #secondary input[type="search"], #tetriary input[type="search"] { font-size: 18px; font-size: 1.125rem; } #tetriary .widget_social_media_icons_widget_by_fat li { margin: 0 8px; margin: 0 0.5rem; } #bottom-widget .fat__widget-instagram .instagram-gallery, #top-widget .fat__widget-instagram .instagram-gallery { margin-right: -16px; margin-right: -1rem; margin-left: -16px; margin-left: -1rem; } @media (min-width: 34em) { #bottom-widget .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item { width: 100%; padding-bottom: calc( 100% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item, #bottom-widget .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item, #bottom-widget .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item, #bottom-widget .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item, #bottom-widget .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item, #bottom-widget .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item, #bottom-widget .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item, #bottom-widget .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item { width: 50%; padding-bottom: calc( 50% - 30px ); } } @media (min-width: 62em) { #bottom-widget .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-1 .instagram-gallery-item { width: 100%; padding-bottom: calc( 100% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-2 .instagram-gallery-item { width: 50%; padding-bottom: calc( 50% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-3 .instagram-gallery-item { width: 33.33%; padding-bottom: calc( 33.33% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-4 .instagram-gallery-item { width: 25%; padding-bottom: calc( 25% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-5 .instagram-gallery-item { width: 20%; padding-bottom: calc( 20% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-6 .instagram-gallery-item { width: 16.66%; padding-bottom: calc( 16.66% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-7 .instagram-gallery-item { width: 14.28%; padding-bottom: calc( 14.28% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-8 .instagram-gallery-item { width: 12.5%; padding-bottom: calc( 12.5% - 30px ); } #bottom-widget .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item, #top-widget .fat__widget-instagram .instagram-gallery-columns-9 .instagram-gallery-item { width: 11.11%; padding-bottom: calc( 11.11% - 30px ); } } .widget_social_media_icons_widget_by_fat li, .widget.widget_mc4wp_form_widget, .widget-title span, .blover-related-posts h3 span, .comments-title span, .comment-reply-title span { background-color: #fff; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .byline, .updated:not(.published) { display: none; } .byline { display: inline; } .entry-meta .byline, .entry-meta .posted-on { margin: 0; padding-top: 6px; padding-top: 0.375rem; padding-bottom: 6px; padding-bottom: 0.375rem; font-size: 12px; font-size: 0.75rem; } .entry-meta, .entry-meta a { color: #666; font-family: "Work Sans", Helvetica, Arial, sans-serif; } .single .entry-meta .byline, .single .entry-meta .posted-on, .page .entry-meta .byline, .page .entry-meta .posted-on { font-size: 11.2px; font-size: 0.7rem; font-weight: 300; line-height: 1.625; text-transform: uppercase; } .single .entry-meta .byline, .single .entry-meta .byline a, .page .entry-meta .byline, .page .entry-meta .byline a { color: #000; font-size: 15px; font-weight: bold; } .single .entry-meta .byline img, .single .entry-meta .byline a img, .page .entry-meta .byline img, .page .entry-meta .byline a img { max-width: 72px; margin-right: 1.5em; border-radius: 50%; } .single .entry-meta, .page .entry-meta { min-width: 100px; padding-right: 4px; padding-right: 0.25rem; } .single .entry-meta .posted-on, .single .entry-meta .posted-on a, .page .entry-meta .posted-on, .page .entry-meta .posted-on a { color: #000; } .site-header { min-height: 70px; } .page-links { clear: both; margin: 0 0 1.5em; margin-left: -21.666%; } .blover-page-intro { margin-bottom: 32px; margin-bottom: 2rem; padding: 32px 16px; padding: 2rem 1rem; color: #404040; text-align: center; } .blover-page-intro h1, .blover-page-intro .site-title, .blover-page-intro h2 { position: relative; line-height: 1.1; } .blover-page-intro h1, .blover-page-intro .site-title { margin-bottom: 0; color: #000; font-weight: 700; } .blover-page-intro p { margin-top: 16px; margin-top: 1rem; margin-bottom: 0; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 11.2px; font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; } .blover-page-intro #today-date { text-align: center; } .archive .archive-blover-page-intro-row { margin: 0; } .home .blover-page-intro { margin-bottom: 0; } .search .blover-page-intro.nothing-found h1, .search .blover-page-intro.nothing-found .site-title { padding: 64px 0 0; padding: 4rem 0 0; color: #707070; font-family: Amiri, serif; font-size: 3.8em; font-weight: 400; } @media (min-width: 48em) { .blover-page-intro h2 { font-size: 3em; font-weight: 300; } .home .blover-page-intro { margin-bottom: 2rem; } } .category-list { margin-bottom: 32px; margin-bottom: 2rem; margin-bottom: 16px; margin-bottom: 1rem; color: #000; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 14.4px; font-size: 0.9rem; font-weight: 300; letter-spacing: 0.15em; text-transform: uppercase; } .category-list a { color: #000; } .category-list a:hover { text-decoration: none; } .site-content { margin-top: 64px; margin-top: 4rem; } .blog article, .archive article, .search article { position: relative; background-color: #fff; } .blog article.blover-list .row, .archive article.blover-list .row, .search article.blover-list .row { margin-bottom: 0; } .blog article.blover-list .featured-image, .blog article.blover-list .blover-list-content, .archive article.blover-list .featured-image, .archive article.blover-list .blover-list-content, .search article.blover-list .featured-image, .search article.blover-list .blover-list-content { padding: 0; background-color: #fff; } .blog article.blover-classic .featured-image, .archive article.blover-classic .featured-image, .search article.blover-classic .featured-image { margin-bottom: 0; } .blog .masonry, .archive .masonry, .search .masonry { margin-bottom: 32px; margin-bottom: 2rem; } .blog .masonry .entry-meta, .archive .masonry .entry-meta, .search .masonry .entry-meta { position: relative; padding: 16px 32px 24px; padding: 1rem 2rem 1.5rem; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; } .blog .masonry .entry-content, .blog .masonry .entry-header, .archive .masonry .entry-content, .archive .masonry .entry-header, .search .masonry .entry-content, .search .masonry .entry-header { padding: 24px 32px 0; padding: 1.5rem 2rem 0; } .blog .masonry .entry-content, .archive .masonry .entry-content, .search .masonry .entry-content { color: #707070; } @media (min-width: 62em) { .blog article.blover-list, .archive article.blover-list, .search article.blover-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blog .post .row, .archive .post .row, .search .post .row, .single .post .entry-header, .single .attachment .entry-header, .page .page .entry-header, .page .attachment .entry-header { margin-bottom: 32px; margin-bottom: 2rem; } @media (min-width: 34em) { .blog .post .row, .archive .post .row, .search .post .row { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } } .blog-category-list { display: inline-block; margin-bottom: 16px; margin-bottom: 1rem; color: #000; background-color: #fff; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 10.72px; font-size: 0.67rem; font-weight: 300; letter-spacing: 1.6px; letter-spacing: 0.1rem; text-transform: uppercase; } .blog-category-list a { color: #000; text-transform: uppercase; } .blog-category-list span { margin: 0.25em; } .single article h1, .single article .site-title, .single article h2, .single article h3, .single article h4, .single article h5, .single article h6, .page article h1, .page article .site-title, .page article h2, .page article h3, .page article h4, .page article h5, .page article h6 { font-weight: 700; } .single .post, .single .page, .page .post, .page .page { margin-bottom: 32px; margin-bottom: 2rem; background-color: #fff; } .single .post .single-featured-image, .single .page .single-featured-image, .page .post .single-featured-image, .page .page .single-featured-image { margin-bottom: 48px; margin-bottom: 3rem; } .single .post .single-featured-image img, .single .page .single-featured-image img, .page .post .single-featured-image img, .page .page .single-featured-image img { width: 100%; } .blover-related-posts { margin-bottom: 64px; margin-bottom: 4rem; } .blover-related-posts .related-posts-thumbnail { display: block; width: 100%; padding-bottom: 100%; } .blover-related-posts h4 { padding-top: 8px; padding-top: 0.5rem; color: #707070; font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 1.5; text-align: center; } .about-author p { font-size: 20px; font-size: 1.25rem; } .author-avatar { display: inline-block; width: 100%; padding: 1px; border: 1px solid #ddd; } .author-avatar .avatar { width: 100%; } .blover-author-social-icons { margin-top: 4px; margin-top: 0.25rem; } .blover-author-social-icons a { border: 0; } .blover-author-social-icons a svg { height: 16px; height: 1rem; margin: 2px; margin: 0.125rem; fill: #666; } .blover-author-social-icons a:hover svg { fill: #a0946b; } .author-avatar-wrapper { padding-bottom: 1em; } @media (min-width: 48em) { .author-avatar-wrapper { text-align: right; } } .content-area { padding-top: 32px; padding-top: 2rem; padding-bottom: 32px; padding-bottom: 2rem; } .entry-footer { margin: 32px 0 16px; margin: 2rem 0 1rem; } .entry-footer .tags-links { color: #707070; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; } .entry-footer .tags-links a { color: #707070; font-family: Amiri, serif; font-style: italic; text-transform: none; } .page .entry-footer { text-align: right; } .site-footer { width: 100%; padding: 1.5em 1em; text-align: center; } .no-results.not-found, .error-404.not-found { padding-bottom: 3em; text-align: center; } .no-results.not-found p, .error-404.not-found p { padding: 1em 0 0 0; } .no-results.not-found .lead, .error-404.not-found .lead { display: block; padding: 1em 0 0 0; } .no-results.not-found .search-submit, .error-404.not-found .search-submit { display: none; } .no-results.not-found label, .error-404.not-found label { width: 100%; } .no-results.not-found .search-field, .error-404.not-found .search-field { width: 60%; padding: 0.5em 0.5em 0.25em; border-color: transparent; border-bottom-color: #000; border-radius: 0; } .blover-post-format-icon { position: absolute; top: 20px; top: 1.25rem; right: 20px; right: 1.25rem; width: 34px; width: 2.125rem; height: 34px; height: 2.125rem; padding-top: 6px; padding-top: 0.375rem; border-radius: 50%; background-color: #fff; text-align: center; } .blover-post-format-icon svg { height: 20px; height: 1.25rem; } .widget .blover-post-format-icon { background-color: transparent; } .blover-list .blover-post-format-icon { right: 16px; right: 1rem; } .blover-404 h1, .blover-404 .site-title { margin: 0; color: #ddd; font-size: 10em; text-align: center; } @media (min-width: 48em) { .blover-404 h1, .blover-404 .site-title { font-size: 16em; } } .site-info p { margin: 0; } .site-info .custom-logo-link img { width: auto; max-height: 40px; margin: 16px; margin: 1rem; opacity: 0.5; transition: 0.5s; } .site-info .custom-logo-link img:hover { opacity: 1; } .mejs-audio { margin-bottom: 1em; } .more-link { display: block; margin-top: 16px; margin-top: 1rem; } .blover-classic .more-link { text-align: center; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comments-area { background-color: #fff; font-size: 16px; font-size: 1rem; } .comments-area ul { list-style: none; } .comments-area .children { margin-left: 0.75em; padding-left: 0.75em; } .comments-title, .comment-reply-title { margin-bottom: 24px; margin-bottom: 1.5rem; } .comments-title span, .comment-reply-title span { background-color: #fff; } .comment-content a { word-wrap: break-word; } .comment footer a { border-bottom: 0 transparent; } .bypostauthor { display: block; } .comments-avatar { margin: 0 0.5em 0.5em 0; padding: 1px; border: 1px solid #ddd; } .comment-author.vcard { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; -webkit-box-align: start; -webkit-box-pack: left; -ms-flex-align: start; -ms-flex-pack: left; justify-content: left; } .comment-meta .fn { font-style: normal; text-transform: uppercase; } .comment-form label { display: none; } .comment-fields { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: left; -ms-flex-align: center; -ms-flex-direction: column; -ms-flex-pack: left; justify-content: left; } .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-ur { margin: 0; padding: 0 0 4px 0; padding: 0 0 0.25rem 0; } .comment-form-comment input, .comment-form-comment textarea, .comment-form-author input, .comment-form-author textarea, .comment-form-email input, .comment-form-email textarea, .comment-form-ur input, .comment-form-ur textarea { width: 100%; } .comment-form-author, .comment-form-email, .comment-form-ur { width: 100%; } @media (min-width: 48em) { .comment-content { padding-left: 60px; } .comment-fields { flex-direction: row; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; } .comment-form-author { padding-right: 1rem; } .comment-form-email { padding-right: 1rem; padding-left: 1rem; } .comment-form-ur { padding-left: 1rem; } } #cancel-comment-reply-link { display: inline-block; position: absolute; right: 0; padding-left: 1em; background-color: #fff; } .comment-list { padding: 0; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .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; } #infscr-loading { position: absolute; bottom: 0; left: 50%; margin-left: -16px; text-align: center; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } .featured-image { position: relative; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { max-width: 100%; font-weight: 400; } .wp-caption img[class*="wp-image-"] { display: block; margin-right: auto; margin-left: auto; } .wp-caption .wp-caption-text { padding: 0.125em; color: #888; } .wp-caption-text:focus { border: 0 transparent; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; width: 100%; margin: 0; text-align: center; vertical-align: top; } .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; padding: 0.125em; color: #888; font-family: Amiri, serif; text-align: left; } .gallery-item.slick-slide img { width: 100%; } /*-------------------------------------------------------------- # External assets --------------------------------------------------------------*/ /*.fat-wpp-image-cat { //@extend h6; font-family: $font__secondary; font-size: .625rem; letter-spacing: .05em; display: inline-block; padding: .25rem .5rem .25rem 0; //margin-bottom: $grid-gutter-width / 2; //background-color: #f1f0ec; span { margin: .25em; } } .fat-wpp-image-cat a { text-transform: uppercase; color: $color__text-input; } .fat-wpp-list > li { //padding: 0.5em; //margin: 0 ( $grid-gutter-width * -0.125 ) ( $grid-gutter-width / 2 ); //padding: 0 ( $grid-gutter-width * .125 ) ( $grid-gutter-width * .125 ); //margin: 0 0 ( $grid-gutter-width / 2 ); //background-color:#f0efef; margin-bottom: $grid-gutter-width; position: relative; } .fat-wpp-list > li > h2 { font-size: 1.25em; line-height: 1.1875; //margin-top: .375em; margin-top: ( $grid-gutter-width * .25 ); margin-bottom: 0; font-weight: 700; text-align: center; } .fat-wpp-list > li > h2 > a { //background-color: #fff; color: #363738; &:hover { //color: aqua; } } .fat-wpp-image { position: relative; } .fat-wpp-image img { //margin-bottom: -1.5rem; width: 100%; } .popular-posts .blover-post-format-icon { right: $grid-gutter-width / 2; //( ( $grid-gutter-width / 2 ) + .5 ); padding-right: 0; //padding-top: .25rem; height: 1.875rem; width: 1.875rem; background-color: #fff; svg { height: 1rem; } } */ #top-widget .widget.popular-posts ol, #bottom-widget .widget.popular-posts ol { margin: 0 -16px; margin: 0 -1rem; } .wpp-list { margin-bottom: 0; padding-left: 0; } .wpp-list li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; margin-bottom: 2rem; } .wpp-list .post-stats { color: #707070; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: 300; text-transform: uppercase; } .wpp-list .post-stats a { color: #707070; } .wpp-list .wpp-image { float: left; width: 80px; height: 80px; margin-right: 16px; margin-right: 1rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .wpp-list .wpp-post-title { display: block; margin-bottom: 8px; margin-bottom: 0.5rem; font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 1.2; } .wpp-list .wpp-excerpt { display: block; margin-bottom: 8px; margin-bottom: 0.5rem; color: #555; font-size: 16px; font-size: 1rem; line-height: 1.2; } #top-widget .wpp-list li, #bottom-widget .wpp-list li { display: block; float: left; clear: none; width: 100%; padding: 0 16px 16px; padding: 0 1rem 1rem; } #top-widget .wpp-list li .wpp-post-title, #bottom-widget .wpp-list li .wpp-post-title { font-size: 24px; font-size: 1.5rem; } #top-widget .wpp-list li .wpp-image, #bottom-widget .wpp-list li .wpp-image { width: 100%; margin: 0 0 16px; margin: 0 0 1rem; padding-bottom: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (min-width: 48em) { #top-widget .wpp-list li, #bottom-widget .wpp-list li { width: 50%; } } @media (min-width: 62em) { #top-widget .wpp-list li, #bottom-widget .wpp-list li { width: 25%; } } /* Slider */ .slick-slider { display: block; position: relative; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-touch-callout: none; } .slick-list { display: block; overflow: hidden; position: relative; margin: 0; padding: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { display: block; position: relative; top: 0; left: 0; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ /* Icons */ /* Arrows */ .slick-prev, .slick-next { display: block; position: absolute; z-index: 999; top: 50%; width: 40px; height: 40px; margin-top: -20px; padding: 0; border: 0 solid transparent; border-radius: 50%; outline: none; color: #000; background: #fff; font-size: 0; line-height: 0; cursor: pointer; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { display: block; position: relative; margin-bottom: 2px; font-size: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; } .slick-prev { left: 16px; left: 1rem; } [dir="rtl"] .slick-prev { right: 16px; right: 1rem; left: auto; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: 16px; right: 1rem; } [dir="rtl"] .slick-next { right: auto; left: 16px; left: 1rem; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-slider { background: url("./slick/ajax-loader.gif") center center no-repeat; } .slick-dots { display: block; position: absolute; bottom: 0; width: 100%; padding: 0; text-align: center; list-style: none; } .slick-dots li { display: inline-block; position: relative; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button, .slick-dots li .more-link span, .more-link .slick-dots li span { display: block; width: 20px; height: 20px; padding: 5px; border: 0; outline: none; color: transparent; background: transparent; font-size: 0; line-height: 0; cursor: pointer; } .slick-dots li button:hover, .slick-dots li .more-link span:hover, .more-link .slick-dots li span:hover, .slick-dots li button:focus, .slick-dots li .more-link span:focus, .more-link .slick-dots li span:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li .more-link span:hover:before, .more-link .slick-dots li span:hover:before, .slick-dots li button:focus:before, .slick-dots li .more-link span:focus:before, .more-link .slick-dots li span:focus:before { opacity: 1; } .slick-dots li button:before, .slick-dots li .more-link span:before, .more-link .slick-dots li span:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0.25; color: white; font-family: "slick"; font-size: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 20px; text-align: center; content: "•"; } .slick-dots li.slick-active button:before, .slick-dots li.slick-active .more-link span:before, .more-link .slick-dots li.slick-active span:before { opacity: 1; color: white; } .slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { outline: none; background: #fff; } .slick-slider:hover .slick-prev:before, .slick-slider:hover .slick-next:before { color: #000; } .featured-posts { margin-bottom: 32px; margin-bottom: 2rem; background-color: #fff; } .featured-posts .featured-category { font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; } .featured-posts .featured-category span { margin: 0.25em; } .featured-posts a { color: #f1f1f1; } .blover-featured-slider { background: url("./slick/ajax-loader.gif") center center no-repeat; } .blover-featured-slider-wrapper { display: none; background-color: #000; } .no-featured-image { background-color: #000; } .blover-featured-slider-header { margin-top: 16px; margin-top: 1rem; margin-bottom: 0; line-height: 1.15; } .blover-featured-slider-header a { font-weight: 700; } .blover-featured-slider-title-wrapper { height: 100%; } .blover-featured-slider-title-wrapper .row { position: relative; height: 100%; } .blover-featured-slider-title { position: absolute; top: 32px; top: 2rem; bottom: 32px; bottom: 2rem; padding: 64px; padding: 4rem; background-color: rgba(255, 255, 255, 0.8); text-align: left; } .blover-featured-slider-title a { color: #000; } @media (min-width: 48em) { .blover-featured-slider-header { font-size: 2.75em; } .blover-featured-slider-title h2 { font-size: 4rem; } } .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { padding: 16px; padding: 1rem; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { margin-bottom: 32px; margin-bottom: 2rem; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; width: 80px; margin-right: 16px; margin-right: 1rem; margin-left: 0; } .woocommerce ul.products { margin: 32px -16px 0; margin: 2rem -1rem 0; } .woocommerce ul.products li.product .button { margin-top: 0; } .woocommerce table.shop_table { border: none; } .woocommerce table.shop_table td { padding: 12px; } .woocommerce .woocommerce-product-rating .star-rating { margin: 15px 0 0; } .woocommerce .comment-form label { display: inline-block; } .woocommerce .comment-form-author, .woocommerce .comment-form-email { padding: 0; } .woocommerce nav.woocommerce-pagination ul { margin: 0; margin-top: 16px; margin-top: 1rem; border: 0; background-color: #fff; font-family: "Work Sans", Helvetica, Arial, sans-serif; } .woocommerce nav.woocommerce-pagination ul li { display: inline; float: left; overflow: hidden; margin: 0; padding: 0; border-right: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: block; min-width: 1em; margin: 0; padding: 0.5em 0.75em; border: 1px solid #ddd; color: #707070; font-size: 12px; font-size: 0.75rem; font-weight: 300; line-height: 1; text-decoration: none; letter-spacing: 0.06em; text-transform: uppercase; transition: 0.5s; } .woocommerce nav.woocommerce-pagination ul li a.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span:hover { color: #fff; background-color: #000; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.5; } .woocommerce a.added_to_cart { padding-top: 0; } .woocommerce-cart table.cart img { width: 100px; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 1px 6px; border: 1px solid #707070; } .woocommerce-cart table.cart td.actions .coupon #coupon_code { width: 140px; } .woocommerce-cart table.cart td.actions .button { vertical-align: top; } .woocommerce-cart .cart-subtotal { color: #707070; font-weight: 300; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 12px; font-size: 0.75rem; } #top-widget .woocommerce.widget_products .product_list_widget, #bottom-widget .woocommerce.widget_products .product_list_widget { margin: 32px -16px 0; margin: 2rem -1rem 0; } #top-widget .woocommerce.widget_products .product_list_widget li, #bottom-widget .woocommerce.widget_products .product_list_widget li { float: left; padding: 0 16px 16px; padding: 0 1rem 1rem; } #top-widget .woocommerce.widget_products .product_list_widget li img, #bottom-widget .woocommerce.widget_products .product_list_widget li img { float: left; width: 100%; height: auto; margin: 0 0 16px; margin: 0 0 1rem; box-shadow: none; } #top-widget .woocommerce.widget_products .product_list_widget li .product-title, #bottom-widget .woocommerce.widget_products .product_list_widget li .product-title { font-size: 18px; font-size: 1.125rem; } #top-widget .woocommerce.widget_products .product_list_widget li .woocommerce-Price-amount, #bottom-widget .woocommerce.widget_products .product_list_widget li .woocommerce-Price-amount { color: #707070; font-size: 18px; font-size: 1.125rem; } @media (min-width: 34em) { #top-widget .woocommerce.widget_products .product_list_widget li, #bottom-widget .woocommerce.widget_products .product_list_widget li { width: 50%; } } @media (min-width: 62em) { #top-widget .woocommerce.widget_products .product_list_widget li, #bottom-widget .woocommerce.widget_products .product_list_widget li { width: 25%; } } .woocommerce .woocommerce-message { border-top-color: #707070; } .woocommerce .woocommerce-message:before { color: #707070; } .woocommerce a.remove { color: #707070 !important; } .woocommerce a.remove:hover { background: #707070; } .woocommerce span.onsale { display: block; top: 16px; top: 1rem; left: 16px; left: 1rem; width: 48px; width: 3rem; height: 48px; height: 3rem; padding: 2px 0 0; padding: 0.125rem 0 0; background-color: #000; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .woocommerce .product_meta > span { display: block; color: #000; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 22px; font-size: 1.375rem; font-weight: 300; line-height: 1.5; text-transform: uppercase; } .woocommerce .product_meta > span > span, .woocommerce .product_meta > span a { color: #707070; font-family: Amiri, serif; font-size: 22px; font-size: 1.375rem; font-style: italic; line-height: 1.5; text-transform: none; } .woocommerce form.cart { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .woocommerce div.quantity { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: none; margin: 0 8px 0 0; margin: 0 0.5rem 0 0; padding: 0; } .woocommerce div.quantity input { display: block; border: 1px solid #ddd; font-size: 16px; font-size: 1rem; line-height: 1; } .woocommerce div.product form.cart .button { float: none; } .woocommerce button.button, .woocommerce .more-link span.button, .more-link .woocommerce span.button, .woocommerce input.button, .woocommerce a.button { margin-top: 0; padding: 0.75em 1em; border: 1px solid #000; border-radius: 0; color: #000; background-color: transparent; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: 300; line-height: 1; letter-spacing: 0.06em; text-transform: uppercase; transition: 0.5s; } .woocommerce button.button:hover, .woocommerce .more-link span.button:hover, .more-link .woocommerce span.button:hover, .woocommerce input.button:hover, .woocommerce a.button:hover { color: #fff; background-color: #000; } .woocommerce button.button.alt, .woocommerce .more-link span.button.alt, .more-link .woocommerce span.button.alt, .woocommerce button.button.wc-forward, .woocommerce .more-link span.button.wc-forward, .more-link .woocommerce span.button.wc-forward, .woocommerce input.button.alt, .woocommerce input.button.wc-forward, .woocommerce a.button.alt, .woocommerce a.button.wc-forward { padding: 0.75em 1.5em; color: #fff; background-color: #000; } .woocommerce button.button.alt:hover, .woocommerce .more-link span.button.alt:hover, .more-link .woocommerce span.button.alt:hover, .woocommerce button.button.wc-forward:hover, .woocommerce .more-link span.button.wc-forward:hover, .more-link .woocommerce span.button.wc-forward:hover, .woocommerce input.button.alt:hover, .woocommerce input.button.wc-forward:hover, .woocommerce a.button.alt:hover, .woocommerce a.button.wc-forward:hover { color: #000; background-color: #fff; } .woocommerce .widget_price_filter .price_slider_amount .button { padding: 0.75em 1.5em; color: #fff; background-color: #000; font-size: 12px; font-size: 0.75rem; } .woocommerce .widget_price_filter .price_slider_amount .button:hover { color: #000; background-color: #fff; } .woocommerce ul.products li.product { padding-bottom: 32px; padding-bottom: 2rem; } .woocommerce ul.products li.product .onsale { top: 16px; top: 1rem; right: 16px; right: 1rem; left: auto; margin: 16px; margin: 1rem; padding: 2px 0 0; padding: 0.125rem 0 0; } .woocommerce ul.products li.product .star-rating { color: #707070; font-size: 12px; font-size: 0.75rem; } .woocommerce ul.products li.product h3 { color: #707070; font-weight: 300; } .woocommerce ul.products li.product .price { color: #000; font-weight: 700; } .woocommerce ul.products li.product .price del { display: inline-block; } .woocommerce .star-rating { font-size: 12px; font-size: 0.75rem; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #707070; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 2px; height: 0.125rem; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { top: -6.92px; top: -0.4325rem; width: 16px; width: 1rem; height: 16px; height: 1rem; margin-left: -8px; margin-left: -0.5rem; border: 2px solid #000; border: 0.125rem solid #000; border-radius: 1rem; background-color: #fff; cursor: ew-resize; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #000; } .woocommerce #review_form #respond .comment-form-rating { margin: 16px 0; margin: 1rem 0; } .woocommerce #review_form #respond input#submit { margin-top: 0; padding: 0.75em 1.5em; border: 1px solid #000; border-radius: 0; color: #000; background-color: transparent; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: 300; line-height: 1; letter-spacing: 0.06em; text-transform: uppercase; transition: 0.5s; } .woocommerce #review_form #respond input#submit:hover { color: #fff; background-color: #000; } .woocommerce .order_details li { width: 100%; margin-top: 1em; } @media (min-width: 62em) { .woocommerce .order_details li { width: auto; width: initial; } } .woocommerce-product-search .search-field { box-sizing: border-box; margin-bottom: 16px; margin-bottom: 1rem; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; margin: 0; padding: 16px; padding: 1rem; } @media (min-width: 48em) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 50%; } } @media (min-width: 62em) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 33.33%; } .woocommerce .has-sidebar ul.products li.product, .woocommerce-page .has-sidebar ul.products li.product { width: 50%; } } .woocommerce-checkout .woocommerce-info { border-top-color: #266f98; } .woocommerce-checkout .woocommerce-info:before { color: transparent; } .woocommerce-checkout .checkout .col2-set .col-1, .woocommerce-checkout .checkout .col2-set .col-2 { width: 100%; } .woocommerce-checkout .checkout .col2-set .col-1 label, .woocommerce-checkout .checkout .col2-set .col-2 label { color: #707070; } .woocommerce-checkout .checkout .col2-set .col-1 label .required, .woocommerce-checkout .checkout .col2-set .col-2 label .required { color: #707070; } .woocommerce-checkout .checkout .col2-set .col-2 { padding-top: 32px; padding-top: 2rem; } .woocommerce-checkout .checkout #order_review_heading { padding: 32px; padding: 2rem; } .woocommerce-checkout .place-order .button.alt { width: 100%; } .woocommerce-checkout .content-area { padding-bottom: 0; } .woocommerce-checkout .page { margin-bottom: 0; } .woocommerce-checkout .page .entry-footer { display: none; } .woocommerce-checkout #bottom-widget { margin-top: 0; } .woocommerce-checkout #bottom-widget .widget { padding: 16px; padding: 1rem; } .woocommerce-checkout #payment { border-radius: 0; background-color: #f5f5f5; } @media (min-width: 48em) { .woocommerce-checkout { /* .checkout { .col2-set { //padding: $grid-gutter-width; width: 50%; float: left; .col-1, .col-2 { width:100%; } } #order_review_heading { //padding: $grid-gutter-width; display: inline-block; width: 50%; } .woocommerce-checkout-review-order { //padding: $grid-gutter-width; width: 50%; display: inline-block; } }*/ } } .woocommerce-order-received .woocommerce-thankyou-order-received { margin-bottom: 32px; margin-bottom: 2rem; } .woocommerce-order-received .shop_table.customer_details, .woocommerce-order-received .shop_table.order_details { background-color: #f5f5f5; } .woocommerce-account .login, .woocommerce-account .register { float: none; } .woocommerce-account .login input[type="submit"], .woocommerce-account .register input[type="submit"] { display: block; width: 100%; margin: 16px 0; margin: 1rem 0; padding: 16px; padding: 1rem; color: #fff; background-color: #000; } .woocommerce-account .login input[type="submit"]:hover, .woocommerce-account .login input[type="submit"]:focus, .woocommerce-account .register input[type="submit"]:hover, .woocommerce-account .register input[type="submit"]:focus { color: #000; background-color: transparent; } .woocommerce-account .login .woocommerce-LostPassword, .woocommerce-account .register .woocommerce-LostPassword { padding: 3px; } .woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2 { float: none; width: 100%; } .blover-jp-sharing { display: none; position: absolute; right: 64px; right: 4rem; bottom: 0; left: 0; height: 100%; padding: 8px 0 0 32px; padding: 0.5rem 0 0 2rem; background-color: #fff; } .blover-jp-sharing .sd-social-icon .sd-content ul { min-width: 200px; margin: 0 !important; background-color: #fff; } .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] { padding: 0; } .blover-jp-sharing div.sharedaddy h3.sd-title { display: none; } .blover-jp-sharing .sharedaddy.sd-sharing-enabled { width: 100%; } .home .blover-jp-sharing, .search .blover-jp-sharing, .archive .blover-jp-sharing, .liveblog-entry .blover-jp-sharing { padding: 8px 0 14.08px 32px; padding: 0.5rem 0 0.88rem 2rem; } .home .blover-jp-sharing .sd-social-icon .sd-content ul, .search .blover-jp-sharing .sd-social-icon .sd-content ul, .archive .blover-jp-sharing .sd-social-icon .sd-content ul, .liveblog-entry .blover-jp-sharing .sd-social-icon .sd-content ul { min-width: 200px; margin: 0 !important; background-color: #fff; } .home .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] a, .search .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] a, .archive .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] a, .liveblog-entry .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] a { padding: 4px; } .home .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] a:hover, .search .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] a:hover, .archive .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] a:hover, .liveblog-entry .blover-jp-sharing .sd-social-icon .sd-content ul li[class*="share-"] a:hover { padding: 4px; } .blover-jp-sharing-close, .blover-jp-sharing-toggle { float: right; padding: 0; border: none; background-color: transparent; } .blover-jp-sharing-close { display: none; } .blover-jp-sharing-close svg line { stroke: #000; } .blover-jp-sharing-toggle { margin-left: 16px; margin-left: 1rem; } .blover-jp-sharing-toggle svg { margin-top: 2px; } .single .blover-jp-sharing, .page .blover-jp-sharing { display: inline-block; float: right; position: static; padding: 0 0 32px; padding: 0 0 2rem; } .single .blover-jp-sharing div.sharedaddy h3.sd-title, .page .blover-jp-sharing div.sharedaddy h3.sd-title { display: inline-block; } .product .sharedaddy { margin-top: 16px; margin-top: 1rem; } .liveblog-entry .liveblog-meta { display: -webkit-box; display: -ms-flexbox; display: flex; align-content: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-line-pack: center; } .liveblog-entry .liveblog-meta .liveblog-author-name { font-family: Amiri, serif; font-weight: bold; text-transform: uppercase; } .liveblog-entry .liveblog-meta .liveblog-author-avatar img { border-radius: 50%; } .liveblog-entry .liveblog-entry-text, .liveblog-entry .blover-jp-sharing, .liveblog-entry .liveblog-entry-actions { margin-top: 0; margin-left: 74px; } .liveblog-entry .liveblog-entry-actions { padding-left: 0; } .liveblog-entry .blover-jp-sharing ul { text-align: right; } .liveblog-entry .liveblog-entry-text { font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 0.9em; letter-spacing: -0.48px; letter-spacing: -0.03rem; } .liveblog-key-events .liveblog-key-timeline li .date { font-size: 14px; }