/*
Theme Name: Cherish
Theme URI:
Author: Carolina Nymark
Author URI: https://theme.tips
Description: Cherish is an accessible, full width, responsive theme with a fixed top menu. It has 3 widget areas in the footer and you can change the background color, title and link color of your posts and pages. Edit or disable your Call to Action area in the customizer, where you can also change colors, fonts, hide your post meta and upload your own logo.
Version: 1.4
Tags: custom-colors, threaded-comments, custom-menu, translation-ready, custom-header, flexible-header, one-column, editor-style, featured-images, accessibility-ready, blog
Text Domain: cherish
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

*,
*:before,
*:after { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

body {	
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	color:#000;
	background:#fff;
}

pre {
	background: #fff;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	overflow: hidden;
	padding: 1.6em;
	word-wrap: break-word;
	white-space: pre-wrap;
	max-width: 100%;
}

p {
  margin-bottom: 1.5em;
}

a {
	color:#000;
	text-decoration: none;
}

a:focus {
	transition: all 0s ease;
	outline-offset: 4px;
}

a:active, 
a:hover {
	color:#3670A9;
}
 
table {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
}

td, th {
	border: 1px solid #666; 
	padding:6px;
}

#wrapper {
	margin: 0 auto;
	width: 100%;
	clear: both;
	padding: 0;
	position: relative;
}

/* =Header
-------------------------------------------------------------- */
#header {
	margin: 99px 0 0 0 ;  
	padding: 0;
	width: 100%;
	text-align: center;
	display:inline-block;
	vertical-align: top;
}

.custom-logo-link {
	margin: 1.5em auto 0 auto;
	display: inline-block;
	border: 1px solid transparent;
	border-radius:3px;
	padding: 4px 4px 0 4px;
	transition: all 1.1s ease;
}

.custom-logo-link:hover {
	transition: all 1.1s ease;
	border: 1px solid #000;
}

.custom-logo-link:after {
	display: none;
}

.site-title {
	font-size: 5.5em;
	margin: 1.2em 0 0 0;
	font-weight: bold;
	font-family: 'Lily Script One', serif;
	letter-spacing: 3px; 
}

.wp-custom-logo .site-title{
	margin: 0.2em 0 0 0;
}

.site-description {
	font-size: 1.6em;
	font-weight: bold;
	margin:0 0 2em 0;
	padding:0;
	font-family: 'Open Sans', serif;
}

#action {
	width: 45%; 
	margin: 20px auto 0 auto;
	padding: 1em;
	font-size: 1.2em;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	border-radius: 8px;
}

.container { 
	width: 100%;
	clear: both;
	margin: 99px auto 0 auto;
	padding: 0;
	float: right;
	position: relative;
	background: #fff; /*#99b0ca;*/
}

.home .container {
	margin-top: 0;
}

/* =Content
-------------------------------------------------------------- */
.post,
.type-page,
.type-attachment,
.type-forum {
	padding: 0;
	margin: 0 auto;
	font-family: 'Noto Serif', serif;
	overflow: hidden;
}

.gallery-caption,
.bypostauthor,
.sticky{}


.entry-header {
	text-align: center;
	margin-bottom: 1.5em;
}

.post-title,
.archive-title {
	display: inline-block;
	font-size: 4em;
	font-family: 'Lily Script One', serif;
	margin: 0.5em 0 0.5em 0;
	letter-spacing: 3px;
}

.post-title a:after {    
	background: none repeat scroll 100% 0 transparent;
	content: "";
	display: block;
	height: 2px;
	background: #000;
	margin: -20px auto 0;
	transition: width 0.3s ease 0s, right 0.3s ease 0s;
	width: 70%;
}

.post-title a:hover:after { 
	width: 80%;
	background: #3670A9;
}

.entry-content {
	width: 720px;
	margin: 0 auto 1em auto;
}

.entry-content a,
.entry-content a:visited {
	text-decoration: underline;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active {
	text-decoration: none;
}

.view_posts_by {
	display: block;
	font-size: 2em;
	margin: 0 auto;
	padding: 0;
	clear: both;
	font-family: 'Lily Script One', serif;
	text-align: center;
}

/* Blocks */

.wp-block-categories,
.wp-block-latest-comments,
.wp-block-latest-posts,
.wp-block-image,
.wp-block-media-text,
.wp-block-button,
.wp-block-pullquote {
	margin-bottom: 1.5em;
}

.wp-block-column {
	padding: 0.5em;
}

/* Increase text color contrast */
.wp-block-latest-comments__comment-date {
	color: #333; 
}

.wp-block-audio figcaption {
	margin-bottom: 1.5em;
	color: #333;
}

.wp-block-quote cite {
	display: block;
	font-size: 13px;
	color: #333;
}

.wp-block-pullquote blockquote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    border-right: none;
}

.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	font-size: 13px;
	text-align: left;
}

.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	font-size: 13px;
	text-align: left;
}


.wp-block-file a.wp-block-file__button,
.wp-block-file a.wp-block-file__button:visited,
.wp-block-button__link {
	text-decoration: underline;
}

.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	text-decoration: none;
}

.wp-block-image img {
	display: block;
	max-width: 100%;
}

.wp-block-image.alignright {
	max-width: 50%;
	margin-right: 60px;
}

.wp-block-image.alignleft {
	max-width: 50%;
	margin-left: 60px;
}

.wp-block-image figcaption {
	max-width: 100%;
}

.alignfull {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	width: auto;
	max-width: 1000%;
}

.wp-block-image img {
    display: block;
    max-width: 100%;
}

@media (min-width: 750px) {
	.alignwide {
		margin-right: calc(25% - 25vw);
		margin-left: calc(25% - 25vw);
		width: auto;
		max-width: 1000%;
	}
}

.wp-block-image img {
	display: block;
	max-width: 100%;
}

.wp-block-image.alignright {
	max-width: 50%;
	margin-right: 60px;
}

.wp-block-image.alignleft {
	max-width: 50%;
	margin-left: 60px;
}

.wp-block-embed-twitter.alignfull,
.wp-block-latest-posts.is-grid.alignfull,
.wp-block-text-columns.alignfull {
	padding-right: 2em;
}

ul.wp-block-gallery.alignfull {
	padding-right: 0;
}

.wp-block-button.alignfull {
	text-align: center;
}

@media screen and (max-width: 840px) {
	.alignwide {
		margin-right: auto;
		margin-left: auto;
	}
}

pre.wp-block-verse,
.wp-block-verse pre {
	color: #191e23;
	white-space: nowrap;
	font-family: inherit;
	font-size: inherit;
	padding: 1em;
	background: none;
}

.wp-block-code {
	border: 1px solid #e2e4e7;
	border-radius: 4px;
	background: none;
}

.wp-block-pullquote>p {
	font-family: "Noto Serif",serif;
}

.wp-block-table td, 
.wp-block-table th {
	padding: 0.5em;
	border: 1px solid #000;
}

.wp-block-table {
	width: 100%;
	display: table;
}

.wp-block-columns.alignfull {
	padding-right: 2em;
	padding-left: 2em;
}

.wp-block-media-text .wp-block-media-text__content{
	padding: 0 2em;
}

/* comment block */

.wp-block-latest-comments__comment article {
	border: none;
	box-shadow: none;
	padding: 1.5em;
}

.wp-block-latest-comments__comment article:nth-child(n+2) {
	padding: 0 1em 1.5em 0;
}

.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
	vertical-align: middle;
	border-radius: 2px;
}

/* Entry footer, meta*/

.meta {
	clear: both;
	width: 100%;
	margin: 2em auto 1em auto;
	padding: 1em;
	font-size: 0.9em;
	text-align: center;
}

.meta p {
	margin-bottom: 3.5em;
}

.meta a {
	text-decoration: underline;
}

.meta a:hover,
.meta a:focus {
	text-decoration: none;
}

.divider {
	background: url(images/cherish-black.png) no-repeat;
	width: 59px;
	height: 57px;
	padding: 0;
	display: inline-block;
	position: relative;
}

.divider:before,
.divider:after {
	content: "";
	position: absolute;
	height: 5px;
	border-top: 2px solid #000;
	top: 50%;
	width: 600px;
}

.divider:before {
	left: 100%;
	margin-left: 15px;
}

.divider:after {
	right: 100%;
	margin-right: 15px;
}

.single-post .meta {
	font-size: 1em;
}

.single-post .post-title, 
.page .post-title, 
.attachment .post-title {
	margin-top: 1em;
}

.attachment_nav_clear {
	float: left; 
	clear: both; 
	margin: 4px;
}

.fullimg {
	width: 100%; 
	float: right; 
	clear: both; 
	margin: 6px;
}

/*author info
-------------------------------------------------------------- */
.author-info {
	clear: both;
	font-size: 1em;
	overflow: hidden;
	min-height: 45px;
	margin: 0 auto;
	padding: 1em;
	width: 75%;
}

.author-info .author-link {
	padding-top: 6px;
}

.author-info .author-avatar {
	float: right;
	height: 60px;
	width: 60px;
	margin: 10px;
}

.author-info .author-description {
	float: right;
	margin: 10px;
	font-size: 1em;
}

.author-info h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}

.sticky img {
	margin: 0 auto;
}

/* Navigation 
----------------------------------------*/
.post-navigation,
.posts-navigation {
	width: 720px; 
	margin: 0 auto;
}

.more-link {
	clear: both;
	padding-top: 3px;
	font-family: 'Lily Script One', serif;
	font-size: 1.5em;
}

.page-link {
	padding: 1em 0 1em 0;
	font-family: 'Lily Script One', serif;
	font-size: 1.5em;
}

.nav-previous,
.nav-next {
	font-family: 'Lily Script One', serif;
	font-size: 1.5em;
	min-width: 170px;
	padding: 6px;
	min-height: 15px;
	margin: 1em 0 1em 0;
	word-break: break-all;
}

.nav-next {
	float: left;
}

.nav-previous {
	float: right;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

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

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

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

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

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

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

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

@media \0screen {
	img, object{
		width: auto; /* for ie 8 */
  }
}

img,
object {
	max-width: 100%;
	height: auto;
}

a img {
	padding: 4px;
}

a:hover img,
a:focus img {
	padding: 0; 
	border: 4px solid #000;
}

p img {
	margin: 0.5em;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; 
	height: auto;
}

.attachment-thumbnail{}

.type-attachment .attachment-thumbnail{
	margin: 8px;
}

img.alignleft, .wp-caption.alignleft {
	margin-left: 1em;
}

img.alignright, .wp-caption.alignright {
	margin-right: 1em;
}

/* Captions
--------------------------------------------------------------*/
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.wp-caption-text {
	margin: 0.5em 0;
	text-align: center;
	font-size:1rem;
}

.wp-caption,
.wp-caption-text {
	max-width: 720px; /* This width matches the content_width global. */
}

@media screen and (max-width: 1280px) {
	.wp-caption,
	.wp-caption-text {
		max-width: 500px;
	}
}

@media screen and (max-width: 700px) {
	.wp-caption,
	.wp-caption-text {
		max-width: 450px;
	}
}

@media screen and (max-width: 600px) {
	.wp-caption,
	.wp-caption-text {
		max-width: 350px;
	}
}

@media screen and (max-width: 460px) {
	.wp-caption,
	.wp-caption-text {
		max-width: 250px;
	}
}

.wp-smiley {
	margin: 0;
}

object {
	margin: 15px;
}

blockquote {
	border-right: 3px solid #000; 
	padding: 5px 10px 5px 0;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	width: 720px;
	padding: 1.5em 0 0 0;
	margin: 0 auto;
	clear: both;
}

h2#comments-title {
	font-family: 'Lily Script One', serif;
	font-size: 2em;
}

.comment-reply-title {
	font-family: 'Lily Script One', serif;
	font-size: 2em;
}
 
.paged-comments {
	font-family: 'Lily Script One', serif;
	font-size: 1.5em;
}

#comments .navigation {
	padding: 0 0 1em 0;
	display: inline-block;
	width: 100%;
}

.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist .children {
	list-style: none;
	margin: 0;
}

.commentlist .children .comment-body{}

.comment-body {
	font-size: 1.2em;
	padding: 1em;
	min-height: 5px;
	margin-bottom: 4px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.comment-body p {
	margin: 0 0 1.5 0;
	padding: 0;
}

.comment-body a {
	text-decoration: underline;
}

.comment-body a:hover {
	text-decoration: none;
}

.comment-meta {
	font-size: 0.6em;
	margin-right: 64px;
}

.comment-author {
	margin: 0;
	padding: 0;
	font-weight: bold; 
	font-size: 1em;
	min-height: 50px;
	width: 100%;
	margin-bottom: 10px;
}

.comment-author .avatar {
	padding: 7px;
	border-radius: 32px;
	border: 2px solid #333;
	margin-bottom: -20px;
}

.avataroff {
	padding: 7px;
	padding-right: 11px;
	padding-left: 11px;
	margin-top: 8px;
	margin-bottom: -20px;
	border-radius: 32px;
	border: 2px solid #333;
	vertical-align: middle;
}

.comment-author h3 {
	margin-top: -35px; 
	margin-right: 64px; 
	font-size: 1em;
}
.comment-edit-link {
	font-size: .9em;
}

.comment-form-comment label {
	margin-left: 6px;
}

.reply {
	float: left;
}

.children li.depth-5 .reply {
	visibility: hidden;
}

.nopassword, .nocomments {
	display: none;
}

/* Comments form
-------------------------------------------------------------- */

input[type="submit"], 
input[type="text"],
input[type="search"], 
input[type="password"], 
input[type="email"],
select {
	margin: 3px;
	padding: 8px;
	height: 35px;
}

input:hover,
select:hover {
	outline:#000 dotted thin;
}

#respond {
	width: 70%;
	margin-bottom: 30px;
}

#cancel-comment-reply-link {
	font-size: .9em;
	font-weight: normal;
	margin-right: 10px;
}

#respond p {
	margin: 0;
}

#respond .logged-in-as {
	padding-bottom: 6px;
	font-size: .9em;
}

#respond .logged-in-as a {
	text-decoration: underline;
}

#respond .comment-notes {
	font-size: 12px;
	margin-bottom: 1.9em;
}

#respond .required {
	font-weight: bold;
}

#respond label {}

#respond input {
	margin:9px;
}

.comment-form-comment label {}

#respond textarea {
	padding: 6px;
	width: 100%;
	float: right;
	clear: both;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 50%;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	width: 100%;
	clear: both;
}

#respond .form-allowed-tags {
	margin-top: 14px;
	margin-bottom: 14px;
	font-size: .9em;
	float: right;
	clear: both;
}

#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: .9em; 
	width: auto;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
	margin: 1em auto 0 auto ;
	width: 80%;
	background: #fff;
	clear: both;
	padding-top: 1em;
	text-align: center;
	overflow: hidden;
}

.footer-credit {
	width: 80%; 
	margin: 1em auto 2em auto;
	padding-top: 1.2em;
	clear: both; 
	font-size: 0.7em; 
	font-weight: bold;
	text-align: center;
}

/* =Widgets
-------------------------------------------------------------- */
.widget_wrap {
	width: 100%; 
	margin: 0 auto; 
	clear: both;
	display:inline-block;
}

.footer_widget_1, 
.footer_widget_2, 
.footer_widget_3 {
	float: right; 
	width: 33.33%; 
	padding: 0;
}

.widget {
	list-style: none;
	position: relative;
	float: right;
	margin: 0 0 1.5em 0;
	padding: 0;
	width: 100%;
	text-align: right;
}

.widgettitle {
	margin-bottom: 0.3em;
	font-weight: bold;
	font-family: 'Lily Script One', serif;
	font-size: 1.5em;
}

.widget ul {
	padding: 0;
	margin: 0;
	float: right;
	width: 100%;
}

.widget ul li {
	list-style: none;
	font-weight: normal;
	margin-right: 9px;
	margin-top: 6px;
	margin-bottom: 9px;
	padding: 0;
	text-align: right;
}

#calendar_wrap {
	padding-top: 5px;
	font-size: .9em;
}

#wp-calendar {
	font-weight: normal;
	padding: 5px;
}

.widget a {
	text-decoration: underline;
}

.widget a:hover,
.widget a:focus {
	text-decoration: none;
}

#wp-calendar caption {
	font-family: 'Lily Script One', serif;
	font-size: 18px;
	margin-bottom: 8px;
}

.tagcloud {
	padding: 10px;
}

.textwidget {
	padding: 10px;
	overflow: hidden;
}

.widget_rss ul li {
	margin-bottom: 25px;
	width: 97%;
}

.rssSummary {
	width: 90%;
}
.rss-date {
	width: 90%;
	float: right;
	clear: both;
	margin-top: 6px;
	font-size: 0.9em;
}

select {
    max-width: 150px !important;
    overflow: hidden;
}

option {
    max-width: 120px !important;
    overflow: hidden;
}

/* Alignment 
-------------------------------------------------------------- */
.alignleft {
	display: inline;
	float: right;
	margin-left: 1.5em;
	max-width: 700px;
}

.alignright {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}	

@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
}

.fa-big {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 32px;
}

.reply-link:before {
	content: "\f112";
}

.avataroff:before { 
	content: "\f007";
}

.fa-angle-up:before {
	content: "\f106";
	float: left;
	position: absolute;
	left: 12px;
	bottom: 12px;
}	

/*--------------------------------------------------------------
## Top Navigation bar
--------------------------------------------------------------*/
.main-navigation {
	position: fixed;
	z-index: 3;
	width: 100%;
	margin: 0;
	padding: 1.8em 1.8em 1.5em 1.8em;
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #000;
	background: #fff;
	border-bottom: 1px solid #eeeeee;
}

.main-navigation a:after {
	background: none repeat scroll 100% 0 transparent;
	content: "";
	display: block;
	height: 2px;
	background: #000;
	margin: 3px auto 0;
	transition: width 0.3s ease 0s, right 0.3s ease 0s;
	width: 100%;
}

.main-navigation a:hover:after {
	width: 80%;
	background: #3670A9;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #3670A9;
}

.menu,
.main-navigation ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
}

.main-navigation li {
	float: right;
	position: relative;
	margin: 0;
	text-align: right;
	padding: 0 0.8em 0 0.8em;
}

.main-navigation a {
	text-decoration: none;
	display: inline-block;
	width: auto;
	padding-bottom: 10px;
}

/*first sub-menu*/
.main-navigation ul ul {
	position: absolute;
	right: -1em;
	display: block;
	margin-top: 0;
	clip: rect(1px, 1px, 1px, 1px);
	z-index: 999; 
	font-size: 1em;
	line-height: 1.2em;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	padding: 0;
}

.main-navigation ul ul li {
	padding: 14px;
	display: inline-block;
	width: 100%;
	min-width: 240px;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #eee;
}

.main-navigation ul ul li a {
	padding: 0;
}

.main-navigation ul ul li:hover {
	box-shadow: inset 0 0 150px rgba(0,0,0, 0.01);
	background: #fff;
	transition: all 1.1s ease;
}

.main-navigation ul ul ul {
	position: absolute;
	right: 100%;
	top: -1px;
	margin: 0;
	display: block;
	clip: rect(1px, 1px, 1px, 1px);
	z-index: 999; 
	font-size: 1em;
	line-height: 1.2em;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.main-navigation li:hover > ul,
.keyboard-dropdown {
	clip: auto !important;
}

#mobile-menu-toggle {
	display: none;
}

@media screen and (max-width: 640px) {
	#header {
		margin-top: 0;
	}

	#mobile-menu-toggle {
		cursor: pointer; 
		display: inline-block;
		padding: 10px;
		margin-bottom: 0.8em;
		border: 2px solid #aeaeae;
		border-radius: 6px;
		box-shadow: 0 1px 2px rgba(0,0,0,0.2);
		background: #000;
		color: #fff;
		text-align: center;
		font-size: 0.8em;
		line-height: 1em;
		text-transform: uppercase;
		letter-spacing: 1px; 
		font-weight: bold;
		outline-offset: 6px;
		outline: thin dotted transparent;
	}

	#mobile-menu-toggle:hover,
	#mobile-menu-toggle:focus {
		color:#fff;
		border: 2px solid #3670A9;
		transition: all 1.1s ease;
		text-decoration: underline;
	}

	#mobile-menu-toggle:focus {
		outline-color: #fff;
	}

	.main-navigation {
		padding-top: 13px;
		padding-bottom: 9px;
		position: relative;
	}

	.main-navigation ul {
		display: none;
	}

	.main-navigation.toggled ul {
		display: block;
		background:#fff;
	}

	.main-navigation.toggled li {
		padding-top: 1em;
		padding-bottom: .5em;
		width: 100%;
	}

	.main-navigation.toggled ul ul li {
		border: none;
	}

	.main-navigation.toggled ul ul ul,
	.main-navigation.toggled ul ul {
		display: block;
		position: relative;
		float: none;
		clear: both;
		right: 0;
	}

	.main-navigation .menu-item-has-children a {
		margin-right: 0;
	}

}

@media (max-width: 1064px) {
	.meta hr {
		width: 35%;
	}
}

@media (max-width: 780px) {
	#action {
		width: 80%; 
		margin: 1em auto 0 auto;
	}
	
	.site-title {
		font-size:4em;
		margin: 1em 0 0 0;
	}

	#footer,
	.type-page,
	.type-attachment,
	.footer_widget_1, 
	.footer_widget_2, 
	.footer_widget_3 {
		width: 95%;
	}

	.entry-header .post-title {
		width: 80%;
		margin: 0.5em auto 2em auto;
		display: block;
		font-size: 3em;
	}

	.post-title a:hover,
	.post-title a:focus {
		text-decoration: underline;
	}

	.post-title a:after,
	.post-title a:hover:after {
		display: none;
	}

	.entry-content,
	#comments,
	.post-navigation,
	.posts-navigation {
		width: 80%;
	}
}

@media screen and (max-width: 640px) {
	.container {
		margin-top: 0;
	}
}