1/* desbest edit */
2header a:link, header a:visited, header a:active { color: inherit; }
3.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 { clear: none; margin-top: 0px; margin-bottom: 0px; }
4.site-header { margin-bottom: 0px !important; }
5footer { clear: both; }
6.page li { display: block; }
7.padhere1 { padding: 1em; } .padhere2 { padding: 1em 0px; }
8li { line-height: 0.85em; }
9button { margin: 0.85em 0px; }
10.toolbutton { background-color: #fafafa; margin: 0.15em; }
11.toolbutton:hover { background-color: #dcdcdc; }
12.sidebar-area li, .sidebar-area dd { display: block; }
13.sidebar-area a { color: inherit; }
14.main-navigation .search-form { background: transparent !important; display: inline-block; top: -5px !important; position: relative !important;}
15.main-navigation li { margin: 0px; }
16li { line-height: 1.85em; }
17#dw__search button { margin-left: 0.95em; position: relative; top: 3px; }
18
19#writtensidebar h1 { /* widget-title */
20	font-size: 1.063rem;
21	letter-spacing: .075em;
22	margin-bottom: 16px;
23	margin-top: 0;
24	text-transform: uppercase;
25}
26
27.breadcrumbs {
28	font-size: 0.85em;
29	text-transform: uppercase;
30	color: #ba9e30;
31	padding: 1em 0px;
32	transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
33}
34
35
36/*
37Theme Name: Graphy
38Theme URI: http://themegraphy.com/wordpress-themes/graphy/
39Author: Themegraphy
40Author URI: http://themegraphy.com/
41Description: Graphy is now compatible with WordPress 5.0 and Gutenberg! Graphy is a blog-oriented WordPress theme designed with great attention given to the beauty of the typography. Made using mobile-first responsive web design, even when your site is viewed on a smartphone or tablet there will be no negative impact on the beautiful typography.
42Version: 2.3.0
43License: GNU General Public License v2 or later
44License URI: http://www.gnu.org/licenses/gpl-2.0.html
45Text Domain: graphy
46Tags: one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
47*/
48
49
50/* TABLE OF CONTENTS
51------------------------------------------------------------
52* Global
53* Repeatable Patterns
54* Layout
55* Header
56* Menus
57* Content
58* Gutenberg
59* Navigations
60* Comments
61* Widgets
62* Footer
63* Plugins
64* Print
65------------------------------------------------------------ */
66
67
68/* Global
69------------------------------------------------------------ */
70
71/* Root
72   This values are used for adjusting headings size (not for body size) */
73html {
74	font-size: 90%;
75}
76
77
78/* Base */
79body {
80	color: #333;
81	font-family: 'Lora', serif;
82	font-size: 17px;
83	line-height: 1.6;
84	word-wrap: break-word;
85}
86::selection {
87	background-color: #fffad3;
88	color: #333;
89}
90::-moz-selection {
91	background-color: #fffad3;
92	color: #333;
93}
94
95
96/* Heading */
97h1, h2, h3, h4, h5, h6, .site-title {
98	clear: both;
99	color: #111;
100	font-family: 'Source Serif Pro', serif;
101	font-weight: 400;
102	letter-spacing: -0.01em;
103	line-height: 1.4;
104}
105h1 {
106	font-size: 2.5rem;
107	margin-bottom: 1em;
108	margin-top: 2em;
109}
110h2 {
111	font-size: 1.75rem;
112	margin-bottom: 1em;
113	margin-top: 2em;
114}
115h3 {
116	font-size: 1.5rem;
117	margin-bottom: 1em;
118	margin-top: 1.5em;
119}
120h4 {
121	font-size: 1.25rem;
122	margin-bottom: 1em;
123	margin-top: 1.5em;
124}
125h5 {
126	font-size: 1.125rem;
127	margin-bottom: 0.5em;
128	margin-top: 1em;
129}
130h6 {
131	font-size: 1.063rem;
132	margin-bottom: 0.5em;
133	margin-top: 1em;
134}
135
136/* Link */
137a {
138	color: inherit;
139	text-decoration: none;
140	transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
141}
142.entry-content a, .entry-summary a, .page-content a, .author-profile-description a, .comment-content a, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
143	color: #a62425;
144	text-decoration: underline;
145}
146.main-navigation a:hover, .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .author-profile-description a:hover, .comment-content a:hover {
147	color: #b85051;
148}
149.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .entry-content cite a, .comment-content cite a {
150	text-decoration: none;
151}
152
153/* Text */
154p {
155	margin: 0 0 1.6em;
156}
157b, strong {
158	font-weight: 700;
159}
160dfn, q, cite, em, i {
161	font-style: italic;
162}
163q {
164	quotes: "" "";
165}
166cite {
167	border-bottom: dotted 1px #999;
168}
169code, kbd, tt, var {
170	color: #555;
171	border-bottom: solid 1px #ccc;
172	font-family: Consolas, 'Courier New', monospace;
173	font-size: 87.5%;
174}
175abbr, acronym {
176	border-bottom: 1px dotted #999;
177	cursor: help;
178}
179mark, ins {
180	background-color: #fffad3;
181	color: #333;
182	text-decoration: none;
183}
184ins.adsbygoogle {
185	background-color: transparent;
186}
187
188/* List */
189ul, ol {
190	margin: 0 0 1.6em 2em;
191	padding: 0;
192}
193li > ul,
194li > ol {
195	margin-bottom: 0;
196	margin-left: 1.6em;
197}
198dl {
199	margin: 0;
200}
201dt {
202	font-weight: 600;
203	margin-bottom: 0.4em;
204}
205dd {
206	margin: 0 0 1.6em 1.6em;
207}
208
209/* Table */
210table {
211	border-collapse: collapse;
212	border-spacing: 0;
213	border-top: solid 1px #e6e6e6;
214	font-size: 93.8%;
215	margin: 0 0 1.6em;
216	width: 100%;
217}
218caption {
219	margin-bottom: 0.6em;
220}
221table th, table td {
222	border-bottom: solid 1px #e6e6e6;
223	padding: 0.8em 1.2em 0.8em 0;
224}
225th {
226	font-weight: 600;
227	text-align: left;
228}
229
230/* Elements */
231blockquote {
232	color: #666;
233	font-style: italic;
234	margin: 0 0 2em;
235	padding: 12px 0 0 44px;
236	position: relative;
237}
238blockquote:before {
239	color: #ccc;
240	content: "\201C";
241	font-family: Georgia, serif;
242	font-size: 84px;
243	left: -5px;
244	line-height: 1;
245	position: absolute;
246	top: -5px;
247}
248address {
249	margin: 0 0 1.6em;
250}
251pre {
252	background-color: #eee;
253	color: #555;
254	font-family: Consolas, 'Courier New', monospace;
255	font-size: 87.5%;
256	line-height: 1.4;
257	margin: 0 0 1.7em;
258	max-width: 100%;
259	overflow: auto;
260	padding: 1.4em;
261	word-wrap: normal;
262}
263hr {
264	background-color: #8f98a1;
265	border: 0;
266	height: 2px;
267	margin: 1.6em auto;
268}
269.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
270	max-width: 100px;
271}
272/* Media */
273img {
274	height: auto;
275	max-width: 100%;
276	vertical-align: middle;
277}
278figure {
279	margin: 0;
280}
281embed,
282iframe,
283object {
284	max-width: 100%;
285}
286
287/* Form */
288button,
289input,
290input[type="search"],
291select,
292textarea {
293	-moz-box-sizing: border-box;
294	-webkit-box-sizing: border-box;
295	box-sizing: border-box;
296	max-width: 100%;
297}
298button,
299input[type="button"],
300input[type="reset"],
301input[type="submit"] {
302	background-color: #333;
303	border: none;
304	border-radius: 5px;
305	color: #fff;
306	cursor: pointer;
307	font-size: 87.5%;
308	letter-spacing: 0.05em;
309	line-height: 1;
310	padding: 1.2em 1.7em;
311	text-transform: uppercase;
312	transition: .3s ease-in-out;
313}
314button:hover,
315button:focus,
316input[type="button"]:hover,
317input[type="button"]:focus,
318input[type="reset"]:hover,
319input[type="reset"]:focus,
320input[type="submit"]:hover,
321input[type="submit"]:focus {
322	background-color: #555;
323}
324input[type="text"],
325input[type="email"],
326input[type="url"],
327input[type="password"],
328input[type="search"],
329textarea {
330	border: solid 1px #e6e6e6;
331	color: #666;
332	margin-top: 0.4em;
333	padding: 0.8em;
334}
335input[type="text"]:focus,
336input[type="email"]:focus,
337input[type="url"]:focus,
338input[type="password"]:focus,
339input[type="search"]:focus,
340textarea:focus {
341	color: #333;
342}
343select {
344	padding: 0.4em;
345}
346textarea {
347	max-width: 700px;
348	width: 100%;
349}
350
351
352/* Repeatable Patterns
353------------------------------------------------------------ */
354
355/* Alignments */
356.aligncenter,
357.alignleft,
358.alignright {
359	margin-bottom: 1.6em;
360}
361.alignleft {
362	display: inline;
363	float: left;
364	margin-right: 1.6em;
365}
366.alignright {
367	display: inline;
368	float: right;
369	margin-left: 1.6em;
370}
371.aligncenter {
372	clear: both;
373	display: block;
374	margin-left: auto;
375	margin-right: auto;
376}
377
378
379/* Caption */
380.wp-caption {
381	color: #777;
382	font-size: 93.8%;
383	font-style: italic;
384	margin-bottom: 1.6em;
385	max-width: 100%;
386}
387.wp-caption img[class*="wp-image-"] {
388	display: block;
389	margin: 0.4em auto 0;
390}
391.wp-caption-text {
392	text-align: center;
393}
394.wp-caption .wp-caption-text {
395	margin: 0.8em 0;
396}
397
398/* WP Smiley */
399.page-content img.wp-smiley,
400.entry-content img.wp-smiley,
401.comment-content img.wp-smiley {
402	border: none;
403	margin-bottom: 0;
404	margin-top: 0;
405	padding: 0;
406}
407
408/* Text meant only for screen readers */
409.screen-reader-text {
410	clip: rect(1px, 1px, 1px, 1px);
411	height: 1px;
412	overflow: hidden;
413	position: absolute !important;
414	width: 1px;
415}
416.screen-reader-text:focus {
417	background-color: #f8f8f8;
418	background-color: rgba(255, 255, 255, 0.9);
419	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
420	clip: auto !important;
421	color: #06c;
422	display: block;
423	font-size: 14px;
424	font-weight: 600;
425	height: auto;
426	left: 5px;
427	line-height: normal;
428	padding: 15px 23px 14px;
429	text-decoration: none;
430	top: 5px;
431	width: auto;
432	z-index: 100000; /* Above WP toolbar */
433}
434
435/* Clearing */
436.clear:before,
437.clear:after,
438.site-header:before,
439.site-header:after,
440.site-content:before,
441.site-content:after,
442.entry-content:before,
443.entry-content:after,
444.post-list .hentry:before,
445.post-list .hentry:after,
446.author-profile:before,
447.author-profile:after,
448.comment-content:before,
449.comment-content:after,
450.comment-navigation:before,
451.comment-navigation:after,
452.comment-form-author:before,
453.comment-form-author:after,
454.comment-form-email:before,
455.comment-form-email:after,
456.comment-form-url:before,
457.comment-form-url:after,
458.paging-navigation:before,
459.paging-navigation:after,
460.post-navigation:before,
461.post-navigation:after,
462.widget:before,
463.widget:after,
464.widget_graphy_recent_posts li:before,
465.widget_graphy_recent_posts li:after,
466ul.instagram-pics:before,
467ul.instagram-pics:after,
468.site-footer:before,
469.site-footer:after,
470.footer-widget:before,
471.footer-widget:after,
472.site-bottom:before,
473.site-bottom:after {
474	content: "";
475	display: table;
476}
477.clear:after,
478.site-header:after,
479.site-content:after,
480.entry-content:after,
481.post-list .hentry:after,
482.author-profile:after,
483.comment-content:after,
484.comment-navigation:after,
485.comment-form-author:after,
486.comment-form-email:after,
487.comment-form-url:after,
488.paging-navigation:after,
489.post-navigation:after,
490.widget:after,
491.widget_graphy_recent_posts li:after,
492ul.instagram-pics:after,
493.site-footer:after,
494.footer-widget:after,
495.site-bottom:after {
496	clear: both;
497}
498
499
500/* Layout
501------------------------------------------------------------ */
502
503/* Base */
504body {
505	background-color: #fff;
506	margin-left: 20px;
507	margin-right: 20px;
508}
509.site-branding,
510.main-navigation,
511.site-content,
512.footer-widget-area,
513.footer-widget-wrapper,
514.site-bottom {
515	margin-left: auto;
516	margin-right: auto;
517}
518.site-branding,
519.site-bottom {
520	text-align: center;
521}
522.site-content,
523.footer-widget-wrapper {
524	max-width: 700px;
525}
526.site-header {
527	margin-bottom: 45px;
528}
529.site-branding {
530	padding-bottom: 40px;
531	padding-top: 25px;
532}
533.site-logo {
534	padding-bottom: 10px;
535}
536.site-description {
537	padding-top: 4px;
538}
539.header-image,
540.featured-post {
541	margin-left: -20px;
542	margin-right: -20px;
543	margin-top: 30px;
544}
545.header-navigation {
546	margin-bottom: -12px;
547	margin-top: 20px;
548}
549.content-area,
550.sidebar-area {
551	margin-bottom: 80px;
552}
553.sidebar-area {
554	border-top: solid 1px #eee;
555	padding-top: 60px;
556}
557.footer-widget {
558	padding-top: 60px;
559}
560
561
562/* Header
563------------------------------------------------------------ */
564
565.site-logo {
566	line-height: 1;
567	margin-bottom: 0;
568	margin-top: 0;
569	vertical-align: middle;
570}
571.site-logo a:hover {
572	opacity: 0.8;
573}
574.site-logo img {
575	zoom: 90%;
576}
577.site-title {
578	font-size: 48px;
579	line-height: 1.2;
580	margin-bottom: 0;
581	margin-top: 0;
582	vertical-align: middle;
583}
584.site-title a,
585.site-title a:hover {
586	color: #111;
587}
588.site-title a:hover {
589	opacity: 0.8;
590}
591.site-description {
592	color: #777;
593	font-style: italic;
594	line-height: 1.4;
595}
596
597
598/* Menus
599------------------------------------------------------------ */
600
601/* Navigation Bar */
602.main-navigation,
603.main-navigation a,
604.menu-toggle {
605	line-height: 58px;
606}
607.main-navigation {
608	border-bottom: solid 1px #ddd;
609	border-top: solid 1px #ddd;
610	font-size: 93.8%;
611	position: relative;
612}
613.menu-toggle {
614	background-color: transparent;
615	color: #333;
616	font-size: 100%;
617	letter-spacing: normal;
618	outline: none;
619	text-align: left;
620	padding: 0;
621	width: 100%;
622}
623.menu-toggle:hover,
624.menu-toggle:focus {
625	background-color: transparent;
626}
627.menu-text {
628	background-color: #fff;
629	padding-right: 20px;
630}
631.menu-text:before {
632	content: "\f419";
633	display: inline-block;
634	font: normal 14px/1 Genericons;
635	-webkit-font-smoothing: antialiased;
636	margin-right: 10px;
637	position: relative;
638	top: -1px;
639	vertical-align: middle;
640}
641.main-navigation.toggled .menu-text:before {
642	content: "\f406";
643}
644.main-navigation ul {
645	display: none;
646	list-style: none;
647	margin: 0;
648}
649.main-navigation.toggled ul {
650	display: block;
651}
652.main-navigation a {
653	border-top: solid 1px #eee;
654	display: block;
655}
656.main-navigation .current_page_ancestor > a {
657	color: #111;
658}
659.main-navigation ul ul a {
660	padding-left: 30px;
661}
662.main-navigation ul ul ul a {
663	padding-left: 45px;
664}
665.main-navigation ul ul ul ul a {
666	padding-left: 60px;
667}
668.main-navigation .search-form {
669	background: #fff;
670	line-height: 1;
671	padding-left: 12px;
672	position: absolute;
673	right: 0;
674	top: 0;
675}
676.main-navigation .search-field {
677	background: url( "images/search-icon.png" ) 5px center no-repeat;
678	background-size: 24px 24px;
679	border: none;
680	cursor: pointer;
681	height: 40px;
682	margin-top: 9px;
683	padding: 0 0 0 34px;
684	position: relative;
685	width: 1px;
686}
687.main-navigation .search-field:focus {
688	background-color: #fff;
689	border: solid 1px #eee;
690	cursor: text;
691	max-width: 100%;
692	outline: 0;
693	width: 240px;
694}
695.main-navigation .search-submit {
696	display: none;
697}
698
699/* Other Navigations */
700.header-social-link {
701	font-size: 87.5%;
702	margin-top: 15px;
703}
704.header-social-link ul {
705	list-style: none;
706	margin: 0;
707}
708.header-social-link li {
709	display: inline-block;
710	padding-left: 4px;
711}
712.header-social-link li:first-child {
713	padding-left: 0;
714}
715
716/* Social Link
717   This section is based on code from Stargazer.
718   https://wordpress.org/themes/stargazer/ */
719.menu a:before {
720	color: #999;
721	display: inline-block;
722	font: normal 26px/1 Genericons;
723	-webkit-font-smoothing: antialiased;
724	margin-right: 10px;
725	position: relative;
726	top: -1px;
727	transition: color .2s ease-in-out;
728	vertical-align: middle;
729}
730.menu a:hover:before {
731	color: #666;
732}
733.widget .menu a:before {
734	margin-left: 10px;
735	margin-right: 12px;
736}
737.author-profile-link.menu a:before,
738.profilewidget-link.menu a:before {
739	content: '\f107';
740	font-size: 24px;
741	margin-left: 0;
742	margin-right: 4px;
743}
744.header-social-link .menu a:before {
745	content: '\f107';
746	margin-right: 0;
747}
748.menu a[href*="codepen.io"]:before      { content: "\f216"; }
749.menu a[href*="digg.com"]:before        { content: "\f221"; }
750.menu a[href*="dribbble.com"]:before    { content: "\f201"; }
751.menu a[href*="dropbox.com"]:before     { content: "\f225"; }
752.menu a[href*="facebook.com"]:before    { content: "\f204"; }
753.menu a[href*="flickr.com"]:before      { content: "\f211"; }
754.menu a[href*="plus.google.com"]:before { content: "\f218"; }
755.menu a[href*="github.com"]:before      { content: "\f200"; }
756.menu a[href*="instagram.com"]:before   { content: "\f215"; }
757.menu a[href*="linkedin.com"]:before    { content: "\f207"; }
758.menu a[href*="pinterest.com"]:before   { content: "\f209"; }
759.menu a[href*="polldaddy.com"]:before   { content: "\f217"; }
760.menu a[href*="getpocket.com"]:before   { content: "\f224"; }
761.menu a[href*="reddit.com"]:before      { content: "\f222"; }
762.menu a[href*="skype.com"]:before,
763.menu a[href*="skype:"]:before          { content: "\f220"; }
764.menu a[href*="stumbleupon.com"]:before { content: "\f223"; }
765.menu a[href*="tumblr.com"]:before      { content: "\f214"; }
766.menu a[href*="twitter.com"]:before     { content: "\f202"; }
767.menu a[href*="vimeo.com"]:before       { content: "\f212"; }
768.menu a[href*="wordpress.org"]:before,
769.menu a[href*="wordpress.com"]:before   { content: "\f205"; }
770.menu a[href*="youtube.com"]:before     { content: "\f213"; }
771.menu a[href$="/feed/"]:before          { content: "\f413"; }
772
773
774/* Content
775------------------------------------------------------------ */
776
777/* Entry */
778.hentry {
779	margin-bottom: 60px;
780}
781.post-full-summary .hentry {
782	background: url( "images/line.png" ) no-repeat left bottom;
783	padding-bottom: 25px;
784}
785.no-sidebar .post-full-summary .hentry {
786	background-position: center bottom;
787}
788.single .hentry,
789.page .hentry {
790	background: none;
791	margin-bottom: 60px;
792	padding-bottom: 0;
793}
794
795/* Category */
796.cat-links {
797	font-size: 81.3%;
798	margin-bottom: 8px;
799	text-transform: uppercase;
800}
801a.category {
802	color: #ba9e30;
803	text-decoration: none;
804}
805a.category:hover {
806	opacity: 0.8;
807}
808.category-sep {
809	color: #ccc;
810	font-size: 81.3%;
811	margin-left: 5px;
812	margin-right: 5px;
813	position: relative;
814	top: -0.2em;
815}
816
817/* Entry Title */
818.entry-header {
819	margin-bottom: 40px;
820}
821.no-sidebar .post-full-summary .entry-header,
822.page.no-sidebar .entry-header,
823.page.full-width .entry-header {
824	text-align: center;
825}
826.entry-title {
827	font-size: 2.5rem;
828	line-height: 1.2;
829	margin-bottom: 0;
830	margin-top: 0;
831}
832.entry-title a:hover {
833	color: #555;
834}
835
836/* Entry Meta */
837.entry-meta {
838	color: #999;
839	font-size: 87.5%;
840	margin-top: 12px;
841}
842.entry-meta a {
843	border-bottom: solid 1px #ccc;
844}
845.entry-meta a:hover {
846	color: #666;
847}
848.entry-meta-sep {
849	color: #ccc;
850	position: relative;
851	top: -0.1em;
852}
853.comments-link {
854	white-space: nowrap;
855}
856
857/* Featured Image */
858.post-thumbnail {
859	margin-top: 40px;
860	overflow: hidden;
861}
862.post-thumbnail img {
863	width: 100%;
864	transition: 0.3s ease-in-out;
865}
866.post-thumbnail a:hover img {
867	-webkit-transform: scale( 1.03 );
868	-ms-transform: scale( 1.03 );
869	transform: scale( 1.03 );
870	opacity: 0.9;
871}
872
873
874/* Entry Content */
875.intro {
876	color: #888;
877	font-size: 125%;
878}
879
880/* Tag */
881.tags-links {
882	color: #999;
883	font-size: 93.8%;
884	padding-top: 25px;
885	text-align: center;
886}
887.tags-links:before {
888	color: #ccc;
889	display: inline-block;
890	font: normal 24px/1 Genericons;
891	-webkit-font-smoothing: antialiased;
892	position: relative;
893	top: -2px;
894	vertical-align: middle;
895}
896.tags-links:before {
897	content: "\f302";
898}
899
900/* Entry Summary */
901.entry-summary {
902	padding-bottom: 1px;
903}
904a.continue-reading {
905	text-transform: uppercase;
906}
907
908/* Post Grid / Post List */
909.post-grid-list .hentry {
910	margin-bottom: 75px;
911}
912.post-grid-list .post-thumbnail {
913	margin-bottom: 30px;
914	margin-top: 0;
915}
916.post-grid-list .entry-header {
917	margin-bottom: 20px;
918}
919.post-grid-list .cat-links {
920	font-size: 75%;
921}
922.post-grid-list .entry-title {
923	font-size: 1.75rem;
924}
925.post-grid-list .entry-meta {
926	font-size: 81.3%;
927}
928.post-grid-list .entry-summary {
929	font-size: 87.5%;
930}
931.post-grid-list .entry-summary p {
932	margin-bottom: 0;
933}
934
935/* Author Profile */
936.author-profile {
937	border-top: solid 1px #eee;
938	border-bottom: solid 1px #eee;
939	margin-top: 60px;
940	padding: 30px 0 35px 0;
941}
942.author-profile-avatar {
943	display: inline-block;
944	margin-bottom: 10px;
945	margin-right: 20px;
946}
947.author-profile-avatar img {
948	border-radius: 50%;
949}
950.author-profile-meta {
951	display: inline-block;
952	margin-bottom: 15px;
953	margin-top: 15px;
954	vertical-align: middle;
955}
956.author-profile-name strong {
957	font-weight: 600;
958}
959.author-profile-link {
960	margin-top: 4px;
961}
962.author-profile-description {
963	font-size: 93.8%;
964	margin-top: 10px;
965}
966
967/* Sticky Post */
968.sticky {
969}
970.featured {
971	background-color: #111;
972	border-radius: 3px;
973	color: #fff;
974	display: inline-block;
975	font-size: 75%;
976	margin-bottom: 15px;
977	padding: 4px 10px 3px;
978	text-transform: uppercase;
979}
980
981/* Archive */
982.page-header {
983	margin-bottom: 60px;
984}
985.page-title {
986	font-size: 1.5rem;
987	margin-bottom: 12px;
988	margin-top: 0;
989}
990.page-content {
991	margin-bottom: 60px;
992}
993
994/* 404 */
995.error-404 {
996	margin-bottom: 150px;
997	margin-top: 60px;
998	text-align: center;
999}
1000.error-404 .page-title {
1001	font-size: 2rem;
1002}
1003
1004/* Hide Title */
1005.post-full .format-aside .entry-title,
1006.post-full .format-image .entry-title,
1007.post-full .format-link .entry-title,
1008.post-full .format-quote .entry-title,
1009.post-full .format-status .entry-title {
1010	display: none;
1011}
1012
1013/* Link */
1014.format-link .entry-content a {
1015	font-style: italic;
1016}
1017
1018/* Quote */
1019.format-quote .entry-content blockquote,
1020blockquote.alignleft,
1021blockquote.alignright,
1022blockquote.aligncenter {
1023	font-size: 150%;
1024	margin-bottom: 1.1em;
1025}
1026blockquote.alignleft,
1027blockquote.alignright {
1028	max-width: 230px;
1029}
1030blockquote.alignleft p,
1031blockquote.alignright p,
1032blockquote.aligncenter p {
1033	margin-bottom: 0;
1034}
1035
1036/* Status */
1037.format-status .entry-content {
1038	font-size: 112.5%;
1039}
1040
1041/* Gallery */
1042.gallery {
1043	margin-bottom: 30px;
1044}
1045.gallery-item {
1046	display: inline-block;
1047	line-height: 1;
1048	text-align: center;
1049	vertical-align: top;
1050	width: 100%;
1051}
1052.gallery .gallery-caption {
1053	display: none;
1054}
1055.gallery-columns-2 .gallery-item {
1056	max-width: 50%;
1057}
1058.gallery-columns-3 .gallery-item {
1059	max-width: 33.33%;
1060}
1061.gallery-columns-4 .gallery-item {
1062	max-width: 25%;
1063}
1064.gallery-columns-5 .gallery-item {
1065	max-width: 20%;
1066}
1067.gallery-columns-6 .gallery-item {
1068	max-width: 16.66%;
1069}
1070.gallery-columns-7 .gallery-item {
1071	max-width: 14.28%;
1072}
1073.gallery-columns-8 .gallery-item {
1074	max-width: 12.5%;
1075}
1076.gallery-columns-9 .gallery-item {
1077	max-width: 11.11%;
1078}
1079
1080
1081/* Gutenberg
1082------------------------------------------------------------ */
1083
1084/* Base
1085   This section incorporates code from Atomic Blocks */
1086.wp-block-gallery {
1087	margin-left: 0;
1088	margin-bottom: 1.2em;
1089}
1090.wp-block-image figcaption {
1091	font-size: 15px;
1092	margin-top: 1em;
1093}
1094.entry-content .wp-block-gallery {
1095	padding-left: 0;
1096}
1097.full-width .alignfull,
1098.full-width .alignwide,
1099.no-sidebar .alignfull,
1100.no-sidebar .alignwide {
1101	margin-bottom: 1.5em;
1102	width: 100%;
1103}
1104.full-width .alignfull img,
1105.full-width .alignwide img,
1106.no-sidebar .alignfull img,
1107.no-sidebar .alignwide img {
1108	width: 100%;
1109	display: block;
1110}
1111.no-sidebar .alignwide {
1112	max-width: none;
1113}
1114.full-width .alignfull,
1115.no-sidebar .alignfull {
1116	width: 100vw;
1117	margin-left: calc( 50% - 50vw );
1118	max-width: none;
1119}
1120.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
1121	padding-top: 0;
1122}
1123.wp-block-columns {
1124	margin-bottom: 1.2em;
1125}
1126
1127
1128/* Navigations
1129------------------------------------------------------------ */
1130
1131/* Pagination */
1132.pagination {
1133	color: #777;
1134	font-size: 93.8%;
1135	margin-bottom: 45px;
1136}
1137.no-sidebar .pagination {
1138	text-align: center;
1139}
1140.pagination a {
1141	text-decoration: none;
1142}
1143.pagination .page-numbers {
1144	display: none;
1145	padding: 8px 18px;
1146	margin-right: 6px;
1147}
1148.pagination .prev,
1149.pagination .next {
1150	display: inline-block;
1151}
1152.pagination .dots {
1153	padding-left: 10px;
1154	padding-right: 10px;
1155}
1156.pagination a.page-numbers {
1157	border: solid 1px #ddd;
1158}
1159.pagination a.page-numbers:hover {
1160	border-color: #ccc;
1161	color: #333;
1162}
1163.pagination .current {
1164	background-color: #eee;
1165	border: solid 1px #ccc;
1166	color: #333;
1167	font-weight: 700;
1168}
1169
1170/* Page Links */
1171.page-links {
1172	color: #777;
1173	clear: both;
1174	font-size: 93.8%;
1175	margin-bottom: 30px;
1176	margin-top: 50px;
1177}
1178.page-links .page-numbers {
1179	background-color: #eee;
1180	border: solid 1px #ccc;
1181	color: #333;
1182	font-weight: 700;
1183	padding: 8px 16px;
1184	margin-left: 4px;
1185}
1186.page-links a {
1187	text-decoration: none;
1188}
1189.page-links a .page-numbers {
1190	background-color: transparent;
1191	border: solid 1px #ddd;
1192	color: #777;
1193	font-weight: normal;
1194}
1195.page-links a .page-numbers:hover {
1196	border: solid 1px #ccc;
1197	color: #333;
1198}
1199
1200/* Post Navigation */
1201.post-nav-title {
1202	color: #999;
1203	font-size: 81.3%;
1204	letter-spacing: 0.05em;
1205	text-transform: uppercase;
1206	margin-bottom: 8px;
1207}
1208.post-navigation {
1209	line-height: 1.4;
1210	margin-bottom: 45px;
1211}
1212.post-navigation a:hover {
1213	color: #111;
1214}
1215.post-navigation .nav-previous {
1216	margin-bottom: 30px;
1217}
1218/* Comment Navigation */
1219.comment-navigation {
1220	text-transform: uppercase;
1221	margin-bottom: 20px;
1222	padding-top: 10px;
1223}
1224.comment-navigation .nav-previous {
1225	float: left;
1226	width: 48%;
1227}
1228.comment-navigation .nav-next {
1229	float: right;
1230	text-align: right;
1231	width: 48%;
1232}
1233.comment-navigation a {
1234	color: #777;
1235	text-decoration: underline;
1236}
1237.comment-navigation a:hover {
1238	color: #333;
1239}
1240
1241
1242/* Comments
1243------------------------------------------------------------ */
1244
1245/* Base */
1246.comments-area {
1247	font-size: 93.8%;
1248	margin-bottom: 45px;
1249	margin-top: 80px;
1250}
1251
1252/* Comment Header */
1253.comments-title,
1254.comment-reply-title {
1255	font-size: 1.5rem;
1256	margin-bottom: 25px;
1257	margin-top: 0;
1258}
1259.comment-reply-title {
1260	margin-top: 50px;
1261}
1262.comment-respond:only-child .comment-reply-title,
1263.comment-list .comment-reply-title {
1264	margin-top: 0;
1265}
1266
1267/* Comment Structure */
1268.comment-list {
1269	border-bottom: solid 1px #eee;
1270	list-style: none;
1271	margin: 0 0 20px;
1272}
1273.comment-list .children {
1274	list-style: none;
1275	margin-left: 25px;
1276}
1277.comment-list .comment-body {
1278	border-top: solid 1px #eee;
1279	padding-bottom: 30px;
1280	padding-top: 30px;
1281	position: relative;
1282}
1283
1284/* Comment Meta */
1285.comment-author {
1286	font-size: 106.7%;
1287	font-weight: 600;
1288	margin-bottom: 2px;
1289}
1290.comment-author a {
1291	border-bottom: dotted 1px #999;
1292	color: #333;
1293}
1294.comment-author a:hover {
1295	color: #666;
1296}
1297.comment-author .avatar {
1298	border-radius: 50%;
1299	height: 60px;
1300	left: 0;
1301	position: absolute;
1302	top: 28px;
1303	width: 60px;
1304}
1305.has-avatars .comment .comment-meta {
1306	margin-left: 75px;
1307}
1308.bypostauthor > .comment-body .comment-author::after {
1309	background-color: #333;
1310	border-radius: 50%;
1311	color: #fff;
1312	content: "\f408";
1313	display: inline-block;
1314	font: normal 16px/1 Genericons;
1315	-webkit-font-smoothing: antialiased;
1316	margin-left: 3px;
1317	padding: 3px;
1318}
1319.comment-author .says {
1320	display: none;
1321}
1322.comment-metadata {
1323	font-size: 93.3%;
1324	margin-bottom: 25px;
1325}
1326.comment-metadata a,
1327a.comment-edit-link {
1328	color: #999;
1329}
1330.comment-metadata a:hover,
1331a.comment-edit-link:hover {
1332	color: #666;
1333}
1334.comment-edit-link {
1335	margin-left: 15px;
1336}
1337
1338/* Comment Body */
1339.comment-body .reply a {
1340	color: #999;
1341	font-size: 93.3%;
1342}
1343.comment-body .reply a:hover {
1344	color: #666;
1345}
1346.comment-body .reply a:before {
1347	color: #ccc;
1348	content: "\f412";
1349	display: inline-block;
1350	font: normal 14px/1 Genericons;
1351	-webkit-font-smoothing: antialiased;
1352	margin-right: 3px;
1353	position: relative;
1354	text-decoration: inherit;
1355	top: -1px;
1356	vertical-align: middle;
1357}
1358.comment-awaiting-moderation {
1359	color: #666;
1360}
1361
1362/* Pingback */
1363.pingback a {
1364	color: #666;
1365	text-decoration: underline;
1366}
1367.pingback a:hover {
1368	color: #999;
1369}
1370
1371/* Comment Form */
1372.comment-respond a {
1373	color: #666;
1374	text-decoration: underline;
1375}
1376.comment-respond a:hover {
1377	color: #333;
1378}
1379.comment-form-comment,
1380.comment-form-author,
1381.comment-form-email,
1382.comment-form-url {
1383	margin-bottom: 15px;
1384}
1385.comment-form-comment label {
1386	display: none;
1387}
1388.comment-form-author label,
1389.comment-form-email label,
1390.comment-form-url label {
1391	font-size: 87.5%;
1392	text-transform: uppercase;
1393}
1394.comment-form-author input,
1395.comment-form-email input,
1396.comment-form-url input {
1397	margin-top: 2px;
1398	width: 100%;
1399}
1400.form-submit {
1401	margin-top: 30px;
1402	text-align: center;
1403}
1404
1405
1406/* Widgets
1407------------------------------------------------------------ */
1408
1409/* Base */
1410.widget {
1411	color: #555;
1412	font-size: 87.5%;
1413	line-height: 1.5;
1414	margin-bottom: 60px;
1415}
1416
1417/* Heading */
1418.widget-title {
1419	font-size: 1.063rem;
1420	letter-spacing: 0.075em;
1421	margin-bottom: 16px;
1422	margin-top: 0;
1423	text-transform: uppercase;
1424}
1425
1426/* Link */
1427.widget a {
1428	text-decoration: underline;
1429}
1430.widget li a {
1431	text-decoration: none;
1432}
1433.widget a:hover {
1434	color: #111;
1435}
1436
1437/* List */
1438.widget ul {
1439	list-style: none;
1440	margin-bottom: 0;
1441	margin-left: 0;
1442}
1443.widget li {
1444	border-top: solid 1px #eee;
1445	line-height: 1.4;
1446	padding-bottom: 14px;
1447	padding-top: 14px;
1448}
1449.widget > ul > li:first-child,
1450.widget > div > ul > li:first-child {
1451	border-top: none;
1452	padding-top: 8px;
1453}
1454.widget ul ul {
1455	margin-left: 14px;
1456	margin-top: 14px;
1457}
1458.widget ul ul li:last-child {
1459	padding-bottom: 0;
1460}
1461
1462/* Recent Posts */
1463.widget_recent_entries .post-date {
1464	color: #999;
1465	display: block;
1466	font-size: 86.7%;
1467	margin-top: 4px;
1468	text-transform: uppercase;
1469}
1470
1471/* Recent Comments */
1472.widget_recent_comments li a {
1473	text-decoration: underline;
1474}
1475
1476/* Search */
1477.widget_search input[type="search"] {
1478	margin-top: 0;
1479	max-width: 300px;
1480	width: 100%;
1481}
1482.widget_search .search-submit {
1483	display: none;
1484}
1485
1486/* Tag Cloud */
1487.tagcloud {
1488	line-height: 2.1;
1489}
1490.tagcloud a {
1491	background-color: #eee;
1492	border-radius: 3px;
1493	color: #666;
1494	display: inline-block;
1495	font-size: 93.8% !important;
1496	margin-bottom: 3px;
1497	padding: 0 10px;
1498	text-decoration: none;
1499	white-space: nowrap;
1500}
1501.tagcloud a:hover {
1502	background-color: #e2e2e2;
1503	color: #333;
1504}
1505
1506/* Calendar */
1507.widget_calendar table {
1508	font-size: 93.3%;
1509	line-height: 35px;
1510	margin-bottom: 0;
1511	max-width: 300px;
1512}
1513.widget_calendar caption {
1514	text-transform: uppercase;
1515}
1516.widget_calendar td,
1517.widget_calendar th {
1518	padding: 0;
1519	text-align: center;
1520}
1521.widget_calendar thead th {
1522	border-bottom: solid 1px #e6e6e6;
1523	padding: 2px 0;
1524}
1525.widget_calendar tbody td {
1526	border-bottom: solid 1px #e6e6e6;
1527}
1528.widget_calendar tbody td a {
1529	background-color: #e6e6e6;
1530	display: block;
1531	text-decoration: underline;
1532}
1533.widget_calendar tbody td a:hover {
1534	color: #555;
1535	background-color: #f0f0f0;
1536}
1537.widget_calendar tfoot td {
1538	border-bottom: none;
1539	padding-top: 10px;
1540}
1541.widget_calendar tfoot td a {
1542	text-decoration: underline;
1543	text-transform: uppercase;
1544}
1545.widget_calendar tfoot td#prev {
1546	text-align: left;
1547}
1548.widget_calendar tfoot td#next {
1549	text-align: right;
1550}
1551
1552/* RSS */
1553.widget_rss li {
1554	line-height: 1.5;
1555	margin-bottom: 6px;
1556}
1557.widget_rss li .rsswidget {
1558	display: block;
1559	margin-top: 6px;
1560}
1561.widget_rss .rss-date,
1562.widget_rss .rssSummary,
1563.widget_rss cite {
1564	color: #999;
1565	font-size: 86.7%;
1566}
1567.widget_rss .rss-date {
1568	display: block;
1569	margin-bottom: 4px;
1570	margin-top: 4px;
1571	text-transform: uppercase;
1572}
1573.widget_rss .rssSummary {
1574	margin-bottom: 4px;
1575}
1576
1577/* Graphy Recent Posts */
1578.widget_graphy_recent_posts img {
1579	float: left;
1580	margin-right: 12px;
1581	width: 80px;
1582	height: 60px;
1583}
1584.recent-posts-text {
1585	overflow: hidden;
1586}
1587.recent-posts-text .post-date {
1588	color: #999;
1589	display: block;
1590	font-size: 86.7%;
1591	margin-top: 4px;
1592}
1593
1594/* Graphy Profile */
1595.profilewidget-profile,
1596.profilewidget-meta {
1597	margin-bottom: 16px;
1598	text-align: center;
1599}
1600.profilewidget-profile img {
1601	border-radius: 50%;
1602	max-width: 200px;
1603}
1604.profilewidget-name {
1605	font-size: 118.8%;
1606}
1607.profilewidget-name strong {
1608	font-weight: 600;
1609}
1610.profilewidget-link {
1611	margin-top: 8px;
1612}
1613.profilewidget-link.menu a {
1614	text-decoration: none;
1615}
1616
1617
1618/* Footer
1619------------------------------------------------------------ */
1620
1621/* Footer Widget */
1622.footer-widget-area {
1623	border-top: solid 1px #ddd;
1624}
1625
1626/* Footer */
1627.site-bottom {
1628	border-top: solid 1px #ddd;
1629	color: #999;
1630	margin-bottom: 28px;
1631	margin-top: 30px;
1632	padding-top: 28px;
1633}
1634.site-bottom a {
1635	color: #666;
1636}
1637.site-bottom a:hover,
1638.site-bottom .current-menu-item > a {
1639	color: #111;
1640}
1641.site-copyright,
1642.site-credit {
1643	font-size: 87.5%;
1644	margin-bottom: 6px;
1645	padding-top: 3px;
1646}
1647.site-credit {
1648	font-size: 81.3%;
1649}
1650.site-credit-sep {
1651	color: #ccc;
1652	position: relative;
1653	top: -0.15em;
1654}
1655
1656
1657/* Plugins
1658------------------------------------------------------------ */
1659
1660/* Jetpack Infinite Scroll */
1661.infinite-scroll .pagination {
1662	display: none;
1663}
1664.infinite-loader {
1665	margin-bottom: 60px;
1666	margin-left: auto;
1667	margin-right: auto;
1668	padding: 21px 0;
1669	width: 25px;
1670}
1671#infinite-handle {
1672	margin-bottom: 60px;
1673	text-align: center;
1674}
1675#infinite-handle span {
1676	background-color: #eee !important;
1677	color: #666 !important;
1678	display: block;
1679	font-size: 93.8% !important;
1680	padding: 20px 0 !important;
1681	transition: .3s ease-in-out;
1682}
1683#infinite-handle span:hover {
1684	background-color: #e2e2e2 !important;
1685	color: #333 !important;
1686}
1687
1688/* Jetpack Widgets */
1689.widget_top-posts ul {
1690	counter-reset: number;
1691}
1692.widget_top-posts li {
1693	padding-left: 35px;
1694	position: relative;
1695}
1696.widget_top-posts > ul > li:first-child {
1697	padding-top: 14px;
1698}
1699.widget_top-posts li:before {
1700	background-color: #111;
1701	border-radius: 3px;
1702	color: #fff;
1703	content: counter(number) !important;
1704	counter-increment: number;
1705	font-weight: 600;
1706	height: 23px;
1707	left: 0;
1708	line-height: 23px;
1709	position: absolute;
1710	text-align: center;
1711	top: 13px;
1712	width: 23px;
1713}
1714.widgets-list-layout li {
1715	margin-bottom: 0 !important;
1716}
1717.widgets-list-layout .widgets-list-layout-blavatar {
1718	margin-right: 12px;
1719	width: 40px !important;
1720}
1721.widgets-list-layout-links {
1722	float: none !important;
1723	overflow: hidden;
1724	width: auto !important;
1725}
1726#subscribe-email input {
1727	margin-top: 0;
1728	max-width: 300px;
1729	padding: 0.6em !important;
1730	width: 100% !important;
1731}
1732.jetpack-display-remote-posts h4,
1733.jetpack-display-remote-posts p {
1734	font-size: 100% !important;
1735}
1736.jetpack-display-remote-posts h4 {
1737	margin-top: 25px !important;
1738}
1739.widget_jetpack_display_posts_widget img {
1740	margin: 12px 0;
1741}
1742.widget-grofile {
1743	text-align: center;
1744}
1745.widget-grofile p,
1746.widget-grofile h4,
1747.widget-grofile ul {
1748	text-align: left;
1749}
1750.widget-grofile h4 {
1751	font-size: 100%;
1752	font-weight: 600;
1753}
1754.grofile-meta h4 {
1755	font-size: 118.8%;
1756	text-align: center;
1757}
1758.grofile-thumbnail {
1759	border-radius: 50%;
1760	max-width: 200px !important;
1761}
1762ul.grofile-urls {
1763	margin-bottom: 1.6em;
1764	margin-top: 0;
1765}
1766
1767/* Jetpack Sharing */
1768.sharedaddy {
1769	margin-bottom: 15px;
1770	margin-top: 45px;
1771}
1772
1773/* Jetpack Related Posts */
1774#jp-relatedposts {
1775	margin-bottom: 20px !important;
1776	margin-top: 0 !important;
1777	padding-top: 30px !important;
1778}
1779#jp-relatedposts .jp-relatedposts-title {
1780	font-size: 1.25rem;
1781	letter-spacing: 0.1em;
1782	margin-bottom: 25px;
1783	margin-top: 0;
1784	text-align: center;
1785	text-transform: uppercase;
1786}
1787#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
1788	margin-bottom: 30px !important;
1789	transition: opacity .2s ease-in-out;
1790}
1791#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
1792	margin-bottom: 16px;
1793}
1794#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
1795	font-size: 1.063rem !important;
1796	line-height: 1.4 !important;
1797	margin-bottom: 6px !important;
1798}
1799#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,
1800#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
1801	color: #111;
1802	text-decoration: none !important;
1803}
1804#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
1805	display: block !important;
1806}
1807#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
1808	display: none;
1809}
1810/* Jetpack Comments */
1811.comment-form {
1812	margin-bottom: 30px;
1813}
1814.comment-subscription-form {
1815	margin-bottom: 0.6em;
1816}
1817
1818/* Jetpack Stats */
1819#wpstats {
1820	display: none;
1821}
1822
1823/* Contact Form 7 */
1824.wpcf7-list-item-label {
1825	font-size: 93.8%;
1826}
1827.wpcf7-file {
1828	border: solid 1px #e6e6e6;
1829	padding: 5px;
1830}
1831
1832/* Disqus */
1833#disqus_thread {
1834	margin-bottom: 60px;
1835}
1836
1837
1838