/*
Theme Name: Robin Mackay
Author: Leaky Studio

Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/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,
main,
menu,
nav,
section,
summary {
	display: block;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}
.m-all .entry-summary a {
	color: #FFF;
	border-bottom: solid 1px #FFF;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * 2.0 - Genericons
 */

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 - Typography
 */

body,
button,
input,
select,
textarea {
	color: #000000;
	font-family: 'Crimson Text', serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

h1,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin: 0;
	text-rendering: optimizeLegibility;
}
h2 {
clear: both;
	font-weight: 500 !important;
	margin: 0;
	text-rendering: optimizeLegibility;	
}

p {
	margin: 0 0 1.75em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border: 0 solid #1a1a1a;
	border-left-width: 4px;
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	font-style: italic;
	line-height: 1.4736842105;
	margin: 0 0 1.4736842105em;
	padding: 0 0 0 1.263157895em;
}

blockquote.small-quote {
font-size: 1.0em;
  line-height: 1.2;
  padding: 0px 15px 15px 15px;
  float: none;
  border-top: none;
  border-bottom: none;
  margin: 0px;
  width: 100%; }
  
blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote p {
	margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
	color: #1a1a1a;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote > :last-child {
	margin-bottom: 0;
}

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.m-all {
	position: relative;
}
.border-bot {
	margin:1em 50px;
	border-bottom: solid 2px #FFF;
	padding-bottom: 1em;
}
body.home .entry-summary a,
body.post-type-archive .entry-summary a{
	color: #FFF;
	border-bottom: thin solid #FFF;
}




code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/**
 * 4.0 - Elements
 */

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 {
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
.inactive {
	display: none !important;
} 
.article_meta h3 {
font-family: 'Roboto', sans-serif;
font-size: 1.3rem;
margin-top: 0;
line-height: 1.2;
margin-bottom: 0px;
font-weight: 400;	
}
.article_meta h4 {
font-family: 'Roboto', sans-serif;
font-size: 1.2rem;
margin-left: -3em;
vertical-align: top;
display: inline-block;
line-height: 1.35;
margin-top: 0;
margin-bottom: 15px;
font-weight: 400;	
}
.wp-tag-cloud {
	list-style: none;
	font-family: 'Roboto', sans-serif;
	margin: 1.5rem;
	padding: 0;
}
.wp-tag-cloud li a {
color: #FFF;
font-size: 1.5rem !important;
text-transform: capitalize;
	}
.wp-tag-cloud li {
display: block;
margin: 0 0 7px 0;
line-height: 1.1;
	}
#search-menu {
	position: fixed;
	top: 50px;
	left: 50px;
	bottom: 50px;
	right: 50px;
	z-index: 5000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#353535+0,aaaaaa+100 */
background: rgb(53,53,53); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(53,53,53,1) 0%, rgba(170,170,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(53,53,53,1) 0%,rgba(170,170,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(53,53,53,1) 0%,rgba(170,170,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#aaaaaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
}
.search-results .bg_holder {
	background: rgb(53,53,53); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(53,53,53,1) 0%, rgba(170,170,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(53,53,53,1) 0%,rgba(170,170,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(53,53,53,1) 0%,rgba(170,170,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#aaaaaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#search-form { 
	width: 80%;
	margin: 35vh 10% 0 10%;
	border-bottom: 2px solid #fff;
	font-size: 2em;
}

input.ajax-search {
	background: none;
	border: none;
	width: calc(100% - 0px);
	padding: 0 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 2.5rem;
	color: #FFF;
	display: inline-block;
	outline: none;	
}

.search-close {
	cursor: pointer;
    max-width: 25px;
    height: auto;
    position: fixed;
    top: 80px;
    right: 80px;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #686868;
	font-family: 'Roboto', sans-serif;
}

:-moz-placeholder {
	color: #686868;
	font-family: 'Roboto', sans-serif;
}

::-moz-placeholder {
	color: #686868;
	font-family: 'Roboto', sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #686868;
	font-family: 'Roboto', sans-serif;
}


/**
 * 5.0 - Forms
 */



.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
}

.search-submit {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}


/**
 * 6.0 - Navigation
 */

/**
 * 6.1 - Links
 */

a {
	color: #007acc;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

a:hover,
a:focus,
a:active {
	color: #686868;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}
ol.easy-footnotes-wrapper {
	line-height: 1.3;
	font-size: 0.9rem;
}
ol.easy-footnotes-wrapper li {
	margin-bottom: 7px;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
	box-shadow: none;
}
.preamble a {
	color: #000000;
	border-bottom: solid thin #dd862f;
}
.single-writing .preamble a {
	color: #000000;
	border-bottom: solid thin #00F;
}
.single-translation .preamble a {
	color: #000000;
	border-bottom: solid thin #90217f;
}
.single-media .preamble a {
	color: #000000;
	border-bottom: solid thin #30D1F2;
}

/**
 * 6.2 - Menus
 */
.vert_align_nav {
    width: 30px;
    position: relative;
    height: 100vh;
}
.navigation_menu {
	margin: 0;
    list-style: none;
    width: calc(100vh - 30px);
    position: absolute;
    padding: 0;
    text-align: center;
    transform-origin: left;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    left: calc(50% - 0px);
}
.navigation_menu li {
	display: inline-block;
	margin: 0 5px;
}
.entry-content p.wp-caption-text {
	font-size: 0.8rem;
	margin:10px 0 ;
	font-family: 'Roboto', sans-serif;
	opacity: 0.7;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}

.post-type-archive-writing a.menu_item.nav_1 {
    color: #6c77f2;
}
.page-id-785 a.menu_item.nav_4 {
color: #F78F4F
}
.blog_roll_menu {
	display: block;
    position: fixed;
    z-index: 999;
    width: 30px;
    height: 30px;
    bottom: 15px;
    left: 15px;
}
.post-type-archive-translation a.menu_item.nav_2 {
    color: #90217f;
}
.single-translation a.menu_item.nav_2,
.single-writing a.menu_item.nav_1,
.single-post a.menu_item.nav_4 {
	color: #FFF;
	opacity: 1;
}
.single-media a.menu_item.nav_3 {
	color: #FFF;
	opacity: 1;
}
.post-type-archive-media a.menu_item.nav_3 {
color:#30D1F2;
}

.splash-bg {
	height: 90vh;
    margin: 0 auto;
    background-size: 40% auto;
    background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.splash-bg-kon{
	height: auto;
    margin: 0 auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 1em;
}
.prev_post a, .next_post a {
	color: #000000;
	opacity: 0.5;
}
.prev_post, .next_post {
	display: none;
	position: fixed;
	top:calc(96vh - 0px);
	font-family: 'Roboto', sans-serif;
	font-size: 0.85rem;
	text-transform: uppercase;
	z-index: 99;
}
.prev_post {
	left:70px;
}
.next_post {
	right:70px;
}
.single-media .bg_holder3 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30d1f2+0,2161af+29,341ebf+67,f40049+100 */
background: rgb(48,209,242); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(48,209,242,1) 0%, rgba(33,97,175,1) 29%, rgba(52,30,191,1) 67%, rgba(244,0,73,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(48,209,242,1) 0%,rgba(33,97,175,1) 29%,rgba(52,30,191,1) 67%,rgba(244,0,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(48,209,242,1) 0%,rgba(33,97,175,1) 29%,rgba(52,30,191,1) 67%,rgba(244,0,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30d1f2', endColorstr='#f40049',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_holder3 {
	position: absolute;
    left: 60px;
    z-index: 0;
    top: -60px;
    display: block;
    background: rgba(176,99,176,1);
background: -moz-linear-gradient(-45deg, rgba(176,99,176,1) 0%, rgba(176,99,176,1) 23%, rgba(6,148,15,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(176,99,176,1)), color-stop(23%, rgba(176,99,176,1)), color-stop(100%, rgba(6,148,15,1)));
background: -webkit-linear-gradient(-45deg, rgba(176,99,176,1) 0%, rgba(176,99,176,1) 23%, rgba(6,148,15,1) 100%);
background: -o-linear-gradient(-45deg, rgba(176,99,176,1) 0%, rgba(176,99,176,1) 23%, rgba(6,148,15,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(176,99,176,1) 0%, rgba(176,99,176,1) 23%, rgba(6,148,15,1) 100%);
background: linear-gradient(135deg, rgba(176,99,176,1) 0%, rgba(176,99,176,1) 23%, rgba(6,148,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b063b0', endColorstr='#06940f', GradientType=1 );
    right: 60px;
    height: 75vh;
}
.site-main .m-all:last-child .border-bot {
border-bottom: solid 0px #FFF;
padding-bottom: 0.0em;
}
body.home .site-main .m-all:nth-child(2),
body.archive .site-main .m-all:nth-child(2),
body.search .site-main .m-all:nth-child(2) {
padding-top: 2.7em;
}
.article_content {
	position: relative;
	z-index: 3;
	margin-top: 40vh;
	margin-left: 40px;
	margin-right: 40px;
	padding: 1rem 0;
	background-color: rgba(255,255,255,0.95);
}
body.post-type-archive-writing .bg_holder {
background: rgba(198,52,247,1);
background: -moz-linear-gradient(-45deg, rgba(198,52,247,1) 0%, rgba(198,52,247,1) 10%, rgba(12,51,245,1) 44%, rgba(12,141,150,1) 70%, rgba(79,153,43,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(198,52,247,1)), color-stop(10%, rgba(198,52,247,1)), color-stop(44%, rgba(12,51,245,1)), color-stop(70%, rgba(12,141,150,1)), color-stop(100%, rgba(79,153,43,1)));
background: -webkit-linear-gradient(-45deg, rgba(198,52,247,1) 0%, rgba(198,52,247,1) 10%, rgba(12,51,245,1) 44%, rgba(12,141,150,1) 70%, rgba(79,153,43,1) 100%);
background: -o-linear-gradient(-45deg, rgba(198,52,247,1) 0%, rgba(198,52,247,1) 10%, rgba(12,51,245,1) 44%, rgba(12,141,150,1) 70%, rgba(79,153,43,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(198,52,247,1) 0%, rgba(198,52,247,1) 10%, rgba(12,51,245,1) 44%, rgba(12,141,150,1) 70%, rgba(79,153,43,1) 100%);
background: linear-gradient(135deg, rgba(198,52,247,1) 0%, rgba(198,52,247,1) 10%, rgba(12,51,245,1) 44%, rgba(12,141,150,1) 70%, rgba(79,153,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c634f7', endColorstr='#4f992b', GradientType=1 );
}
body.page-id-785 .bg_holder {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7f931+0,f78f4f+31,5fe8f4+88,85f785+100 */
background: #c7f931; /* Old browsers */
background: -moz-linear-gradient(-45deg, #c7f931 0%, #f78f4f 31%, #5fe8f4 88%, #85f785 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #c7f931 0%,#f78f4f 31%,#5fe8f4 88%,#85f785 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #c7f931 0%,#f78f4f 31%,#5fe8f4 88%,#85f785 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7f931', endColorstr='#85f785',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
body.post-type-archive-translation .bg_holder {
background: rgba(191,125,44,1);
background: -moz-linear-gradient(-45deg, rgba(191,125,44,1) 0%, rgba(191,125,44,1) 10%, rgba(121,30,166,1) 44%, rgba(148,87,12,1) 70%, rgba(79,153,43,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(191,125,44,1)), color-stop(10%, rgba(191,125,44,1)), color-stop(44%, rgba(121,30,166,1)), color-stop(70%, rgba(148,87,12,1)), color-stop(100%, rgba(79,153,43,1)));
background: -webkit-linear-gradient(-45deg, rgba(191,125,44,1) 0%, rgba(191,125,44,1) 10%, rgba(121,30,166,1) 44%, rgba(148,87,12,1) 70%, rgba(79,153,43,1) 100%);
background: -o-linear-gradient(-45deg, rgba(191,125,44,1) 0%, rgba(191,125,44,1) 10%, rgba(121,30,166,1) 44%, rgba(148,87,12,1) 70%, rgba(79,153,43,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(191,125,44,1) 0%, rgba(191,125,44,1) 10%, rgba(121,30,166,1) 44%, rgba(148,87,12,1) 70%, rgba(79,153,43,1) 100%);
background: linear-gradient(135deg, rgba(191,125,44,1) 0%, rgba(191,125,44,1) 10%, rgba(121,30,166,1) 44%, rgba(148,87,12,1) 70%, rgba(79,153,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7d2c', endColorstr='#4f992b', GradientType=1 );
}
body.post-type-archive-media .bg_holder {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30d1f2+0,2161af+29,341ebf+67,f40049+100 */
background: rgb(48,209,242); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(48,209,242,1) 0%, rgba(33,97,175,1) 29%, rgba(52,30,191,1) 67%, rgba(244,0,73,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(48,209,242,1) 0%,rgba(33,97,175,1) 29%,rgba(52,30,191,1) 67%,rgba(244,0,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(48,209,242,1) 0%,rgba(33,97,175,1) 29%,rgba(52,30,191,1) 67%,rgba(244,0,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30d1f2', endColorstr='#f40049',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
body.home .bg_holder {
background: rgba(221,134,47,1);
    background: -moz-linear-gradient(-45deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(221,134,47,1)), color-stop(100%, rgba(159,227,32,1)));
    background: -webkit-linear-gradient(-45deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
    background: linear-gradient(135deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
    background-size: 100% 100%;
}
@-webkit-keyframes red{
    0% {-webkit-transform: rotate(0deg) translate(-80px) rotate(0deg) scale(1,1);}
    50% {-webkit-transform: rotate(-180deg) translate(-80px) rotate(-180deg) scale(1.4,1.83);}
    100% {-webkit-transform: rotate(-360deg) translate(-80px) rotate(-360deg) scale(1,1);}
}
@-moz-keyframes red{
    0% {-moz-transform: rotate(0deg) translate(-80px) rotate(0deg) scale(1,1);}
    50% {-moz-transform: rotate(-180deg) translate(-80px) rotate(-180deg) scale(1.4,1.83);}
    100% {-moz-transform: rotate(-360deg) translate(-80px) rotate(-360deg) scale(1,1);}
}
@-webkit-keyframes green{
    0% {-webkit-transform: rotate(0deg) translate(30px) rotate(0deg) scale(1,1);opacity:1}
    66% {-webkit-transform: rotate(180deg) translate(30px) rotate(-180deg) scale(1,0.53);opacity:.33}
    100% {-webkit-transform: rotate(360deg) translate(30px) rotate(-360deg) scale(1,1);opacity:1}
}
@-moz-keyframes green{
    0% {-moz-transform: rotate(0deg) translate(30px) rotate(0deg) scale(1,1);opacity:1;}
    66% {-moz-transform: rotate(180deg) translate(30px) rotate(-180deg) scale(1,0.53);opacity:.33;}
    100% {-moz-transform: rotate(360deg) translate(30px) rotate(-360deg) scale(1,1);opacity:1;}
}
@-webkit-keyframes blue{
    0% {-webkit-transform: rotate(0deg) translate(50px) rotate(0deg) scale(1,1);}
    33% {-webkit-transform: rotate(180deg) translate(50px) rotate(-180deg) scale(2.06,1);}
    100% {-webkit-transform: rotate(360deg) translate(50px) rotate(-360deg) scale(1,1);}
}
@-moz-keyframes blue{
    0% {-moz-transform: rotate(0deg) translate(50px) rotate(0deg) scale(1,1);}
    33% {-moz-transform: rotate(180deg) translate(50px) rotate(-180deg) scale(2.06,1);}
    100% {-moz-transform: rotate(360deg) translate(50px) rotate(-360deg) scale(1,1);}
}
#red,
#green,
#blue{
    position: fixed;
    z-index: 0;
    border-radius: 50%;
    top:50%;
    left:50%;
    width:400px;
    height:400px;
    margin:-200px 0 0 -200px;
}
#red{
    -webkit-animation:7s red linear infinite;
    -moz-animation:7s red linear infinite;
    background-image: -moz-radial-gradient(50% 50%, circle contain, rgba(48, 209, 242, .75), rgba(48, 209, 242, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle contain, rgba(48, 209, 242, .75), rgba(48, 209, 242, 0) 100%);         
}
#blue{
    -webkit-animation:blue 11s linear infinite;
    -moz-animation:blue 11s linear infinite;
    background-image: -webkit-radial-gradient(50% 50%, circle contain, rgba(86, 173, 223, .75), rgba(86, 173, 223, 0) 100%);
    background-image: -moz-radial-gradient(50% 50%, circle contain, rgba(86, 173, 223, .75), rgba(86, 173, 223, 0) 100%);           
}
#green{
    -webkit-animation:green 8s linear infinite;
    -moz-animation:green 8s linear infinite;
    background-image: -webkit-radial-gradient(50% 50%, circle contain, rgba(210, 222, 12, .75), rgba(210, 222, 12, 0) 100%);
    background-image: -moz-radial-gradient(50% 50%, circle contain, rgba(210, 222, 12, .75), rgba(210, 222, 12, 0) 100%);          
}

.bg_holder {
	position: fixed;
    background: rgba(221,134,47,1);
background: -moz-linear-gradient(-45deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(221,134,47,1)), color-stop(100%, rgba(159,227,32,1)));
background: -webkit-linear-gradient(-45deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
background: -o-linear-gradient(-45deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
background: linear-gradient(135deg, rgba(221,134,47,1) 0%, rgba(159,227,32,1) 100%);
    left: 0;
    top: -60px;
    display: block;
    width: 100%;
    height: 100vh;
}
.bg_holder2 {
	position: relative;
    left: 0px;
    z-index: 0;
    top: 0px;
    display: block;
    right: 0px;
    height: auto;
    width: 100%;
}
.lazy {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    max-width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
}
.internal-pad {
	padding: 1.5rem;
}
.lazy.b-loaded {
    opacity: 1;
}


.cf:after {
    content:"";
    display:block;
    clear:both;
}


.post-navigation .post-title {
	display: inline;
	font-family: 'Roboto', sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.2173913043;
	text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #007acc;
}

.post-navigation div + div {
	border-top: 4px solid #1a1a1a;
}

.pagination {
	border-top: 4px solid #1a1a1a;
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	font-size: 1.1875rem;
	margin: 0 7.6923% 2.947368421em;
	min-height: 56px;
	position: relative;
}

.pagination:before,
.pagination:after {
	background-color: #1a1a1a;
	content: "";
	height: 52px;
	position: absolute;
	top:0;
	width: 52px;
	z-index: 0;
}

.pagination:before {
	right: 0;
}

.pagination:after {
	right: 54px;
}

.pagination a:hover,
.pagination a:focus {
	color: #1a1a1a;
}

.pagination .nav-links {
	padding-right: 106px;
	position: relative;
}

.pagination .nav-links:before,
.pagination .nav-links:after {
	color: #fff;
	font-size: 32px;
	line-height: 51px;
	opacity: 0.3;
	position: absolute;
	width: 52px;
	z-index: 1;
}

.pagination .nav-links:before {
	content: "\f429";
	right: -1px;
}

.pagination .nav-links:after {
	content: "\f430";
	right: 55px;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

.pagination .page-numbers {
	display: none;
	letter-spacing: 0.013157895em;
	line-height: 1;
	margin: 0 0.7368421053em 0 -0.7368421053em;
	padding: 0.8157894737em 0.7368421053em 0.3947368421em;
	text-transform: uppercase;
}

.pagination .current {
	display: inline-block;
	font-weight: 700;
}

.pagination .prev,
.pagination .next {
	background-color: #1a1a1a;
	color: #fff;
	display: inline-block;
	height: 52px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 52px;
	z-index: 2;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 53px;
	line-height: 52px;
	position: relative;
	width: 53px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #007acc;
	color: #fff;
}

.pagination .prev:focus,
.pagination .next:focus {
	outline: 0;
}

.pagination .prev {
	right: 54px;
}

.pagination .prev:before {
	content: "\f430";
	left: -1px;
	top: -1px;
}

.pagination .next {
	right: 0;
}

.pagination .next:before {
	content: "\f429";
	right: -1px;
	top: -1px;
}



/**
 * 7.0 - Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}
.year {
	font-weight: 400;
	font-size: 1.0rem;
	opacity: 0.5;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}
.sidestrip {
	z-index: 900;
    position: fixed;
    top: 0;
    height: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    clear: both;
}

.app-menu-side-right.toright-open {
	    -webkit-transform: translate(0);
    transform: translate(0);
}
.app-menu-side-right.toright-open .search-topics {
	background-color: #efefef; 
}
.app-menu-side-left.toleft-open {
	    -webkit-transform: translate(0);
    transform: translate(0);
}
#search-form { 
	width: 60%;
	margin: 40vh 20% 0 20%;
	border-bottom: 2px solid #fff;
	font-size: 2em;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: none;
	margin: 0.375em 0;
	width:100%;
	max-width:100%;
}
.alignleft img, .alignright img {
	width:100%;
	max-width: 100%;
	height: auto;
	display: block;
}

.alignright {
	float: none;
	margin: 0.375em 0;
	width:100%;
	max-width:100%;
}

.aligncenter {
	clear: both;
    display: block;
    max-width: calc(100% - 3em);
    margin: 1.75em auto 1.75em 3em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}
blockquote a {
	color: #000;
	border-bottom: solid 1px #000;
}
blockquote a:hover {
	color: #000;
	border-bottom: solid 1px #2334f1;
}


/* Tag Cloud widget */
.tagcloud a {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	line-height: 1;
	margin: 0 0.1875em 0.4375em 0;
	padding: 0.5625em 0.4375em 0.5em;
}
.single .entry-content p a {
	color: #000;
	border-bottom: solid 1px #000;
}
.single .entry-content p a:hover {
	color: #000;
	border-bottom: solid 1px #dd862f;
}
.single-writing .entry-content p a:hover {
	color: #000;
	border-bottom: solid 1px #00F;
}
.single-post .entry-content p a:hover {
	color: #000;
	border-bottom: solid 1px #F78F4F;
}
.single-media .entry-content p a:hover {
	color: #000;
	border-bottom: solid 1px #30D1F2;
}
.single-translation .entry-content p a:hover {
	color: #000;
	border-bottom: solid 1px #90217f;
}

.single-writing .entry-content .easy-footnote a {
color: #00F !important;
}
.single-post .entry-content .easy-footnote a {
color: #F78F4F !important;
}
.single-translation .entry-content .easy-footnote a {
color: #90217f !important;
}
.single-media .entry-content .easy-footnote a {
color: #30D1F2 !important;
}


.tagcloud a:hover,
.tagcloud a:focus {
	border-color: #007acc;
	color: #007acc;
	outline: 0;
}
.entry-content .content-block-quote {
font-size: 1.15em;
    line-height: 1.44;
    padding: 25px 3.3em 25px 3.3em;
    float: none;
    font-style: normal;
    border-top: none;
    border-bottom: none;
    margin: 0px;
}

/**
 * 11.0 - Content
 */

.site {
	background-color: #fff;
}

.site-inner {
	margin: 0 auto;
	position: relative;
}

.site-content {
	word-wrap: break-word;
	-webkit-transition: left .5s ease-in-out,right .5s ease-in-out;
    transition: left .5s ease-in-out,right .5s ease-in-out;
    left: 0;
    right: 0;
    min-height: 100%;
    position: relative;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.site-main {
	margin-bottom: 0em;
}

.site-main > :last-child {
	margin-bottom: 0;
}


/**
 * 11.1 - Header
 */

.site-header {
position: fixed;
    z-index: 800;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
}

.site-header-main {
	
}
body.home .site-branding,
body.post-type-archive .site-branding  {
	background: rgba(255,255,255,1) !important;
	height: 50px;
}
.site-branding {
	padding-top: 10px;
    text-align: center;
    background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(78%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    height: 40px;
    width:100%;
}
.single-writing .site-branding {
	background: -moz-linear-gradient(top, rgba(152,147,251,1) 0%, rgba(206,203,253,1) 78%, rgba(0,0,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,203,253,1)), color-stop(78%, rgba(0,0,255,0.5)), color-stop(100%, rgba(0,0,255,0)));
background: -webkit-linear-gradient(top, rgba(152,147,251,1) 0%, rgba(206,203,253,1) 78%, rgba(0,0,255,0) 100%);
background: -o-linear-gradient(top, rgba(152,147,251,1) 0%, rgba(206,203,253,1) 78%, rgba(0,0,255,0) 100%);
background: -ms-linear-gradient(top, rgba(152,147,251,1) 0%, rgba(206,203,253,1) 78%, rgba(0,0,255,0) 100%);
background: linear-gradient(to bottom, rgba(152,147,251,1) 0%, rgba(206,203,253,1) 78%, rgba(0,0,255,0) 100%);
	}
.single-post .site-branding {
	background: -moz-linear-gradient(top, rgba(250,188,149,1) 0%, rgba(253,233,220,1) 78%, rgba(253,233,220,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,188,149,1)), color-stop(78%, rgba(253,233,220,0.5)), color-stop(100%, rgba(253,233,220,0)));
background: -webkit-linear-gradient(top, rgba(250,188,149,1) 0%, rgba(253,233,220,1) 78%, rgba(253,233,220,0) 100%);
background: -o-linear-gradient(top, rgba(250,188,149,1) 0%, rgba(253,233,220,1) 78%, rgba(253,233,220,0) 100%);
background: -ms-linear-gradient(top, rgba(250,188,149,1) 0%, rgba(253,233,220,1) 78%, rgba(253,233,220,0) 100%);
background: linear-gradient(to bottom, rgba(250,188,149,1) 0%, rgba(253,233,220,1) 78%, rgba(253,233,220,0) 100%);
	}
.single-translation .site-branding {
	background: -moz-linear-gradient(top, rgba(188,122,178,1) 0%, rgba(233,211,229,1) 78%, rgba(233,211,229,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,122,178,1)), color-stop(78%, rgba(233,211,229,1)), color-stop(100%, rgba(233,211,229,0)));
background: -webkit-linear-gradient(top, rgba(188,122,178,1) 0%, rgba(233,211,229,1) 78%, rgba(233,211,229,0) 100%);
background: -o-linear-gradient(top, rgba(188,122,178,1) 0%, rgba(233,211,229,1) 78%, rgba(233,211,229,0) 100%);
background: -ms-linear-gradient(top, rgba(188,122,178,1) 0%, rgba(233,211,229,1) 78%, rgba(233,211,229,0) 100%);
background: linear-gradient(to bottom, rgba(188,122,178,1) 0%, rgba(233,211,229,1) 78%, rgba(233,211,229,0) 100%);
	}

.single-media .site-branding {
	background: -moz-linear-gradient(top, rgba(131,227,247,1) 0%, rgba(214,246,252,1) 78%, rgba(214,246,252,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(131,227,247,1)), color-stop(78%, rgba(214,246,252,1)), color-stop(100%, rgba(214,246,252,0)));
background: -webkit-linear-gradient(top, rgba(131,227,247,1) 0%, rgba(214,246,252,1) 78%, rgba(214,246,252,0) 100%);
background: -o-linear-gradient(top, rgba(131,227,247,1) 0%, rgba(214,246,252,1) 78%, rgba(214,246,252,0) 100%);
background: -ms-linear-gradient(top, rgba(131,227,247,1) 0%, rgba(214,246,252,1) 78%, rgba(214,246,252,0) 100%);
background: linear-gradient(to bottom, rgba(131,227,247,1) 0%, rgba(214,246,252,1) 78%, rgba(214,246,252,0) 100%);
	}

.site-title {
	line-height: 1.2173913043;
	margin: 0;
}
.site-title {
	text-transform: uppercase;
    letter-spacing: .05rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    padding-bottom: 3px;
    border-bottom: 0px solid #000000;
    line-height: .8rem;
    position: relative;
    top: 3px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
	}

.site-branding .site-title a {
	color: #000000;
}
.single-writing .site-branding .site-title a {
	color: #00F;
}
.single-post .site-branding .site-title a {
	color: #F78F4F;
}
.single-translation .site-branding .site-title a {
	color: #90217f;
}
.single-media .site-branding .site-title a {
	color: #30D1F2;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: #36dd36;
}


.site-description {
	color: #000000;
	display: none;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.0769230769;
	margin: 0.538461538em 0 0;
}



/**
 * 11.2 - Posts and pages
 */

.site-main > article {
	margin-bottom: 3.5em;
	position: relative;
}


.entry-title {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1em;
}

.entry-title a {
	color: #000000;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #000;
}


.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.25;
	margin-top: 2em;
	margin-bottom: 1em;
}

.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.2173913043;
	margin-top: 2.4347826087em;
	margin-bottom: 1.2173913043em;
}

.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.1052631579;
	margin-top: 2.9473684211em;
	margin-bottom: 1.4736842105em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin-top: 3.5em;
	margin-bottom: 1.75em;
}

.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
	letter-spacing: 0.140625em;
	text-transform: uppercase;
}

.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
	font-style: italic;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-weight: 900;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 0;
}
.easy-footnotes-wrapper {
font-family: 'Roboto', sans-serif;
margin: 60px 0 0 0px; 
opacity: 1;	
}
.easy-footnotes-wrapper a.easy-footnote-to-top {
	border-bottom: none !important;
	opacity: 0.5;
}
.easy-footnotes-wrapper a {
opacity: 0.8;	
color: #000;
border-bottom: solid thin #000;
}
.entry-content .content-block-quote p:first-child {
    font-size: 1.1em;
    line-height: 1.3;
    float: none;
    border-top: none;
    border-bottom: none;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
}


.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}


.more-link {
	white-space: nowrap;
}

.author-info {
	border-color: inherit;
	border-style: solid;
	border-width: 1px 0 1px 0;
	clear: both;
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}


.author-description > :last-child {
	margin-bottom: 0;
}

.entry-content .author-title {
	clear: none;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.75;
	margin: 0;
}

.author-bio {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 1.6153846154em;
	overflow: hidden;
}

.author-link {
	white-space: nowrap;
}

.entry-footer {
	color: #686868;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-top: 2.1538461538em;
}



/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */


.sticky .posted-on,
.byline {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-header {
	border-top: 4px solid #1a1a1a;
	margin: 0 7.6923% 3.5em;
	padding-top: 1.75em;
}

body.error404 .page-header,
body.search-no-results .page-header {
	border-top: 0;
	padding-top: 0;
}

.page-title {
	font-family: 'Roboto', sans-serif;
	font-size: 23px;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.2173913043;
}


.page-links {
	clear: both;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 1.75em;
}

.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	height: 1.8461538462em;
	line-height: 1.6923076923em;
	margin-right: 0.3076923077em;
	text-align: center;
	width: 1.8461538462em;
}

.page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #007acc;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6153846154em;
	width: auto;
}
.entry-content .easy-footnote a {
	text-decoration: none;
	color: #dd862f !important;
	border-bottom: none !important;
}

.entry-attachment {
	margin-bottom: 1.75em;
}

.entry-caption {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 1.0769230769em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}

/**
 * 11.4 - Comments
 */




/**
 * 11.5 - Sidebar
 */

.sidebar {
	margin-bottom: 3.5em;
	padding: 0 7.6923%;
}


/**
 * 11.6 - Footer
 */

.site-footer {
	padding: 0;
}

.site-info {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.site-info a {
	color: #686868;
}

.site-info a:hover,
.site-info a:focus {
	color: #007acc;
}


/**
 * 12.0 - Media
 */

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	margin-top: 1.75em;
	max-width: 100%;
	width: calc(100% - 3em);
	margin-top: 1em;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 1.75em;
	margin-top: 1.75em;
	max-width: 100%;
	width: calc(100% - 3em);
	margin-top: 1em;
	vertical-align: middle;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}
.entry-content ul {
	list-style: none;
	margin: 1em 0 2em;
	font-size: 1.25rem;
    line-height: 1.30;
}
.entry-content ul li {
margin-bottom: 0.4em;
margin-left: 1em;
text-indent: -1em;
	}

.article_meta a {
	color: #000000;
	border-bottom: solid thin #000;
	text-transform: capitalize;
	display: inline-block;
}
.article_meta a:after {
	content: ", "
}
.article_meta a:last-child:after {
	content: ""
}
.entry-content h3 {
	font-family: 'Roboto', sans-serif;
	margin: 1.5em 0 10px !important;
	font-weight: 400;
}

/**
 * 12.1 - Captions
 */

.home h2.entry-title,
.archive h2.entry-title,
.search h2.entry-title {
	position: relative;
	display: inline-block;
}
.home h2.entry-title .full_text,
.archive h2.entry-title .full_text,
.search h2.entry-title .full_text{
	display: inline-block;
    position: absolute;
    bottom: 3px;
    right: -35px;
    opacity: 0.5;
    width: 25px;
}



/**
 * 13.0 - Multisites
 */


/**
 * 14.0 - Media Queries
 */
.menuicon {
		display: block;
		top: 15px;
		width:20px;
		height: auto;
		margin: 0 auto;
	}
#search-button {
	width:20px;
		height: auto;
}
.bio_pad {
	padding:20px;
}
.preamble p {
font-family: 'Roboto', sans-serif;
font-size: 1.2rem;
line-height: 1.35;
margin-bottom: 1rem;
font-weight: 400;	
}
h1.entry-title {
	margin-bottom: 1rem;
	line-height: 1.1;
	text-align: center;
	margin-top: -5px;
	color: #000000;
}
.bio_pad p{
font-family: 'Roboto', sans-serif;
font-size: 1.0rem;
line-height: 1.35;
margin-bottom: 1rem;
font-weight: 400;
	}
.bio_pad p a{
color: #FFF;
border-bottom: solid thin #FFF;
}
.app-menu-side-left.sidestrip.toleft-open .search-topics {
	background-color: #efefef;
}
.entry-content p {
	font-size: 1.15rem;
	text-indent: 3em;
	line-height: 1.35;
	margin-bottom: 0.5em;
}
.entry-content p:first-child {
	text-indent: 0;
}

.sideLeft {
		float: left;
	}
	.sideRight {
		float: right;
	}
	
.side_cont {
		display: block;
    width: 280px;
    height: 100%;
    color: #fff;
    overflow-y: auto;
	}
.app-menu-side-left {
	-webkit-transform: translate(-280px);
    transform: translate(-280px);
    left: 0;
}
.single-writing .app-menu-side-left .search-topics,
.single-writing .app-menu-side-right .search-topics{
	background-color: #00F;
}
.single-post .app-menu-side-left .search-topics,
.single-post .app-menu-side-right .search-topics{
	background-color: #F78F4F;
}
.single-translation .app-menu-side-left .search-topics,
.single-translation .app-menu-side-right .search-topics{
	background-color: #90217f;
}
.single-media .app-menu-side-left .search-topics,
.single-media .app-menu-side-right .search-topics{
	background-color: #30D1F2;
}
.app-menu-side-right {
	    -webkit-transform: translate(280px);
    transform: translate(280px);
    right: 0;
}
.side_cont.sideLeft {
		background: rgba(0,0,0,1);
	}
	.side_cont.sideRight {
		background: rgba(100,100,100,1);
    
	}
	.menu {
		position: absolute;
    top: 15px;
    width: 40px;
    height: 45px;
    z-index: 99;
    text-align: center;
    right: 0;
    line-height: 60px;
    cursor: pointer;
	}
	.search-btn {
	position: absolute;
    top: 0px;
    width: 40px;
    height: 45px;
    text-align: center;
    left: 0;
    line-height: 45px;
    cursor: pointer;
	}
	.sideRight label {
    right: 8px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.single-writing .sideRight label,
.single-translation .sideRight label,
.single-media .sideRight label,
.single-post .sideRight label  {
color: #FFF;
	}
.search-topics {
	display: block;
    width: 30px;
    height: 100%;
    background-color: #fff;
    cursor: pointer;
}
.menu_item {  
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .05rem;
    font-weight: 500;
    text-align: center;
    line-height: .8rem;   
}
.nav_1{
	
	}
.nav_2{
	
	}
a.menu_item {
color:	#000000;
}
.single-writing a.menu_item,
.single-translation a.menu_item,
.single-media a.menu_item,
.single-post a.menu_item  {
color:	#FFF;
opacity: 0.5;
}
	.sidestrip label {
		text-transform: uppercase;
    letter-spacing: .05rem;
    font-weight: 500;
    padding: 0 0 3px;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border-bottom: 0px solid #000000;
    line-height: .8rem;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 50vh;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
	}
.article_meta .single-tags {
	display: none;
}
blockquote {
    border: 0 solid #1a1a1a;
    border-left-width: 0px;
    font-family: 'Roboto', sans-serif;
    float: left;
    color: #686868;
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #dd862f),  color-stop(1, #1fd8e5) );
  background-image: gradient( linear, left top, right top, color-stop(0, #dd862f), color-stop(1, #1fd8e5) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
    font-size: 1.3rem;
    width: 100%;
    font-style: normal;
    line-height: 1.3;
    margin: 0.5rem 0;
    padding: 0;
}
.type_title {
	display: none;
}
.row_title h2 a, .list_tags a {color: #FFF;}
body.home .year,
body.archive .year,
body.search .year,
body.page-id-785 .year {
	color: #FFF;
	font-size: 1.0rem;
    line-height: 1.325;
    font-weight: 400;
    opacity: 1;
    font-family: 'Roboto', sans-serif;
}
body.home .entry-summary,
body.archive .entry-summary,
body.search .entry-summary,
body.page-id-785 .entry-summary{
	font-family: 'Roboto', sans-serif;
	font-size: 1.0em;
	width:100%;
	line-height: 1.35;
	color: #FFF;
}
h2.entry-title {
    font-size: 1.4rem;
    line-height: 1.125;
    letter-spacing: .05rem;
    margin-bottom: 0.3em;
}
.list_tags {
    width: 100%;
    opacity: 0.7;
    letter-spacing: .05rem;
    font-family: 'Roboto', sans-serif;
    padding-left: 0%;
    padding-top:0.3em;
    font-size: 0.9em;
    text-transform: capitalize;
    line-height: 1.35;
    color: #FFF;
}
h3.link_header {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	text-align: left;
}
ul.blog_role {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
    list-style: none;
    margin: 40px;
    column-count: 3;
    width: calc(100% - 80px);
}
ul.blog_role li a {
	text-decoration: none;
	color: #000;
	border-bottom: solid thin #000;
	transition: all 0.2s ease-in-out;
}
ul.blog_role li {
	margin-bottom: 6px;
}
ul.blog_role li a:hover {
	color: #FFF;
	border-bottom: solid thin #FFF;
}


@media screen and (max-width: 460px) {
.side_cont {
		display: block;
    width: calc(100% - 30px);
    height: 100%;
    color: #fff;
    overflow-y: auto;
	}
	.search-btn {
    position: absolute;
    top: 10px;
    width: 20px;
    height: 45px;
    text-align: center;
    left: 5px;
    line-height: 20px;
    cursor: pointer;
}
.app-menu-side-left.sidestrip.toleft-open .sideLeft{
	width: calc(100% - 60px);
}
.app-menu-side-left.sidestrip.toleft-open  .menu {
    right: 35px;
    }
    h1.entry-title {
    text-align: center;
}
.single .article_meta .single-tags {
	display: inline-block;
	width: calc(100% - 70px);
	font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    line-height: 1.35;
    margin-bottom: 0.9em;
}
.article_meta h4 {
	width: 60px;
    margin-left: 0em;
    }
    .site-branding {
    padding-top: 2px;
}
.article_content {
    position: relative;
    z-index: 3;
    margin-top: 8vh;
    }
body.home .site-branding, body.post-type-archive .site-branding {
    background: rgba(255,255,255,1) !important;
    height: 30px;
}
.site-title {

    top: 0px;
    }
.search-close {
    cursor: pointer;
    max-width: 25px;
    height: auto;
    position: fixed;
    top: 40px;
    right: 40px;
}
#search-form {
    width: 80%;
    margin: 30vh 10% 0 10%;
    border-bottom: 2px solid #fff;
    font-size: 2em;
}
.blog_roll_menu {
    display: block;
    position: fixed;
    z-index: 999;
    width: 20px;
    height: 20px;
    bottom: 15px;
    left: 5px;
}
.sideRight label {
    right: 13px;
    }
	.menu {
    position: absolute;
    top: 10px;
    width: 20px;
    height: 20px;
    transition: all 0.2s ease-in-out;
    z-index: 99;
    text-align: center;
    right: 5px;
    line-height: 40px;
    cursor: pointer;
}
.page-id-787 .site-main {
	margin: 40px 40px 30px;
}
h3.link_header {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	margin: 0 0 0px 0;
	text-align: center;
}
ul.blog_role {
	list-style: none;
	margin: 0 0 20px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1.05em;
	column-count: 1;
	width: 100%;
}

#search-menu {
    position: fixed;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    }
.bottom_strip {
	height: 30px;
    width: 100%;
    background-color: #FFF;
    position: fixed;
    bottom: 0;
    z-index: 9;
}
body.home .site-main .m-all:nth-child(5), body.archive .site-main .m-all:nth-child(2), body.search .site-main .m-all:nth-child(2) {
    padding-top: 40px;
}

.bg_holder {
	top: 0px;
    display: block;
    width: 100%;
    height: calc(100vh - 30px);
}
ol.easy-footnotes-wrapper li {
    margin: 0 1.3em 10px;
}
.app-menu-side-left.toleft-open {
    -webkit-transform: translate(0px);
    transform: translate(0px);
}
.entry-content .content-block-quote {
    font-size: 1.05em;
    line-height: 1.34;
    padding: 1em 1.5em 1em 1.5em;
    }
.wp-tag-cloud li a {
    color: #FFF;
    font-size: 1.2rem !important;
}
.entry-content p {
    text-indent: 1.5em;
}
.nav_1 {
    
}
.nav_2 {
    
}
.nav_3 {
    
}
.app-menu-side-left {
	-webkit-transform: translate(calc(-100% + 30px));
    transform: translate(calc(-100% + 30px));
    left: 0;
}
.app-menu-side-right {
	    -webkit-transform: translate(calc(100% - 30px));
    transform: translate(calc(100% - 30px));
    right: 0;
}	
	}
/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {
	.search-topics {
    width: 50px;
}
.site-content {
		padding: 30px 50px;
		margin-bottom: 0px;
	}
.vert_align_nav {
    width: 50px;
}
.site-branding {
	height: 60px;
}
.bottom_strip {
	position: fixed;
	bottom: 0;
	left: 50px;
	right: 50px;
	background-color: #FFF;
	z-index: 9;
	height: 50px;
}
.page-header {
    border-top: 0px solid #1a1a1a;
    margin: 2em 2em 1em;
    color: #FFF;
    padding-top: 0em;
    letter-spacing: .05rem;
    position: relative;
    z-index: 9;
}
.type_title {
	display: inline-block;
}
body.home .site-main .m-all:nth-child(5),
body.archive .site-main .m-all:nth-child(2),
body.search .site-main .m-all:nth-child(2),
body.page-id-785 .site-main .m-all:nth-child(2) {
padding-top: 30px;
}
.border-bot {
	margin:1em 2em;
	padding-bottom: 1em;
}
body.home .entry-summary,
body.archive .entry-summary,
body.search .entry-summary,
body.page-id-785 .entry-summary{
	margin-left: 0%;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	display: inline-block;
	width:100%;
	vertical-align: top;
	line-height: 1.35;
	color: #FFF;
}
.list_tags {
display: block;
	width:100%;
	opacity: 0.7;
	letter-spacing: .05rem;
	font-family: 'Roboto', sans-serif;
	padding-left: 2%;
	font-size: 1em;
	padding-top:1em;
	text-align: right;
	text-transform: capitalize;
	vertical-align: top;
	line-height: 1.35;
	color: #FFF;	
}

.row_title {
	width:55%;
	display: inline-block;
	letter-spacing: .05rem;
	vertical-align: top;
}
body.home .year,
body.archive .year,
body.search .year,
body.page-id-785 .year {
	width:12%;
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	font-size: 1.5rem;
    line-height: 1.225;
    font-weight: 400;
    opacity: 1;
    font-family: 'Roboto', sans-serif;
}
.article_meta .single-tags {
	display: inline-block;
	padding-left: 0.7em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.35;
}
.entry-content p {
	font-size: 1.25rem;
	line-height: 1.35;
	margin-bottom: 0.5em;
}

.prev_post, .next_post {
	display: block;
	}
.splash-bg-kon{
	height: auto;
	margin-bottom: 1.5em;
	}
.search-btn {
line-height: 60px;
    }
.menuicon {
		width:25px;
	}
#search-button {
	width:25px;
}
.alignleft {
	float: left;
	width:auto;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	width:auto;
	margin: 0.375em 0 1.75em 1.75em;
}
.sideRight label {
    right: -2px;
}
.article_content {
	margin-top: 60px;
	margin-left: 60px;
	margin-right: 60px;
	padding: 0 10px;
}
.bg_holder2 {
    left: 0px;
    right: 0px;
    height: auto;
    margin-left: auto;
    margin-top: 1.5em;
    margin-right: auto;
    max-width: 950px;
}
.nav_1{
	
	}
.nav_2{
	
	}
.nav_3{
	
	}
.menu {

    width: 50px;
    height: 45px;

	}
	.search-btn {

    width: 50px;
    height: 45px;
 
	}
.side_cont {
    width: 420px;
    
	}
.app-menu-side-left {
	-webkit-transform: translate(-420px);
    transform: translate(-420px);
    left: 0;
}
.app-menu-side-right {
	    -webkit-transform: translate(420px);
    transform: translate(420px);
    right: 0;
}


	.pagination {
		margin: 0 23.0769% 4.421052632em 7.6923%
	}

	.post-navigation {
		margin-bottom: 5.25em;
	}

	.post-navigation .post-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
	}
.site-branding {
	padding-top: 15px;
}
.preamble p {
font-size: 1.7rem;
}	
body.home .site-branding,
body.archive .site-branding,
body.search .site-branding {
	background: rgba(255,255,255,1) !important;
	height: 60px;
}
.type_title {
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	letter-spacing: .05rem;
	font-size: 0.8rem;
    line-height: 1.225;
    font-weight: 400;
    opacity: 1;
    text-transform: uppercase;
    width:30%;
    text-align: right;
    font-family: 'Roboto', sans-serif;
}
.entry-content {
	margin: 0 -1.5em;
}
.site-title {

    top: -1px;
    }
	

}


/**
 * 14.2 - >= 783px
 */

@media screen and (min-width: 48.9375em) {
	
}


/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {
	
	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}
	.site-title {

    top: 3px;
    }
	.entry-content {
	margin: 0 auto;
}
	.article_content {
	margin-top: 60px;
	margin-left: 15vw;
	margin-right: 15vw;
	padding: 0 2.5rem;
}
	.menu {

    width: 60px;
    height: 45px;

	}
	.search-btn {

    width: 60px;
    height: 45px;
 
	}
	body.home .year,
body.archive .year,
body.search .year,
body.page-id-785 .year {
	width:8%;

}
.type_title {
    width:36%;
}

	.site-content {
		padding: 60px;
		margin-bottom: 60px;
	}
	.search-results .site-content,
	.archive .site-content,
	.home .site-content {
		padding: 60px 60px 0;
		margin-bottom: 0px;
	}

	.content-area {
		float: none;
		width: 100%;
	}
	.search-topics {
    width: 60px;
}
.vert_align_nav {
    width: 60px;
}
.site-branding {
	height: 70px;
}
.bottom_strip {
	position: fixed;
	bottom: 0;
	left: 60px;
	right: 60px;
	background-color: #FFF;
	z-index: 9;
	height: 60px;
}

	.site-footer {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 ;
	}

	.site-footer .social-navigation {
		margin: 0;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}

	

	.no-sidebar .content-area {
		float: none;
		margin: 0;
		width: 100%;
	}

}


/**
 * 14.4 - >= 985px
 */

@media screen and (min-width: 61.5625em) {
	.site-main {
		margin-bottom: 0em;
	}
	body.home .site-main .m-all:nth-child(5),
body.archive .site-main .m-all:nth-child(2),
body.search .site-main .m-all:nth-child(2),
body.page-id-785 .site-main .m-all:nth-child(2) {
padding-top: 0.7em;
}
#search-menu {
	position: fixed;
	top: 60px;
	left: 60px;
	bottom: 60px;
	right: 60px;
	}
	.d-1of3 {
		float: left;
		width: 33.3333%;
		position: relative;
	}

	.site-header {
	}

	
	.post-navigation {
		margin-bottom: 7.0em;
	}

	.pagination {
		margin-bottom: 5.894736842em;
	}

	

	.site-main > article {
		margin-bottom: 7.0em;
	}

	.entry-title {
		font-size: 40px;
		font-size: 2.7rem;
		line-height: 1.225;
		margin-bottom: 1.05em;
	}
	body.single .entry-title{
		text-align: center;
	}
	h2.entry-title {
		font-size: 1.5rem;
		line-height: 1.225;
		margin-bottom: 0.3em;
	}
	body.home p {
		font-size: 1.15rem;;
    margin: 0 0 30px;
	}


	.post-thumbnail {
		margin-bottom: 2.625em;
	}

	.entry-content h1,
	.entry-summary h1,
	.comment-content h1 {
		font-size: 33px;
		font-size: 2.0625rem;
		line-height: 1.2727272727;
		margin-top: 1.696969697em;
		margin-bottom: 0.8484848485em;
	}

	.entry-content h2,
	.entry-summary h2,
	.comment-content h2 {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
		margin-top: 2em;
		margin-bottom: 1em;
	}

	.entry-content h3,
	.entry-summary h3,
	.comment-content h3 {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.2173913043;
		margin-top: 2.4347826087em;
		margin-bottom: 1.2173913043em;
	}

	.entry-content h4,
	.entry-summary h4,
	.entry-intro h4,
	.comment-content h4 {
		letter-spacing: 0.131578947em;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6 {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.1052631579;
		margin-top: 2.9473684211em;
		margin-bottom: 1.473684211em;
	}

	.author-info {
		border-bottom-width: 0;
		padding-bottom: 0;
	}

	
}


/**
 * 14.5 - >= 1200px
 */

@media screen and (min-width: 75em) {
	.article_content {
	margin-left: 8vw;
	margin-right: 8vw;
}
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em -10em;
	max-width: 300px;
}

.alignright {
	float: right;
	margin: 0.375em -6em 1.75em 1.75em;
	max-width:250px;
}
.entry-content {
	margin: 0 auto 0 auto;
	max-width: 750px;
}
.entry-header {
	margin-right: auto;
	margin-left: auto;
	max-width: 750px;
}
.single-tags {
	font-size: 0.9rem;
}
.article_meta {
	position: relative;
	z-index: 2;
	margin-bottom: 1em;
	width: 100%;
	font-family: 'Roboto', sans-serif;
}

blockquote {
    border: 0 solid #1a1a1a;
    border-left-width: 0px;
    font-family: 'Roboto', sans-serif;
    float: left;    
    font-size: 1.3rem;
    width: 60%;
    font-style: normal;
    line-height: 1.3;
    margin: 0 1rem 0 -8.4736842105em;
    padding: 0;
}
img.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.0em 0em;
    max-width: 300px;
}
ul.blog_role {
	column-count: 5;
}
}


/**
 * 15.0 - Print
 */

@media print {
	form,
	button,
	input,
	select,
	textarea,
	.navigation,
	.main-navigation,
	.social-navigation,
	.sidebar,
	.content-bottom-widgets,
	.header-image,
	.page-links,
	.edit-link,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link {
		display: none;
	}

	body,
	blockquote cite,
	blockquote small,
	pre,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6,
	.entry-content .author-title {
		font-size: 12pt;
	}

	blockquote {
		font-size: 14.25pt;
	}

	.site-title,
	.page-title,
	.comments-title,
	.entry-content h2,
	.entry-summary h2,
	.comment-content h2,
	.widecolumn h2 {
		font-size: 17.25pt;
	}

	.site-description {
		display: block;
	}

	.entry-title {
		font-size: 24.75pt;
		line-height: 1.2727272727;
		margin-bottom: 1.696969697em;
	}

	.format-aside .entry-title,
	.format-image .entry-title,
	.format-video .entry-title,
	.format-quote .entry-title,
	.format-gallery .entry-title,
	.format-status .entry-title,
	.format-link .entry-title,
	.format-audio .entry-title,
	.format-chat .entry-title {
		font-size: 17.25pt;
		line-height: 1.304347826;
		margin-bottom: 1.826086957em;
	}

	.entry-content h1,
	.entry-summary h1,
	.comment-content h1 {
		font-size: 21pt;
	}

	.entry-content h3,
	.entry-summary h3,
	.comment-content h3,
	body:not(.search-results) .entry-summary {
		font-size: 14.25pt;
	}

	.site-description,
	.author-bio,
	.entry-footer,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-metadata,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.wp-caption .wp-caption-text,
	.gallery-caption {
		font-size: 9.75pt;
	}

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	blockquote cite,
	blockquote small,
	.site-branding .site-title a,
	.entry-title a,
	.comment-author {
		color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.page-header,
	.comments-title {
		border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.site-description,
	body:not(.search-results) .entry-summary,
	body:not(.search-results) .entry-summary blockquote,
	.author-bio,
	.entry-footer,
	.entry-footer a,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.site-info a,
	.wp-caption .wp-caption-text,
	.gallery-caption {
		color: #686868 !important; /* Make sure color schemes don't affect to print */
	}

	code,
	hr {
		background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr,
	acronym,
	table,
	th,
	td,
	.author-info,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	a {
		color: #007acc !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content a,
	.entry-summary a,
	.taxonomy-description a,
	.comment-content a,
	.pingback .comment-body > a {
		box-shadow: none;
		border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 5%;
	}

	.site-inner {
		max-width: none;
	}

	.site-header {
	}

	.site-branding {
		margin-top: 0;
		
	}

	.site-main {
		margin-bottom: 0em;
	}

	.entry-header,
	.entry-footer,
	.page-header,
	.page-content,
	.entry-content,
	.entry-summary,
	.post-thumbnail,
	.comments-area {
		margin-right: 0;
		margin-left: 0;
	}

	.post-thumbnail,
	.site-main > article {
		margin-bottom: 3.5em;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		border-width: 4px 0 0 0;
		padding: 0.9473684211em 0 0;
		width: -webkit-calc(50% - 0.736842105em);
		width: calc(50% - 0.736842105em);
	}

	body:not(.search-results) .entry-header + .entry-summary {
		margin-top: -1.473684211em;
	}

	.site-footer,
	.widecolumn {
		padding: 0;
	}
}