@charset "UTF-8"; /*! Theme Name: Blogito Theme URI: https://fatthemes.com/blogito/ Author: Fat Themes Author URI: https://fatthemes.com Description: Say hello to Blogito a lifestyle blog with unique & clear design, created for anyone with story to share. Blogito is a modern WordPress Blog Theme crafted with high attention to details. This premium theme provides top quality design and can be used for blog, magazine, news, travel, fashion or other type website. Blogito is perfect fit for you. No Coding Skills Required. Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: blogito Tags: two-columns, three-columns, right-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, news Blogito WordPress Theme, Copyright 2017, FatThemes.com Blogito 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, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { 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; } *, *: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: 15px; -webkit-tap-highlight-color: transparent; } body { color: #555; background-color: #fff; font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; font-size: 1rem; line-height: 1.375; } h1, .site-title, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { border-bottom: 1px dotted #818a91; cursor: help; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { 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: 1rem; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } table { background-color: transparent; } caption { padding-top: 0.25rem; padding-bottom: 0.25rem; caption-side: bottom; color: #818a91; text-align: left; } th { text-align: left; } label { display: inline-block; margin-bottom: 0.5rem; } input, button, 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: 0.5rem; padding: 0; 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, .mfp-bottom-bar, .h5, .page-links, .h6 { color: inherit; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.25; } h1, .site-title, .h1, h2, .h2, h3, .h3 { margin-bottom: 1rem; } h4, .h4, .mfp-bottom-bar, h5, .h5, .page-links, h6, .h6 { margin-bottom: 1rem; } h1, .site-title, .h1 { font-size: 1.875rem; line-height: 1.25em; } h2, .h2 { font-size: 1.5rem; line-height: 1.15em; } h3, .h3 { font-size: 1.375rem; line-height: 1.125em; } h4, .h4, .mfp-bottom-bar { font-size: 1.125rem; line-height: 1.1em; } h5, .h5, .page-links { font-size: 1rem; line-height: 1.1em; } h6, .h6 { 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: 1.25rem; font-weight: 700; } .display-1 { font-size: 3.5rem; font-weight: 300; } .display-2 { font-size: 4.5rem; font-weight: 300; } .display-3 { font-size: 5.5rem; font-weight: 300; } .display-4 { font-size: 6rem; font-weight: 300; } hr { margin-top: 2rem; margin-bottom: 2rem; border: 0; border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); } small, .small, .main-navigation, .widget_nav_menu, .left-sidebar-content .site-info, .widget-title span, .blogito-related-posts h3 span, .comments-title span, .comment-reply-title span, .blogito-page-intro p, .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: -2rem; 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: 2rem; padding: 1rem 2rem; border-left: 1px solid #000; 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: 2rem; padding-left: 0; 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: 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: 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: 1rem; 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: 1rem; padding-left: 1rem; } .container-fluid:before, .container-fluid:after { display: table; content: " "; } .container-fluid:after { clear: both; } .row { margin-right: -1rem; 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: 1rem; 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%; } } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #232323; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1rem; font-weight: 300; line-height: 1.6; } h1, .site-title, h2, h3, h4, h5, h6 { clear: both; } .site-title { text-transform: uppercase; } .site-title a { color: #232323; } .single .post .entry-title, .page .page .entry-title, .site-title { margin-bottom: 1rem; font-weight: 700; letter-spacing: -0.025em; } .site-branding { position: relative; margin-top: 70px; 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; } @media (min-width: 48em) { .blog .content-area .blogito-classic .entry-title, .archive .content-area .blogito-classic .entry-title, .search .content-area .blogito-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: #232323; } .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.6; } 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: 2rem 0; color: #757575; font-family: "Times New Roman", Times, serif; font-size: 1.5rem; font-weight: 300; font-style: italic; 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: 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 blockquote, .single q { font-size: 2.4rem; line-height: 1.25; } .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%; } }*/ } .single .post blockquote, .single .post q, .single .post .entry-content img.alignleft, .single .post .entry-content img.alignnone, .single .post .entry-content figure.alignleft, .single .post .entry-content figure.alignnone { margin-left: -21%; } .single .post .entry-content img.alignnone, .single .post .entry-content figure.alignnone { min-width: 121%; } } table { margin-bottom: 1em; } svg { max-width: 24px; max-height: 24px; fill: #000; } a img { transition: 0.5s; } a img:hover { opacity: 0.8; transition: 0.5s; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 0.5em 1em; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 300; letter-spacing: 0.06em; text-transform: uppercase; transition: 0.5s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: transparent; } #blogito-load-more { margin-bottom: 0; padding: 2em 0; text-align: center; } #blogito-load-more .btn { width: 100%; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { padding: 0.25rem; border: 1px solid #ddd; color: #666; } input, textarea { background-color: transparent; } textarea { width: 100%; height: 5rem; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a:hover, a:active { outline: none; } 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, .blogito-wpp-all-views { float: right; margin-left: 1rem; } .comments-link a, .blogito-wpp-all-views a { display: inline-block; margin-top: -0.25rem; } .comments-link a svg, .blogito-wpp-all-views a svg { 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: "Helvetica Neue", Helvetica, Arial, sans-serif; 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 1rem; 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 .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: #aeb3b7; } .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 a { display: inline-block; margin-top: 1em; padding: 1.05em 0.75em 0.75em 1em; text-decoration: none; } .navbar-navigation li { display: inline; position: relative; } .navbar-navigation a { display: inline; border: none; color: #555; text-align: left; text-decoration: none; } .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 .current_page_item > a:after, .navbar-navigation .current-menu-item > a:after, .navbar-navigation .current_page_ancestor > a:after, .navbar-navigation .current-menu-ancestor > a:after { display: block; position: absolute; bottom: 0; left: 1em; width: 0.75em; content: ""; } .navbar-navigation .expand-submenu { display: none; } .main-navigation, .widget_nav_menu { margin: 2rem 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.15em; text-transform: uppercase; } .main-navigation ul, .widget_nav_menu ul { padding-left: 0; list-style: none; } .main-navigation ul .expand-submenu, .widget_nav_menu ul .expand-submenu { padding: 0.125rem 0 0.125rem 0.75rem; } .main-navigation ul ul, .widget_nav_menu ul ul { display: none; margin-bottom: 1.5em; padding-left: 1rem; text-transform: none; } .main-navigation ul ul a, .widget_nav_menu ul ul a { padding: 0.25em 0; } .main-navigation ul ul .expand-submenu, .widget_nav_menu ul ul .expand-submenu { padding: 0; } .main-navigation li, .widget_nav_menu li { margin: 0 0 1em; text-align: left; } .main-navigation a, .widget_nav_menu a { display: inline-block; width: 200px; padding: 0.75em 0; } .main-navigation .expand-submenu, .widget_nav_menu .expand-submenu { display: block; float: right; padding: 1.5675rem 0.625rem 1.5675rem 0; font-size: 1.25rem; cursor: pointer; -webkit-transform-origin: 70% 50% 0; transform-origin: 70% 50% 0; } .blogito-search-panel { display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; text-align: center; } .blogito-search-panel .blogito-search-panel-close { float: right; margin: 1.2em; padding: 0.6125em 0.75em; border: none; color: #000; background-color: transparent; line-height: 1; } .blogito-search-panel .blogito-search-panel-close:hover svg { fill: #fff; } .blogito-search-panel .search-submit { display: none; } .blogito-search-panel label { width: 70%; } .blogito-search-panel .search-field { width: 100%; margin-top: 1rem; padding-left: 0.75rem; border-radius: 0; font-size: 1.25rem; font-weight: 300; } .left-sidebar-bg { display: none; position: fixed; z-index: 1047; top: 0; left: 0; 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 .site-info, #left-sidebar .widget { width: 256px; } .left-sidebar-content { overflow: auto; width: 105%; height: 100%; padding: 1em 3em 0 2em; } .left-sidebar-content .site-info { width: 100%; padding: 1.5em 1em; text-align: center; } .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: 0.875rem 1rem; } .menu-logo .menu-blogname { margin: 0; padding: 1.45em 1em; font-size: 1rem; font-weight: 700; text-transform: uppercase; } .menu-toggle { float: left; } .search-toggle { float: right; } .left-sidebar-close { float: right; padding: 0; border: none; color: #000; background-color: transparent; line-height: 1; } .left-sidebar-close svg { width: 14px; height: 14px; } .left-sidebar-close svg line { stroke: #000; } .menu-toggle, .search-toggle { margin: 0.75rem; padding: 0.625rem 0.75rem 0.5rem; border: none; background-color: transparent; } .menu-toggle:hover svg, .search-toggle:hover svg { fill: #fff; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { overflow: hidden; 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; } .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 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; } .blogito-next-article, .blogito-previous-article { color: #999; font-size: 0.75em; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; } .blogito-next-article-title, .blogito-previous-article-title { color: #444; font-size: 1.125rem; font-weight: 700; } .nav-previous { padding-right: 1rem; } .nav-next { padding-left: 1rem; } #blogito-load-more .btn { margin: 0; padding: 0.75em 1em; border: 1px solid #ddd; color: #fff; background-color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 300; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; transition: 0.5s; } #blogito-load-more .btn:hover, #blogito-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: "Helvetica Neue", Helvetica, Arial, sans-serif; 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: 1rem; } .alignright { display: inline; float: right; margin-left: 1rem; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .alignleft, .alignright, .aligncenter { 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: 2rem; font-weight: 300; /* Make sure select elements fit in widgets. */ } .widget ul { margin-bottom: 0; margin-left: 0; } .widget li { margin-bottom: 0.75em; } .widget select { max-width: 100%; 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: #232323; } .widget.widget_categories ul > li { margin-bottom: 0; padding: 1rem 0 0 0; } .widget.widget_categories ul.children { padding-left: 1rem; } .widget.widget_categories > ul > li { padding-bottom: 1rem; border-bottom: 1px solid #ddd; } .widget.widget_archive > ul > li, .widget.widget_recent_entries > ul > li, .widget.widget_recent_comments > ul > li, .widget.widget_meta > ul > li { padding-bottom: 1rem; border-bottom: 1px solid #ddd; } .widget.widget_wpcom_social_media_icons_widget > ul { text-align: center; } .widget.widget_wpcom_social_media_icons_widget > ul .genericon { margin-right: 0.8rem; margin-bottom: 0.8rem; font-size: 24px; } .widget.widget_authors > ul > li > ul { padding-top: 1rem; } .widget.widget_authors > ul > li > ul > li { padding-bottom: 1rem; border-bottom: 1px solid #ddd; } .widget.widget_contact_info .confit-address { padding-bottom: 1em; font-weight: 700; } .widget.widget_contact_info .confit-email { padding-bottom: 1em; font-weight: 700; } .widget.blog-stats > ul > li { width: 100%; padding: 0.5em; border: 1px solid #ccc; font-size: 200%; font-weight: bold; line-height: 1.2; text-align: center; } .widget #wp-calendar { width: 100%; text-align: center; } .widget #wp-calendar thead tr th { text-align: center; } #secondary .widget { padding: 2rem; } #tetriary .widget { padding: 0; } #bottom-widget .widget { padding-top: 2rem; } .widget-title, .blogito-related-posts h3, .comments-title, .comment-reply-title { position: relative; z-index: 1; margin-bottom: 2rem; color: #707070; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; text-align: center; letter-spacing: 0.15em; text-transform: uppercase; } .widget-title:before, .blogito-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 #404040; content: ""; } .widget-title span, .blogito-related-posts h3 span, .comments-title span, .comment-reply-title span { display: inline-block; padding: 0 1rem; background-color: #fff; } /* 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: 2rem; } #secondary .widget.widget-author-profile .about-author-wrapper, .widget-author-profile .about-author-wrapper { 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 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 2rem; } .fat_widget_recent_entries .recent-post-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; } .fat_widget_recent_entries .recent-post-list-item .post-categories { margin-top: 0.8em; line-height: 1.3; } .fat_widget_recent_entries .recent-post-list-item .post-categories li { display: inline; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .fat_widget_recent_entries .recent-post-list-item .post-date { color: #707070; font-size: 0.6875rem; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; } .fat_widget_recent_entries .recent-post-list-item > a { min-width: 95px; } .fat_widget_recent_entries .recent-post-list-item h3 { font-size: 1rem; font-weight: 700; line-height: 1.3; } .fat_widget_recent_entries .recent-post-list-item img { width: 80px; height: 80px; border-radius: 50%; } .widget_mc4wp_form_widget { text-align: center; } .widget_mc4wp_form_widget p { margin-bottom: 1rem; } .widget_mc4wp_form_widget label { margin-bottom: 1rem; } .widget_mc4wp_form_widget input[type="email"] { width: 100%; background-color: transparent; } .widget_mc4wp_form_widget input[type="submit"] { border-color: #000; background-color: #000; } .widget_mc4wp_form_widget input[type="submit"]:hover { color: #000; background-color: transparent; } .fat__widget-instagram .widget-title, .fat__widget-instagram .blogito-related-posts h3, .blogito-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 .blogito-related-posts h3:before, .blogito-related-posts .fat__widget-instagram h3:before, .fat__widget-instagram .comments-title:before, .fat__widget-instagram .comment-reply-title:before { padding-right: 1rem; padding-bottom: 0; padding-left: 1rem; } .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: 23px 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 .blogito-related-posts h3, .blogito-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 .blogito-related-posts h3:before, .blogito-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 .blogito-related-posts h3, .blogito-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 .blogito-related-posts h3:before, .blogito-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: 1rem; padding-bottom: 0; padding-left: 1rem; } #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 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; } #bottom-widget .fat__widget-instagram .instagram-gallery, #top-widget .fat__widget-instagram .instagram-gallery { margin-right: -1rem; margin-left: -1rem; } #bottom-widget .widget-title, #bottom-widget .blogito-related-posts h3, .blogito-related-posts #bottom-widget h3, #bottom-widget .comments-title, #bottom-widget .comment-reply-title, #top-widget .widget-title, #top-widget .blogito-related-posts h3, .blogito-related-posts #top-widget h3, #top-widget .comments-title, #top-widget .comment-reply-title { margin-bottom: 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 ); } } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .byline, .updated:not(.published) { display: none; } .byline { display: inline; } .entry-meta { position: relative; } .entry-meta .byline, .entry-meta .posted-on { margin: 0; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; } .entry-meta, .entry-meta a { color: #666; } .single .entry-meta .byline, .single .entry-meta .posted-on, .page .entry-meta .byline, .page .entry-meta .posted-on { font-size: 0.7rem; font-weight: 700; 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: #666; } .single .entry-meta, .page .entry-meta { min-width: 100px; 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: #666; } .page-links { clear: both; margin: 0 0 1.5em; margin-left: -21.666%; } .blogito-page-intro { margin-bottom: 2rem; padding: 2rem 1rem; color: #404040; text-align: center; } .blogito-page-intro h1, .blogito-page-intro .site-title, .blogito-page-intro h2 { position: relative; line-height: 1.1; } .blogito-page-intro h1, .blogito-page-intro .site-title { margin-bottom: 0; } .blogito-page-intro p { margin-top: 1rem; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.2em; text-transform: uppercase; } .blogito-page-intro #today-date { text-align: center; } .archive .archive-blogito-page-intro-row { margin: 0; } .home .blogito-page-intro { margin-bottom: 0; } .search .blogito-page-intro.nothing-found h1, .search .blogito-page-intro.nothing-found .site-title { padding: 4rem 0 0; color: #707070; font-family: "Times New Roman", Times, serif; font-size: 3.8em; font-weight: 400; } @media (min-width: 48em) { .blogito-page-intro h2 { font-size: 3em; font-weight: 300; } .home .blogito-page-intro { margin-bottom: 2rem; } } .category-list { margin-bottom: 2rem; margin-bottom: 1rem; color: #232323; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; font-size: 0.75em; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; } .category-list a:hover { text-decoration: none; } .blog article, .archive article, .search article { position: relative; background-color: #fff; } .blog article.blogito-list .row, .archive article.blogito-list .row, .search article.blogito-list .row { margin-bottom: 0; } .blog article.blogito-list .featured-image, .blog article.blogito-list .blogito-list-content, .archive article.blogito-list .featured-image, .archive article.blogito-list .blogito-list-content, .search article.blogito-list .featured-image, .search article.blogito-list .blogito-list-content { padding: 0; background-color: #fff; } .blog article.blogito-classic .featured-image, .archive article.blogito-classic .featured-image, .search article.blogito-classic .featured-image { margin-bottom: 0; } .blog .masonry, .archive .masonry, .search .masonry { margin-bottom: 2rem; } .blog .masonry .entry-meta, .archive .masonry .entry-meta, .search .masonry .entry-meta { padding: 1rem 2rem 1.5rem; 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: 1.5rem 2rem 0; } .blog .masonry .entry-content, .archive .masonry .entry-content, .search .masonry .entry-content { color: #707070; } @media (min-width: 62em) { .blog article.blogito-list, .archive article.blogito-list, .search article.blogito-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: 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: 0.5rem; background-color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.67rem; font-weight: 700; letter-spacing: 0.1rem; text-transform: uppercase; } .blog-category-list a { color: #666; text-transform: uppercase; } .blog-category-list span { margin: 0.25em; } .single article, .page article { padding-top: 1rem; } .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: 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: 2rem; } .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%; } .blogito-related-posts { margin-bottom: 4rem; text-align: center; } .blogito-related-posts .related-posts-thumbnail { display: block; width: 100%; padding-bottom: 100%; } .blogito-related-posts p { padding-top: 0.5rem; color: #707070; line-height: 1.5; } .about-author { padding-bottom: 2em; } .author-avatar { display: inline-block; width: 100%; padding: 1px; border: 1px solid #ddd; } .author-avatar .avatar { width: 100%; } .blogito-author-social-icons { margin-top: 0.25rem; } .blogito-author-social-icons a { border: 0; } .blogito-author-social-icons a svg { height: 1rem; margin: 0.125rem; fill: #666; } .author-avatar-wrapper { padding-bottom: 1em; } @media (min-width: 48em) { .author-avatar-wrapper { text-align: right; } } .content-area { padding-bottom: 2rem; } .entry-footer { margin: 2rem 0 1rem; } .entry-footer .tags-links { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; } .entry-footer .tags-links a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; 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; } .blogito-post-format-icon { position: absolute; top: 1.25rem; right: 1.25rem; width: 2rem; height: 2rem; padding-top: 0.375rem; border-radius: 50%; background-color: #fff; text-align: center; } .blogito-post-format-icon svg { height: 1.25rem; } .widget .blogito-post-format-icon { background-color: transparent; } .blogito-list .blogito-post-format-icon { right: 1rem; } .blogito-404 h1, .blogito-404 .site-title { margin: 0; color: #ddd; font-size: 10em; text-align: center; } @media (min-width: 48em) { .blogito-404 h1, .blogito-404 .site-title { font-size: 16em; } } .site-info p { margin: 0; } .site-info .custom-logo-link img { width: auto; max-height: 40px; 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: 1rem; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comments-area { background-color: #fff; } .comments-area ul { list-style: none; } .comments-area .children { margin-left: 0.75em; padding-left: 0.75em; } .comments-title, .comment-reply-title { 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 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-comment textarea { height: 10rem; } .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; } article.comment { padding-bottom: 1em; } /*-------------------------------------------------------------- # 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; } /* 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: block; float: left; margin: 0; padding: 0.5rem; text-align: left; 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: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; } .gallery-item.slick-slide a:hover img { opacity: 1; } .gallery-item.slick-slide img { width: 100%; } /*-------------------------------------------------------------- # External assets --------------------------------------------------------------*/ .fat-wpp-image-cat { display: inline-block; padding: 0.25rem 0.5rem 0.25rem 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.625rem; letter-spacing: 0.05em; } .fat-wpp-image-cat span { margin: 0.25em; } .fat-wpp-image-cat a { color: #666; text-transform: uppercase; } .fat-wpp-list > li { position: relative; margin-bottom: 2rem; } .fat-wpp-list > li > h2 { margin-top: 0.5rem; margin-bottom: 0; font-size: 1.25em; font-weight: 700; line-height: 1.1875; text-align: center; } .fat-wpp-list > li > h2 > a { color: #363738; } .fat-wpp-image { position: relative; } .fat-wpp-image img { width: 100%; } .popular-posts .blogito-post-format-icon { right: 1rem; width: 1.875rem; height: 1.875rem; padding-right: 0; background-color: #fff; } .popular-posts .blogito-post-format-icon svg { height: 1rem; } /* Slider */ .slick-slider { display: block; position: relative; -moz-box-sizing: border-box; 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: #232323; 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: -20px; } [dir="rtl"] .slick-prev { right: -20px; left: auto; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -20px; } [dir="rtl"] .slick-next { right: auto; left: -20px; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } .slick-prev:after, .slick-next:after { display: block; position: absolute; top: 0; width: 5px; height: 40px; content: ""; } .slick-prev:after { left: 0; } .slick-next:after { right: 0; } /* 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 { 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 button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button: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 { 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: 2rem; padding: 1rem; background-color: #fff; } .featured-posts .featured-category { color: #f1f1f1; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75rem; text-transform: uppercase; } .featured-posts .featured-category span { margin: 0.25em; } .featured-posts a, .featured-posts a:hover { color: #fff; } .blogito-featured-slider { background: url("./slick/ajax-loader.gif") center center no-repeat; } .blogito-featured-slider-wrapper { display: none; position: relative; background: radial-gradient(closest-side at 50% 50%, #000, #222, #444); background-color: #000; } .blogito-featured-slider .featured-image { position: relative; opacity: 0.6; } .no-featured-image { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; background-color: #232323; align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; } .blogito-featured-slider-header { margin-bottom: 0; line-height: 1.15; } .blogito-featured-slider-header a { font-weight: 700; } .blogito-featured-slider-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; } .blogito-featured-slider-title { max-width: 640px; padding: 2rem 3rem 2rem 4rem; text-align: center; } @media (min-width: 48em) { .blogito-featured-slider-header { font-size: 2.75em; } } /* Magnific Popup CSS */ .mfp-bg { overflow: hidden; position: fixed; z-index: 1042; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.90; background: #fff; filter: alpha(opacity=90); } .mfp-wrap { position: fixed; z-index: 1043; top: 0; left: 0; width: 100%; height: 100%; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; padding: 0 8px; text-align: center; } .mfp-container:before { display: inline-block; height: 100%; vertical-align: middle; content: ""; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { display: inline-block; position: relative; z-index: 1045; margin: 0 auto; text-align: left; vertical-align: middle; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { position: absolute; z-index: 1044; top: 50%; right: 8px; left: 8px; width: auto; margin-top: -0.8em; color: #ccc; text-align: center; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { display: block; overflow: visible; z-index: 1046; padding: 0; border: 0; outline: none; background: transparent; box-shadow: none; cursor: pointer; -webkit-appearance: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0 0 18px 10px; opacity: 0.65; font-family: Arial, Baskerville, monospace; font-size: 28px; font-style: normal; line-height: 44px; text-align: center; text-decoration: none; filter: alpha(opacity=65); } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -6px; width: 100%; padding-right: 6px; text-align: right; } .mfp-counter { position: absolute; top: 0; right: 0; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; top: 50%; width: 90px; height: 110px; margin: 0; margin-top: -55px; padding: 0; opacity: 0.65; filter: alpha(opacity=65); -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; content: ""; } .mfp-arrow:after, .mfp-arrow .mfp-a { top: 8px; border-top-width: 13px; border-bottom-width: 13px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { margin-left: 31px; border-right: 17px solid #fff; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { margin-left: 39px; border-left: 17px solid #fff; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { width: 100%; max-width: 900px; line-height: 0; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { overflow: hidden; width: 100%; height: 0; padding-top: 56.25%; } .mfp-iframe-scaler iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Main image in popup */ img.mfp-img { display: block; box-sizing: border-box; width: auto; max-width: 100%; height: auto; margin: 0 auto; padding: 40px 0 40px; line-height: 0; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { display: block; position: absolute; z-index: -1; top: 40px; right: 0; bottom: 40px; left: 0; width: auto; height: auto; background: #444; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); content: ""; } .mfp-figure small { display: block; color: #bdbdbd; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; margin-top: -36px; cursor: auto; } .mfp-title { padding-right: 36px; line-height: 18px; text-align: left; word-wrap: break-word; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-right: 0; padding-left: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { position: fixed; top: auto; bottom: 0; box-sizing: border-box; margin: 0; padding: 3px 5px; background: rgba(0, 0, 0, 0.6); } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { top: 3px; right: 5px; } .mfp-img-mobile .mfp-close { position: fixed; top: 0; right: 0; width: 35px; height: 35px; padding: 0; background: rgba(0, 0, 0, 0.6); line-height: 35px; text-align: center; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-right: 6px; padding-left: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { left: 50%; width: 600px; margin-top: 5px; margin-left: -300px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .blogito-jp-sharing { display: none; position: absolute; right: 4rem; bottom: 0; left: 0; height: 100%; padding: 0.5rem 0 0 2rem; background-color: #fff; } .blogito-jp-sharing .sd-content ul { min-width: 200px; margin: 0 !important; background-color: #fff; } .blogito-jp-sharing div.sharedaddy h3.sd-title { display: none; } .blogito-jp-sharing .sharedaddy.sd-sharing-enabled { width: 100%; } .blogito-jp-sharing-close, .blogito-jp-sharing-toggle { float: right; padding: 0; border: none; background-color: transparent; } .blogito-jp-sharing-close { display: none; } .blogito-jp-sharing-close svg line { stroke: #000; } .blogito-jp-sharing-toggle { margin-left: 1rem; } .blogito-jp-sharing-toggle svg { margin-top: 1px; } .single .blogito-jp-sharing, .page .blogito-jp-sharing { display: block; position: static; padding: 0 0 2rem; } .single .blogito-jp-sharing div.sharedaddy h3.sd-title, .page .blogito-jp-sharing div.sharedaddy h3.sd-title { display: inline-block; }