/*!

Theme Name: Imagery

Theme URI: http://dinevthemes.com/themes/imagery-pro/

Author: Dmitry Dinev

Author URI: http://www.dinevthemes.com/

Description: Imagery is a minimalist WordPress theme to build a clean modern blog or creative portfolio. This theme offers elegant image grid that can be in two or three columns, and a dark mode, and much more. This theme supports new incoming WordPress editor which called Gutenberg. This theme also offer support for some plugins that expand the Gutenberg editor's block collection. This theme offers basic support for portfolio plugins: Portfolio Post Type, Easy Photography Portfolio. Live demo - http://demo.dinevthemes.com/imagery/

Version: 1.1.5

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: imagery

Tags: blog, portfolio, photography, two-columns, three-columns, full-width-template, custom-menu, custom-colors, sticky-post, featured-images, threaded-comments, translation-ready, grid-layout, custom-background, custom-header, custom-logo, editor-style, theme-options

*/

/*--------------------------------------------------------------

TABLE OF CONTENTS:

----------------------------------------------------------------

1. CSS Reset

2. Accessibility

3. Alignments

4. Clearings

5. Typography

6. Forms

7. Document Setup

8. General Layout

9. Posts Grid

10. Entry Content

11. Comment

12. Templates

13. Dark Mode

14. Attachment Page

15. 404 Page

16. Social Links Menu | SVG icons

17. Plugins

18. Media Queries

--------------------------------------------------------------*/

/*--------------------------------------------------------------

1.0 CSS Reset

Based on Normalize v7.0.0 | MIT License | @link github.com/necolas/normalize.css

--------------------------------------------------------------*/

html {

  line-height: 1.15;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}



html, body { 

    margin: 0; 

    padding: 0; 

    height: 100%; 

    min-height: 100%; 

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

address,

big,

cite,

code,

em,

font,

img,

small,

strike,

sub,

sup,

li,

ol,

ul,

fieldset,

form,

label,

legend,

button,

table,

caption,

tr,

th,

td {

	margin:0;

	padding:0;

	border:0;

	font-weight:normal;

	font-style:normal;

	font-size:100%;

	line-height:1;

	text-align:left;

}



table {

	border-collapse:collapse;

	border-spacing:0;

}



article,

aside,

footer,

header,

nav,

section {

  display: block;

}



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



figcaption,

figure,

main {

  display: block;

}



figure {

  margin: 1em 40px;

}



hr {

  box-sizing: content-box;

  height: 0;

  overflow: visible;

}



pre {

  font-family: monospace, monospace;

  font-size: 1em;

}



a {

  background-color: transparent;

  -webkit-text-decoration-skip: objects;

  outline:none;

}



abbr[title] {

  border-bottom: none;

  text-decoration: underline;

  text-decoration: underline dotted;

}



b,

strong {

  font-weight: inherit;

}



b,

strong {

  font-weight: bolder;

}



code,

kbd,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



dfn {

  font-style: italic;

}



mark {

  background-color: #ff0;

  color: #000;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}


html {
  scroll-behavior: smooth;
}


ol, ul { list-style:none; }



blockquote:before, 

blockquote:after { content:""; }



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

  display: none;

}



audio,

video {

  display: inline-block;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



img {

  border-style: none;

}



svg:not(:root) {

  overflow: hidden;

}



button,

input,

optgroup,

select,

textarea {

  font-family: sans-serif; /* 1 */

  font-size: 100%; /* 1 */

  line-height: 1.15; /* 1 */

  margin: 0; /* 2 */

}



button,

input { /* 1 */

  overflow: visible;

}



button,

select { /* 1 */

  text-transform: none;

}



button,

html [type="button"], /* 1 */

[type="reset"],

[type="submit"] {

  -webkit-appearance: button; /* 2 */

}



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

  outline: 1px dotted ButtonText;

}



fieldset {

  padding: 0.35em 0.75em 0.625em;

}



legend {

  box-sizing: border-box; /* 1 */

  color: inherit; /* 2 */

  display: table; /* 1 */

  max-width: 100%; /* 1 */

  padding: 0; /* 3 */

  white-space: normal; /* 1 */

}



progress {

  display: inline-block; /* 1 */

  vertical-align: baseline; /* 2 */

}



textarea {

  overflow: auto;

}



[type="checkbox"],

[type="radio"] {

  box-sizing: border-box; /* 1 */

  padding: 0; /* 2 */

}



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



[type="search"] {

  -webkit-appearance: textfield; /* 1 */

  outline-offset: -2px; /* 2 */

}



[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



::-webkit-file-upload-button {

  -webkit-appearance: button; /* 1 */

  font: inherit; /* 2 */

}



details, /* 1 */

menu {

  display: block;

}



summary {

  display: list-item;

}



canvas {

  display: inline-block;

}



template {

  display: none;

}



[hidden] {

  display: none;

}



/*--------------------------------------------------------------

2.0 Accessibility

--------------------------------------------------------------*/



/* Text meant only for screen readers. */



.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	overflow: hidden;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: 700;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/*--------------------------------------------------------------

3.0 Alignments

--------------------------------------------------------------*/



.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/*--------------------------------------------------------------

4.0 Clearings

--------------------------------------------------------------*/



.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.entry-footer:before,

.entry-footer: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,

.nav-links:before,

.nav-links:after,

.pagination:before,

.pagination:after,

.comment-author:before,

.comment-author:after,

.comment-meta:before,

.comment-meta:after {

	content: "";

	display: table;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.entry-footer:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after,

.nav-links:after,

.pagination:after,

.comment-author:after,

.comment-meta:after {

	clear: both;

}



/*--------------------------------------------------------------

5.0 Base Typography

--------------------------------------------------------------*/

body * {

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

}



body {

	font-family: 'Roboto', sans-serif;

    font-size: 18px;

}



button,

input,

select,

textarea {

	color: rgba(0, 0, 0, 0.85);

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	font-size: 0.9375rem;

	font-weight: normal;

	line-height: 1.66;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

	line-height: 1.4;

	margin: 0 0 0.75em;

	padding: 1.5em 0 0;

}





h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Roboto', sans-serif;

	font-weight: 900;

	color: rgba(0, 0, 0, 0.85);

}



h1 {

	font-size: 40px;

}



h2 {

	font-size: 32px;

}



h3 {

	font-size: 24px;

}



h4 {

	font-size: 18px;

}



h5 {

	font-size: 16px;

}



h6 {

	font-size: 14px;

	text-transform: uppercase;

}



h1:first-child,

h2:first-child,

h3:first-child,

h4:first-child,

h5:first-child,

h6:first-child {

	padding-top: 0;

}



p {

	margin: 0 0 1.5em;

	padding: 0;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0;

	overflow: hidden;

	padding: 0;

	quotes: "" "";

}



blockquote:before,

blockquote:after {

	content: '';

}



blockquote cite {

	display: block;

	margin-top: 0.5em;

}



q {

	text-align: center;

	font-size: 29px;

	font-weight: 700;

}



address {

    margin: 0 0 1.5em;

    line-height: 1.5;

	font-weight: 300;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 16px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 18px;

	font-size: 1.12rem;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #eee;

	text-decoration: none;

}



big {

	font-size: 120%;

}



:focus {

	outline: none;

}



/*--------------------------------------------------------------

6.0 Forms

--------------------------------------------------------------*/



label {

	color: #333;

	display: block;

	font-weight: 400;

	margin-bottom: 0.5em;

}



fieldset {

    border: 1px solid rgba( 0, 0, 0, .2 );

    padding: 25px;

	margin-bottom: 1em;

}



fieldset legend {

    font-size: 16px;

    font-weight: 700;

    padding: 0 15px;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #666;

	background: #fff;

	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));

	border: 1px solid #bbb;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: block;

	padding: 0.7em;

	width: 100%;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

	color: #222;

	border-color: #333;

}



textarea {

	resize: vertical;

}



select {

	border: 1px solid #bbb;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	height: 3em;

	max-width: 100%;

}



input[type="radio"],

input[type="checkbox"] {

	margin-right: 0.5em;

}



input[type="radio"] + label,

input[type="checkbox"] + label {

	font-weight: 400;

}



button,

input[type="button"],

input[type="submit"],

.button {

	background-color: #222;

	border: 0;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-size: 16px;

	line-height: 1;

	    height: unset;

	padding: 0.75em 2em;

	text-shadow: none;

	-webkit-transition: background 0.2s;

	transition: background 0.2s;

}



input + button,

input + input[type="button"],

input + input[type="submit"] {

	padding: 0.75em 2em;

}



button.secondary,

input[type="reset"],

input[type="button"].secondary,

input[type="reset"].secondary,

input[type="submit"].secondary {

	background-color: #ddd;

	color: #222;

}



button:hover,

button:focus,

input[type="button"]:hover,

input[type="button"]:focus,

input[type="submit"]:hover,

input[type="submit"]:focus {

	background: #767676;

}



button.secondary:hover,

button.secondary:focus,

input[type="reset"]:hover,

input[type="reset"]:focus,

input[type="button"].secondary:hover,

input[type="button"].secondary:focus,

input[type="reset"].secondary:hover,

input[type="reset"].secondary:focus,

input[type="submit"].secondary:hover,

input[type="submit"].secondary:focus {

	background: #bbb;

}



::-webkit-input-placeholder {

	color: #333;

	font-family: 'Roboto', sans-serif;

}



:-moz-placeholder {

	color: #333;

	font-family: 'Roboto', sans-serif;

}



::-moz-placeholder {

	color: #333;

	font-family: 'Roboto', sans-serif;

	opacity: 1;

}



:-ms-input-placeholder {

	color: #333;

	font-family: 'Roboto', sans-serif;

}



.required {

    color: red;

}



/*--------------------------------------------------------------

7.0 Document Setup

--------------------------------------------------------------*/



body {

    background: #fff;

	border: none;

    color: #000;

}



body a {

	color: #000; /*#2465f7;*/

	text-decoration: none;

}



img,

video {

    height: auto;

	display: block;

	max-width: 100%;

}



.group:after,

.pagination:after,

.gallery:after {

	clear: both; 

	content: "";

	display: block;

}



.bypostauthor {

}



hr {

	background-color: #ececec;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0 0 1.5em;

	padding: 0;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: 700;

}



dd {

	margin: 0 1.5em 1.5em;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

    empty-cells: show;

    font-size: 1em;

    margin-bottom: 30px;

    max-width: 100%;

    overflow: hidden;

    width: 100%;

}



thead {

    vertical-align: bottom;

    white-space: nowrap;

}



thead th {

	border-bottom: 2px solid #bbb;

	padding-bottom: 0.5em;

}



tbody {

    display: table-row-group;

    vertical-align: middle;

    border-color: inherit;

}



tbody > tr:nth-child(odd) {

    background: #eee;

}



tr {

	border-bottom: 1px solid #eee;

}



th {

    font-weight: bold;

}



th, td {

    line-height: 1.4;

    margin: 0;

    overflow: visible;

    padding: 2.5%;

}



th:first-child,

td:first-child {

}



th:last-child,

td:last-child {

}



/* Fixes linked images */

.entry-content a img,

.widget a img {

	-webkit-box-shadow: 0 0 0 8px #fff;

	box-shadow: 0 0 0 8px #fff;

}



.post-thumbnail a img {

	-webkit-backface-visibility: hidden;

	-webkit-transition: opacity 0.2s;

	transition: opacity 0.2s;

}



.post-thumbnail a:hover img,

.post-thumbnail a:focus img {

	opacity: 0.7;

}



.wp-custom-header-video-button {

    margin-top: -40px;

    position: absolute;

}



/*--------------------------------------------------------------

8.0 General Layout

--------------------------------------------------------------*/



html {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



*,

*:before,

*:after {

	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	-webkit-box-sizing: inherit;

	-moz-box-sizing: inherit;

	box-sizing: inherit;

}



body {

	background: #fff;

	/* Fallback for when there is no custom background color defined. */

}



.site {

	position: relative;

	word-wrap: break-word;

    overflow: hidden;

}



.site-header:after,

.site-content:after,

.site-footer:after,

.wrap-inner:after,

.wrap:after,

.row:after {

	clear: both;

	content: "";

	display: block;

}



.site-header {

    padding: 50px 0;

    position: relative;

    z-index: 999;

}



.site-title {

    padding: 10px 0;

    display: inline-block;

}



img.custom-logo {

    height: auto;

    width: auto;

}



/*changed the way, look in the file functions.php imagery_extra_menu_link*/

.search-icon:before {

    content: '\f400';

    color: #2c2c2c;

    font-family: Genericons;

    font-style: normal;

    font-weight: bold;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.main-navigation a.search-icon {

    padding: 0.573em 0.875em;

}



.icon-search {

    height: 16px;

    width: 16px;

    fill: #2c2c2c;

}



.search-submit {

    top: 0;

	left: 0;

    position: absolute;

	height: 80px;

    background-color: transparent;

}



button.search-submit,

button.search-submit:hover {

    background: transparent;

}



.search-submit:hover,

.search-submit:focus {

    background-color: transparent;

    border: 0;

}



.site-search input {

    background: #fff;

    border: 0;

    border-radius: 0;

    height: 80px;

    margin: 0 !important;

    padding-left: 3.5em;

	font-size: 18px;

}



.site-search {

    box-shadow: 0 2px 40px 0 rgba(0,0,0,0.2);

	display: none;

	transform: translateY(0);

}



.page-content .site-search {

	display: block;

}



.wrap-inner {

    margin: 0 auto;

    max-width: 1240px;

    width: 90%;

}



.archive-description {

    line-height: 1.5;

}



.comment-reply-link,

.edit-link {

    background-color: #f1f1f1;

    border-radius: 2px;

}



.edit-link {

    padding: 0 8px 2px 8px;

}



.comment .edit-link,

.comment-reply-link {

    padding: 2px 8px;

}



a.comment-reply-link:hover,

.edit-link a:hover {

	text-decoration: none;

}



a.comment-reply-link,

.edit-link a {

    color: rgba( 0, 0, 0, .75 );

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

}





.site-footer {

    padding: 40px 0;

}



.site-info {

    margin-top: 12px;

}



.site-info,

.site-footer .social-navigation {

    display: inline-block;

}



.site-footer .social-navigation {

    float: right;

}



.entry-content iframe {

    max-width: 100%;

}



/*--------------------------------------------------------------

9.0 Posts Grid

--------------------------------------------------------------*/



.post-grid {

    margin: -10px;

}



.post-preview {

    display: block;

    padding: 10px;

    position: relative;

    transition: none;

    width: 50%;

}



.preview-image {

    background-size: cover;

    position: relative;

}



.post-preview.no-thumbnail .preview-image:before {

    content: "";

    display: block;

    padding-bottom: 75%;

    width: 100%;

}



.overlay-wrap {

    background: rgba( 0, 0, 0, 0.25 );

    bottom: 0;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

	visibility: hidden;

}



.post-preview:hover .overlay-wrap,

.no-thumbnail .overlay-wrap,

.show-titles .overlay-wrap {

	visibility: visible;

}



.no-thumbnail .overlay-wrap {

    background: rgba( 0, 0, 0, 0.1 );

}



.post-preview header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    bottom: 40px;

    left: 40px;

    right: 40px;

    top: 40px;

    text-align: center;

    transition: all .3s ease-in-out;

    transform: translateY( 10px );

}



.show-titles .post-preview header,

.post-preview:hover header,

.no-thumbnail.post-preview header,

.show-preview-titles .post-preview header {

    opacity: 1;

    transform: translateY( 0 );

}



.post-preview h2 {

    line-height: 1.25;

    text-align: center;

    width: 100%;

    word-break: break-word;

	padding-top: 0;

	font-size: 40px;

    font-weight: 300;

	margin-bottom: 0;

}



.has-thumbnail.post-preview h2,

.has-thumbnail .sticky-post {

    color: #FFF;

}



.no-thumbnail .title,

.no-thumbnail .sticky-post {

    color: #000;

}



.has-thumbnail.post-preview.hover-bg img {

	-webkit-transition: opacity 0.5s;

	-moz-transition: opacity 0.5s;

	-o-transition: opacity 0.5s;

}



.has-thumbnail.post-preview.hover-bg:hover img {

	opacity: 0;

}



/* THREE COLUMNS */



@media ( min-width: 1001px ) {



	.three-columns-grid .post-preview {

		width: 33.3%;

	}

	

	.three-columns-grid .post-preview header {

		bottom: 30px;

		left: 30px;

		right: 30px;

		top: 30px;

	}

	

	.three-columns-grid .post-preview h2 {

		font-size: 28px;

	}



}



/* Jetpack Infinite Scroll ---------------------------- */



.infinite-scroll .post-pagination {

	display: none;

}



/* Loading Button */



.infinite-scroll .posts {

	padding-bottom: 130px;

}



.infinite-scroll.infinity-end .posts {

	padding-bottom: 0;

}



.infinite-scroll #infinite-handle {

	position: relative;

	text-align: center;

	margin: 20px 0;

}



.infinite-scroll #infinite-handle span {

	background: none;

	padding: 0 0 0 0;

}



.infinite-scroll #infinite-handle button,

.infinite-scroll #infinite-handle button:hover,

.infinite-scroll #infinite-handle button:focus {

	background: none;

	border-radius: 0;

	color: rgba( 0, 0, 0, .5 );

	font-size: 18px;

    text-transform: uppercase;

	padding: 0;

	transition: color .2s ease-in-out;

}



.infinite-scroll #infinite-handle button:hover,

.infinite-scroll #infinite-handle button:focus {

	color: #000;

}



/* Loading Animation */



.infinite-loader {

	height: 40px;

	position: relative;

	margin: 20px 0;

	margin-left: calc( 50% - 20px );

	width: 40px;

}



.infinite-loader * {

	display: none;

}



.infinite-loader:before, 

.infinite-loader:after {

	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;

	animation: sk-bounce 2.0s infinite ease-in-out;

	background: rgba( 0, 0, 0, .25 );

	border-radius: 50%;

	content: "";

	height: 100%;

	opacity: 0.6;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

}



.infinite-loader:after {

	-webkit-animation-delay: -1.0s;

	animation-delay: -1.0s;

}



@-webkit-keyframes sk-bounce {

	0%, 100% { -webkit-transform: scale(0.0) }

	50% { -webkit-transform: scale(1.0) }

}



@keyframes sk-bounce {

	0%, 100% { 

		-webkit-transform: scale(0.0);

		transform: scale(0.0);

	} 50% { 

		-webkit-transform: scale(1.0);

		transform: scale(1.0);

	}

}



/*--------------------------------------------------------------

10.0 Entry Content

--------------------------------------------------------------*/



/*.page-header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin: 0 auto 100px auto;

    max-width: 100%;

    min-height: 250px;

    width: 560px;

	text-align: center;

}
*/


.page-header > div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

	-webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 100%;

    width: 100%;

}



.page-title,

.entry-title,

.entry-meta {

	text-align: inherit;

}



.page-header .entry-title,

.page-header .page-title {

    margin: 0;

}



.page-header .byline:before {

    content: " \00b7";

}



.page-header p {

    font-size: 20px;

    line-height: 1.5;

    text-align: inherit;

}



.page-header p,

.page-header .entry-meta {

	margin-top: 1.5em;

	margin-bottom: 0;

}



.page-header .archive-description {

    margin-top: 1.5em;

}



.page-header .archive-description p {

    margin: 0;

}



.entry-header {

    padding: 20px 0;

}



.entry-header,

.entry-content,

.entry-summary,

.entry-footer,

.post-navigation,

.comments-area {

    position: relative;

    font-family: 'Roboto', sans-serif;

    max-width: 560px;

    margin: 0 auto;

}



.entry-content a {

	border-bottom: solid 1px #000;

}



.more-link,

.entry-content a:focus,

.entry-content a:hover {

	border-bottom: solid 2px currentColor;

}



.updated+.entry-date {

    -webkit-clip-path: circle(1% at 1% 1%);

    clip-path: circle(1% at 1% 1%);

    padding: 0;

    width: 1px;

	border: 0;

    clip: rect(1px,1px,1px,1px);

    height: 1px;

    position: absolute;

    overflow: hidden;

}



.cat-links,

.tags-links,

.comments-link {

    padding-right: 10px;

}



.entry-footer,

.post-navigation {

    margin-top: 40px;

    margin-bottom: 40px;

	line-height: 1.5;

}



.entry-meta *,

.entry-footer *,

.comment-metadata time,

.site-info,

.site-info a {

    color: rgba(0, 0, 0, 0.55);

}



em {

    font-style: italic;

}



hr {

	border: none;

	border-top: 1px solid rgba( 0, 0, 0, 0.13 );

	margin: 50px 0;

}



.entry-content > *:first-child {

	margin-top: 0;

}



.entry-content > *:last-child {

	margin-bottom: 0;

}



.entry-summary p {

	line-height: 1.5;

}



.entry-content p {

	line-height: 1.75;

}



.entry-content p,

.entry-content dl,

.entry-content ul,

.entry-content ol,

.entry-content table {

}



.entry-content > ol,

.entry-content > ul {

    margin-bottom: 30px;

}



.entry-content ol,

.entry-content ul {

    margin-left: 40px;

}



.entry-content ul { list-style: disc; }

.entry-content ul ul { list-style: circle; }

.entry-content ul ul ul { list-style: square; }



.entry-content ol { list-style: decimal; }

.entry-content ol ol { list-style: lower-alpha; }

.entry-content ol ol ol { list-style: lower-roman; }



.entry-content li {

    line-height: 1.5;

	margin-top: 15px;

}



dd,

dt {

	line-height: 1.5;

}



dt {

	font-weight: 700;

}



dd + dt { 

	margin-top: 15px; 

}



code {

	background: rgba( 0, 0, 0, 0.1 );

	padding: 0 1px;

	font-size: 18px;

}



/* Images ----------------------------- */



.single-featured-image-header {

    margin-bottom: 40px;

	width: 100%;

}



.preview-image img,

.single-featured-image-header img {

	width: 100%;

}



/* Quotes ----------------------------- */



blockquote {

    margin: 0 0 30px 0;

    padding: 0 0 0 30px;

}



blockquote p {

    font-weight: 700;

    font-size: 120%;

    color: #000;

}



blockquote cite {

    display: block;

    font-weight: 400;

    font-style: italic;

}



blockquote cite:before {

    content: '- ';

}





/* Pull Quotes ----------------------------- */



.entry-content .pull {

	font-size: 29px;

	font-weight: 700;

	letter-spacing: -0.025em;

	line-height: 1.2;

	position: absolute;

	width: 280px;

}



.entry-content .pull.left {

	hanging-punctuation: first;

	right: calc( 100% + 40px );

}



.entry-content .pull.right {

	hanging-punctuation: last;

	left: calc( 100% + 40px );

	text-align: right;

}





/* Page Media ------------------------------ */



.wp-caption { 

	display: block;

	max-width: 100%;

}



.gallery-caption,

.wp-caption-text {

    font-size: 0.8em;

	margin: 10px 0 0;

}



.entry-content .gallery-caption,

.entry-content .wp-caption-text {

	margin-bottom: 0;

}



.wp-caption-text {

	color: rgba( 0, 0, 0, .5 );

}



.wp-caption-text a {

	color: inherit;

}



.alignleft,

.alignright {

	margin-bottom: 20px;

    max-width: 40%;

}



.alignleft {

	float: left;

	margin: 5px 40px 30px -80px;

}



.alignright {

	float: right;

	margin: 5px -80px 30px 40px;

}



.aligncenter,

.alignnone { 

	margin: 50px auto; 

}



.alignnone {

	margin-left: -80px;

	margin-right: -80px;

	max-width: calc( 100% + 160px );

}



.alignnone img {

	width: 100%;

}





/* GALLERIES */



.gallery {

        display: -ms-flex;

        display: -webkit-box;

        display: -ms-flexbox;

    display: flex;

		-ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 50px 0 30px;

    padding: 0;

    position: relative;

        left: calc( 50% - 630px );

    width: 1260px;

}



.gallery + .gallery {

	margin-top: -30px;

}



.gallery .gallery-item {

    display: block;

	float: left;

    margin: 0 0 20px;

    padding: 0 10px;

	position: relative;

    width: 100%;

}



.gallery-columns-1 .gallery-item { width: 100%; }

.gallery-columns-2 .gallery-item { width: 50%; }

.gallery-columns-3 .gallery-item { width: 33.3%; }

.gallery-columns-4 .gallery-item { width: 25%; }

.gallery-columns-5 .gallery-item { width: 20%; }

.gallery-columns-6 .gallery-item { width: 16.6%; }

.gallery-columns-7 .gallery-item { width: 14.28%; }

.gallery-columns-8 .gallery-item { width: 12.5%; }

.gallery-columns-9 .gallery-item { width: 11.1%; }



.gallery .gallery-item a {

    border: none;

	display: block;

    line-height: 0;

	text-align: center;

}



.gallery img {

	width: 100%;

}



.gallery-caption {

	background: #fff;

	color: #000;

	font-family: 'Roboto', sans-serif;

    font-size: 10px;

	line-height: 1.35;

	margin: 0;

	max-width: calc( 100% - 40px );

	max-height: 50%;

	overflow: hidden;

	padding: 12px 14px;

	position: absolute;

		bottom: 10px;

		left: 20px;	

}



.gallery-columns-1 .gallery-caption,

.gallery-columns-2 .gallery-caption,

.gallery-columns-3 .gallery-caption {

	bottom: 40px;

	font-size: 14px;

	left: 50px;

	max-width: calc( 100% - 100px );

}



.gallery-columns-3 .gallery-caption {

	bottom: 30px;

	left: 40px;

	max-width: calc( 100% - 80px );

}



.entry-content .tiled-gallery {

	margin: 50px auto 50px auto;

}



/* Post Navigation ------------------------------ */



.nav-next,

.nav-previous {

    display: inline-block;

	vertical-align: top;

	width: 50%;

}



.nav-next {

    text-align: right;

}



.single-post .nav-links {

    border-top: 4px solid #2c2c2c;

    padding: 10px 0;

    border-bottom: 2px solid #2c2c2c;

}



.meta-nav {

    display: block;

    font-size: 12px;

    color: rgba(0, 0, 0, 0.55);

}



/* Numbers Navigation ------------------------------ */



.pagination {

    margin-top: 80px;

    margin-bottom: 40px;

}



.pagination .page-numbers {

    text-align: center;

}



ul.page-numbers {

	list-style: none;

	margin: 0;

}



ul.page-numbers li {

	display: inline-block;

	text-align: center;

	line-height: 2.25em;

}



.page-numbers a,

.page-numbers span {

	background-color: rgba(0, 0, 0, 0.1);

	color: rgba(0, 0, 0, 0.75);

	border: 1px solid rgba(0, 0, 0, 0);

	border-radius: 3px;

	cursor: pointer;

	width: auto;

	padding: 6px 12px;

    font-size: 18px;

	line-height: 1em;

	text-decoration: none;

	transition: 0.15s all ease-in-out;

}



.page-numbers span.current {

	background: #222;

	color: #fff;

	text-decoration: none;

}



a.page-numbers:hover {

    background-color: rgba(0, 0, 0, 0);

}



/*--------------------------------------------------------------

11.0 Comment

--------------------------------------------------------------*/



img.avatar {

    margin-right: 10px;

	margin-top: -5px;

}



.comment .avatar {

    border-radius: 100px;

    float: left;

    width: 44px;

    height: 44px;

}



.says {

    display: none;

}



.comment-author {

    margin-top: 5px;

}



.comment-metadata {

    font-size: 14px;

    font-size: .875rem;

    display: block;

    margin-top: -15px;

    margin-bottom: 8px;

}



.comment-metadata .edit-link {

    margin-left: 10px;

}



.comment .reply,

.comment-content {

    margin-left: 55px;

    margin-top: 20px;

}



.comment .reply {

    display: block;

    margin-top: 15px;

}



.comment {

    margin: 0 0 60px;

    list-style-type: none;

}



.comment-body {

    margin-bottom: 40px;

}



.comment .comment-content p {

    line-height: 1.5;

	margin-bottom: 10px;

}



.comments-area {

    margin-bottom: 60px;

}



/*--------------------------------------------------------------

12.0 Templates

--------------------------------------------------------------*/



/* Frontpage ------------------------------ */



.front-page-section {

    margin-bottom: 0;

}



.front-page-section:last-child {

    margin-bottom: 0;

}



/* Wide Page template ------------------------------ */



.wide-page .entry-content {

    width: 100%;

    max-width: 100%;

}



/*--------------------------------------------------------------

13.0 Dark Mode

--------------------------------------------------------------*/

body.dark-mode {

    background-color: #212735;

}



body.dark-mode,

.dark-mode mark,

.dark-mode label,

body.dark-mode a,

.dark-mode .main-navigation a,

.dark-mode .search-icon:before,

.dark-mode .no-thumbnail .title,

.dark-mode .no-thumbnail .sticky-post,

.dark-mode .infinite-scroll #infinite-handle button:hover,

.dark-mode .infinite-scroll #infinite-handle button:focus,

.dark-mode blockquote p,

.dark-mode .gallery-caption,

.dark-mode input,

.dark-mode select,

.dark-mode textarea,

.dark-mode h1,

.dark-mode h2,

.dark-mode h3,

.dark-mode h4,

.dark-mode h5,

.dark-mode h6,

.dark-mode .page-numbers a,

.dark-mode .page-numbers span {

    color: #eaeaea;

}



.dark-mode .entry-meta *,

.dark-mode .entry-footer *,

.dark-mode .comment-metadata time,

.dark-mode .site-info,

.dark-mode .site-info a,

.dark-mode .meta-nav,

.dark-mode .main-navigation .current-menu-item > a,

.dark-mode .main-navigation .current-menu-ancestor > a,

.dark-mode .wp-caption-text {

    color: #a2b0bf;

}
.menu-item.menu-item-type-custom a {
	font-size:15px;
}


.dark-mode .nav-links {

    border-color: #eaeaea;

}



.dark-mode .entry-content a,

.dark-mode a.comment-reply-link,

.dark-mode .edit-link a {

    color: #dd6c6c;

}



.dark-mode .no-thumbnail .overlay-wrap,

.dark-mode .page-numbers a,

.dark-mode .page-numbers span,

.dark-mode tbody > tr:nth-child(odd),

.dark-mode pre,

.dark-mode .comment-reply-link,

.dark-mode .edit-link,

.dark-mode mark,

.dark-mode ins,

.dark-mode code,

.dark-mode .social-navigation a {

    background-color: #282f3f;

}



.dark-mode button,

.dark-mode input[type="button"],

.dark-mode input[type="submit"],

.dark-mode .button,

.dark-mode .page-numbers span.current,

.dark-mode .social-navigation a:hover {

    background-color: #dd6c6c;

}



.dark-mode button:hover,

.dark-mode input[type="button"]:hover,

.dark-mode input[type="submit"]:hover,

.dark-mode .button:hover {

    background-color: #282f3f;

}



.dark-mode .social-navigation a {

    fill: #dd6c6c;

}



.dark-mode .social-navigation a:hover,

.dark-mode .social-navigation a:focus {

    fill: #fff;

}



.dark-mode .entry-content a {

    border-color: #dd6c6c;

}



.dark-mode .entry-content a:hover {

    border-color: #ffffff;

}



.dark-mode .entry-content a:hover,

.dark-mode .main-navigation li:hover > a,

.dark-mode .main-navigation li.focus > a {

    color: #ffffff;

}



.dark-mode .main-navigation ul ul li {

    background-color: #2d3549;

}



.dark-mode button.search-submit,

.dark-mode button.search-submit:hover {

    background: transparent;

}



.dark-mode input[type="reset"] {

    background-color: #a2b0bf;

}



/*--------------------------------------------------------------

14.0 Attachment Page

--------------------------------------------------------------*/

.attachment-exif-data ul {

    list-style-type: none;

    margin-left: 0;

}



.attachment-exif-data li {

    margin-top: 5px;

}



/*--------------------------------------------------------------

15.0 404 Page

--------------------------------------------------------------*/

.error-404 .page-content {

    max-width: 560px;

    margin: 0 auto;

}



.error-404 .page-content p {

    line-height: 1.75;

}



.error-404 .page-content p,

.error-404 .search-form {

    text-align: center;

}



.error-404 .page-content:after {

    content: ' ';

    margin-bottom: 100px;

    display: table;

}



/*--------------------------------------------------------------

16.0 Social Links Menu | SVG icons

--------------------------------------------------------------*/



.social-navigation {

	font-size: 18px;

	font-size: 1rem;

}



.social-navigation ul {

	list-style: none;

	margin-bottom: 0;

	margin-left: 0;

}



.social-navigation li {

	display: inline;

}



.social-navigation a {

	background-color: #eaeaea;

	-webkit-border-radius: 40px;

	border-radius: 40px;

	color: #fff;

	display: inline-block;

	height: 40px;

	margin: 0 0 .5em .5em;

	text-align: center;

	width: 40px;

}



.social-navigation a:hover,

.social-navigation a:focus {

	background-color: #2c2c2c;

	fill: #fff;

}



.social-navigation .icon {

	height: 18px;

    top: 11px;

    width: 18px;

	position: relative;

}



/* Social Menu fallbacks */



.no-svg .social-navigation a {

	background: transparent;

	color: #222;

	height: auto;

	width: auto;

}



/* Show screen reader text in some cases */



.no-svg .social-navigation li a .screen-reader-text {

	clip: auto;

	font-size: 16px;

	font-size: 1rem;

	font-weight: 400;

	height: auto;

	position: relative !important;

	width: auto;

}



/*--------------------------------------------------------------

17.0 Plugins

--------------------------------------------------------------*/



.ab-cta-title,

.ab-cta-text,

.ab-cta-text p,

.ugb-pricing-box h3,

.ugb-cta-title {

    text-align: center;

}



.ab-share-list a,

.ab-share-list a:hover,

.ab-block-cta .ab-button:hover,

.entry-content a.ab-button:hover {

	border: none;

	border-bottom: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.ab-block-spacer hr {

    background-color: transparent;

}



.ab-block-post-grid .ab-block-post-grid-byline {

    font-size: 18px;

    font-size: .9em;

	color: rgba(0, 0, 0, 0.55);

	text-transform: none;

    letter-spacing: unset;

}



.ab-block-post-grid .ab-block-post-grid-author a:hover,

.ab-block-post-grid h2 a:hover {

	color: currentColor;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.entry-content .ab-block-post-grid-title a,

.entry-content a.ab-text-link {

	    border: none;

}



.ab-block-post-grid .ab-block-post-grid-text p {

    line-height: 1.75;

}



.ab-text-link:hover {

    color: currentColor;

}



/* Gutenberg ---------------- */



.alignwide,

.alignfull {

    max-width: 100vw;

	width: auto;

}



.alignfull {

    margin-left: calc( -100vw / 2 + 100% / 2 );

    margin-right: calc( -100vw / 2 + 100% / 2 );

}



.alignwide {

    margin-left: calc( -80vw / 2 + 100% / 2 );

    margin-right: calc( -80vw / 2 + 100% / 2 );

}



ul.wp-block-gallery {

    margin: 0;

    position: relative;

}



ul.wp-block-gallery.alignwide {

    left: calc( 50% - 45vw );

    width: 90vw;

}



ul.wp-block-gallery.alignfull {

    left: calc( 50% - 50vw );

    width: 100vw;

}



ul.wp-block-gallery.aligncenter {

    width: 100%;

    left: 0;

}



.wp-block-gallery .blocks-gallery-item figcaption {

	font-size: initial;

}



.wp-block-cover-text {

    position: relative;

}



a.wp-block-button__link:hover,

a.wp-block-button__link:focus {

	border: none;

}



.entry-content a.wp-block-button__link {

	border-bottom: none;

}



.wp-block-button .wp-block-button__link,

.is-style-squared .wp-block-button__link {

	border-radius: 3px;

}



.is-style-default .wp-block-button__link {

	border-radius: 23px;

}



.wp-block-cover-text {

    position: relative;

}



/*--------------------------------------------------------------

18. Media Queries

--------------------------------------------------------------*/



/* 1380 PX */



@media ( max-width: 1380px ) {

	

	/* PAGE MEDIA */

	.gallery {

		left: calc( 50% - 45vw - 5px );

		width: calc( 90vw + 7px );

	}

	

	/* PULL QUOTES */	

	.entry-content .pull {

		position: static;

	}

	

	.entry-content .pull.left {

		float: left;

		margin: 5px 40px 40px -80px;

	}

	

	.entry-content .pull.right {

		float: right;

		margin: 5px -80px 40px 40px;

	}

}





/* 980 PX */



@media ( max-width: 980px ) {

	

	.site-branding img {

		margin: 0 auto;

	}

	

}



/* 812 PX iPhone X landscape*/



@media ( max-width: 812px ) {

	.post-preview h2 {

		font-size: 30px;

	}

}





/* 750 PX */



@media ( max-width: 750px ) {

	

	/* PAGE MEDIA */

	

	.alignleft {

		margin: 5px 25px 25px 0;

	}

	

	.alignright {

		margin: 5px 0 25px 25px;

	}

	

	.alignnone {

		max-width: 100%;

	}

	

	.alignnone,

	.aligncenter {

		margin: 40px auto;

	}

	

	.gallery {

		margin: 40px auto 20px;

	}

	

	.gallery + .gallery {

		margin-top: -20px;

	}

	

	.gallery-columns-1 .gallery-caption,

	.gallery-columns-2 .gallery-caption,

	.gallery-columns-3 .gallery-caption {

		bottom: 10px;

		font-size: 12px;

		left: 20px;

		max-width: calc( 100% - 40px );

	}

	

	/* PULL QUOTES */

	

	.entry-content .pull.left {

		margin-left: 0;

	}

	

	.entry-content .pull.right {

		margin-right: 0;

	}





	/* Comments */

	

	.comment-author,

	.comment-metadata {

		padding-left: 70px;

	}

	

	.comment-author .avatar {

		left: 0;

	}

}



/* 680 PX */



@media ( max-width: 680px ) {

	

	.site-branding {

		margin-top: 20px;

		margin-bottom: 20px;

	}

	

	.site-footer .social-navigation {

		margin-top: 20px;

	}

}



/* 620 PX */



@media ( max-width: 620px ) {





    body { 

		font-size: 18px; 

	}

	

	/* Posts Preview */

	

	.posts {

		margin: -10px 0;

		position: relative;

		left: calc( 50% - 50vw + 2.5px );

		width: calc( 100vw - 5px );

	}

	

	.post-preview {

		padding: 5px;

	}

	

	.post-preview header {

		bottom: 20px;

		left: 15px;

		right: 15px;

		top: 20px;

	}

	

	.post-preview.sticky .sticky-post {

		font-size: 11px;

		letter-spacing: 1px;

		margin-bottom: 5px;

	}

	

	.post-preview h2 {

		font-size: 20px;

	}

	

	/* Singular */

	

	.page-header {

		margin-bottom: 50px;

	}

	

	@supports ( display: -webkit-flex ) or ( display: -moz-flex ) or ( display: flex ) {

		.page-header {

			height: 150px;

		}

	}

	

	/* Jetpack infinite */

	

	.infinite-scroll .posts {

		padding-bottom: 70px;

	}

	

	.infinite-scroll #infinite-handle button,

	.infinite-scroll #infinite-handle button:hover,

	.infinite-scroll #infinite-handle button:focus {

		font-size: 20px;

	}

	

	/* PAGE MEDIA */

	

	.gallery {

		left: calc( 50% - 50vw );

		margin: 40px auto 30px;

		padding: 0 5px;

		width: 100vw;

	}

	

	.gallery + .gallery {

		margin-top: -30px;

	}

	

	.gallery .gallery-item {

		margin-bottom: 10px;

		padding: 0 5px;

	}

	

	.gallery-caption {

		display: none;

	}

	

	.gallery-columns-2 .gallery-item,

	.gallery-columns-3 .gallery-item,

	.gallery-columns-4 .gallery-item,

	.gallery-columns-5 .gallery-item,

	.gallery-columns-6 .gallery-item,

	.gallery-columns-7 .gallery-item,

	.gallery-columns-8 .gallery-item,

	.gallery-columns-9 .gallery-item {

		width: 50%;

	}

	

	/* PULL QUOTES */

	

	.entry-content .pull.left,

	.entry-content .pull.right {

		float: none;

		margin: 40px 0 40px 0;

		width: 100%;

	}

	

	

	/* Comments */

	

	.comments, 

	.comment-respond {

		padding-top: 50px;

	}

	

	.comments-pagination {

		margin-top: 50px;

	}

	

	.comment-respond .comment-form-author, 

	.comment-respond .comment-form-email,

	.comment-respond .comment-form-url {

		float: none;

		margin: 20px 0 0;

		width: 100%;

	}

	.comment-respond .form-submit {

		margin-top: 30px;

	}



	/* Post Navigation */

	

	.nav-next, .nav-previous {

		display: block;

		width: 100%;

	}

	

	.nav-next {

		text-align: left;

	}

	

	.nav-previous {

		margin-bottom: 20px;

	}

}





/* 414 PX */



@media ( max-width: 414px ) {



	.page-title,

	.entry-title {

		font-size: 1.5em;

	}

	

	h1 {

		font-size: 1.5em;

	}

	

	h2 {

		font-size: 1.25em;

	}

	

	blockquote {

		margin: 0 0 20px 0;

		padding: 0;

	}

	

	q {

		font-size: 1.025em;

	}



	/* Archive */

	

	.post-preview header {

		bottom: 10px;

		left: 10px;

		right: 10px;

		top: 10px;

	}

	

	.post-preview h2 {

		font-weight: 400;

	}

	

	/* Comments */

	

	.comments-pagination .page-numbers {

		display: none;

	}

	

	.comments-pagination .page-numbers:first-child,

	.comments-pagination .page-numbers:last-child {

		display: block;

		position: static;

	}

	

	.comments-pagination .page-numbers:first-child {

		float: left;

	}

	

	.comments-pagination .page-numbers:last-child {

		float: right;

	}

	

	.comment .reply, .comment-content {

		margin-left: 0;

	}

	

	.comment-author, .comment-metadata {

		padding-left: 0;

	}

	

	/* Page navigation - Next */

	ul.page-numbers li:nth-child(9) {

		display: block;

		margin-top: 22px;

	}

	

}



/* < 380 PX */



@media ( max-width: 360px ) {

	.post-preview {

		width: 100%;

	}

}


.site-branding a span {
	    display: block;
    position: absolute;
    top: 47%;
    left: 54px;
    font-size: 15px;
}