/*
Theme Name: Twenty Sixteen Child
Template: twentysixteen
*/

body.light-mode {
	background: #fff;
}
.site {
	margin: 0;
}
.site-innter {
	max-width: 1500px;
}

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
	height: 0;
}

body, button, input, select, textarea,
.site-title,
.entry-title,
.entry-footer {
	font-family: "museo-sans";
	font-weight: 100;	
}

body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
	text-align: center;
	width: 100%;
	margin: 0;
}

.site-branding {
	text-align: center;
	margin: 0 auto;
}


.entry-content {
	position: relative;
}

.entry-content .entry-title {
	margin-bottom: 0;
}

.entry-content p {
	margin-bottom: 5px;
}

.tipso_content {
	padding-left: 15px;
	padding-right: 15px;
}
.tipso_title {
	font-size: 50%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 2.2em;
	font-weight: normal;
}

span.subtle-state {
	border: none;
	text-decoration: none;
}
a.subtle-state {
	box-shadow: none !important;
	cursor: pointer;
	color: inherit;
}
a.subtle-state:hover {
	border-bottom: 2px solid #000;
}

.hashtags a {
	font-size: 14px;
	color: #ccc;
}
.dark-mode .hashtags a {
	color: #555;
}
.hashtags a:hover {
	color: #222;
}

.social-links {
	position: absolute;
	top: 0;
	right: 1.75em;
}

.social-links a {
	color: #ccc;
}
.social-links a:hover {
	border: none;
}
.social-links a:hover i.fa-facebook-square { color: #3B5998; }
.social-links a:hover i.fa-instagram { color: #E03965; }
.social-links a:hover i.fa-twitter-square { color: #1DA1F2; }

.post-navigation .nav-previous,
.post-navigation .nav-next {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	padding-left: 30px;
}

#colophon .site-info {
	text-align: center;
	color: #777;
	width: 100%;
	margin: 0;
}
#colophon .site-info a {
/* 	border-bottom: 1px solid #aaa; */
}
#colophon .site-info .permission {
	font-size: 80%;
}

#themeswitcher {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#themeswitcher a {
	outline: none;
}

#themeswitcher a#light-mode-btn { color: #EEE; }
#themeswitcher a#dark-mode-btn { color: #444; }

#themeswitcher a#light-mode-btn .fa-check { color: #EEE; }
#themeswitcher a#dark-mode-btn .fa-check { color: #444; }

#themeswitcher a#light-mode-btn:hover { color: #DDD; }
#themeswitcher a#dark-mode-btn:hover { color: #222; }

#themeswitcher a#light-mode-btn:hover .fa-check { color: #999; }
#themeswitcher a#dark-mode-btn:hover .fa-check { color: #AAA; }

.light-mode #themeswitcher a#light-mode-btn .fa-check { color: #444; }
.dark-mode #themeswitcher a#dark-mode-btn .fa-check { color: #fff; }




/* ---- Masonry ---- */
.grid:after {
	content: '';
	display: block;
	clear: both;
}

.grid-item {
	float: left;
}

.grid-item img {
	display: block;
	max-width: 100%;
	width: 100%;
	vertical-align: top;
}

.grid-sizer,
.grid-item {
	width: 24%;
	width: 33.333%;
	padding: 0.5%;
}
@media screen and (max-width: 56.875em) {
	.home .site-inner {
		padding: 0 0.5%;
	}
	.grid-sizer,
	.grid-item {
		width: 50%;
		padding: 0.5%;
	}
}
@media screen and (max-width: 414px) {
	.home .site-inner {
		padding: 0;
	}
	.grid-sizer,
	.grid-item {
		width: 100%;
		padding: 0%;
		padding-bottom: 2%;
	}
}



/* Start - Custom Link Color */
.menu-toggle:hover,
.menu-toggle:focus,
a,
.main-navigation a:hover,
.main-navigation a:focus,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.social-navigation a:hover:before,
.social-navigation a:focus:before,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title,
.tagcloud a:hover,
.tagcloud a:focus,
.site-branding .site-title a:hover,
.site-branding .site-title a:focus,
.entry-title a:hover,
.entry-title a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus,
.comment-reply-link,
.comment-reply-link:hover,
.comment-reply-link:focus,
.required,
.site-info a:hover,
.site-info a:focus {
	color: #cc5800;
}

mark,
ins,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus,
.widget_calendar tbody a,
.page-links a:hover,
.page-links a:focus {
	background-color: #cc5800;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
.tagcloud a:hover,
.tagcloud a:focus,
.menu-toggle:hover,
.menu-toggle:focus {
	border-color: #cc5800;
}

@media screen and (min-width: 56.875em) {
	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #cc5800;
	}
}
/* End - Custom Link Color */





/* Start — Dark Mode Color Scheme */
/* Background Color */
body.dark-mode  {
	background-color: #1a1a1a;
}
/* Page Background Color */
.dark-mode .site {
	background-color: #1a1a1a;
}
.dark-mode mark,
.dark-mode ins,
.dark-mode button,
.dark-mode button[disabled]:hover,
.dark-mode button[disabled]:focus,
.dark-mode input[type="button"],
.dark-mode input[type="button"][disabled]:hover,
.dark-mode input[type="button"][disabled]:focus,
.dark-mode input[type="reset"],
.dark-mode input[type="reset"][disabled]:hover,
.dark-mode input[type="reset"][disabled]:focus,
.dark-mode input[type="submit"],
.dark-mode input[type="submit"][disabled]:hover,
.dark-mode input[type="submit"][disabled]:focus,
.dark-mode .menu-toggle.toggled-on,
.dark-mode .menu-toggle.toggled-on:hover,
.dark-mode .menu-toggle.toggled-on:focus,
.dark-mode .pagination .prev,
.dark-mode .pagination .next,
.dark-mode .pagination .prev:hover,
.dark-mode .pagination .prev:focus,
.dark-mode .pagination .next:hover,
.dark-mode .pagination .next:focus,
.dark-mode .pagination .nav-links:before,
.dark-mode .pagination .nav-links:after,
.dark-mode .widget_calendar tbody a,
.dark-mode .widget_calendar tbody a:hover,
.dark-mode .widget_calendar tbody a:focus,
.dark-mode .page-links a,
.dark-mode .page-links a:hover,
.dark-mode .page-links a:focus {
	color: #1a1a1a;
}

/* Link Color */
.dark-mode a:hover,
.dark-mode .menu-toggle:hover,
.dark-mode .menu-toggle:focus,
.dark-mode .main-navigation a:hover,
.dark-mode .main-navigation a:focus,
.dark-mode .dropdown-toggle:hover,
.dark-mode .dropdown-toggle:focus,
.dark-mode .social-navigation a:hover:before,
.dark-mode .social-navigation a:focus:before,
.dark-mode .post-navigation a:hover .post-title,
.dark-mode .post-navigation a:focus .post-title,
.dark-mode .tagcloud a:hover,
.dark-mode .tagcloud a:focus,
.dark-mode .site-branding .site-title a:hover,
.dark-mode .site-branding .site-title a:focus,
.dark-mode .entry-title a:hover,
.dark-mode .entry-title a:focus,
.dark-mode .entry-footer a:hover,
.dark-mode .entry-footer a:focus,
.dark-mode .comment-metadata a:hover,
.dark-mode .comment-metadata a:focus,
.dark-mode .pingback .comment-edit-link:hover,
.dark-mode .pingback .comment-edit-link:focus,
.dark-mode .comment-reply-link:hover,
.dark-mode .comment-reply-link:focus,
.dark-mode .site-info a:hover,
.dark-mode .site-info a:focus {
	color: #cc5800;
}

.dark-mode mark,
.dark-mode ins,
.dark-mode button:hover,
.dark-mode button:focus,
.dark-mode input[type="button"]:hover,
.dark-mode input[type="button"]:focus,
.dark-mode input[type="reset"]:hover,
.dark-mode input[type="reset"]:focus,
.dark-mode input[type="submit"]:hover,
.dark-mode input[type="submit"]:focus,
.dark-mode .pagination .prev:hover,
.dark-mode .pagination .prev:focus,
.dark-mode .pagination .next:hover,
.dark-mode .pagination .next:focus,
.dark-mode .widget_calendar tbody a,
.dark-mode .page-links a:hover,
.dark-mode .page-links a:focus {
	background-color: #cc5800;
}

.dark-mode input[type="date"]:focus,
.dark-mode input[type="time"]:focus,
.dark-mode input[type="datetime-local"]:focus,
.dark-mode input[type="week"]:focus,
.dark-mode input[type="month"]:focus,
.dark-mode input[type="text"]:focus,
.dark-mode input[type="email"]:focus,
.dark-mode input[type="url"]:focus,
.dark-mode input[type="password"]:focus,
.dark-mode input[type="search"]:focus,
.dark-mode input[type="tel"]:focus,
.dark-mode input[type="number"]:focus,
.dark-mode textarea:focus,
.dark-mode .tagcloud a:hover,
.dark-mode .tagcloud a:focus,
.dark-mode .menu-toggle:hover,
.dark-mode .menu-toggle:focus {
	border-color: #cc5800;
}

/* Main Text Color */
body.dark-mode ,
.dark-mode blockquote cite,
.dark-mode blockquote small,
.dark-mode .main-navigation a,
.dark-mode .menu-toggle,
.dark-mode .dropdown-toggle,
.dark-mode .social-navigation a,
.dark-mode .post-navigation a,
.dark-mode .pagination a:hover,
.dark-mode .pagination a:focus,
.dark-mode .widget-title a,
.dark-mode .site-branding .site-title a,
.dark-mode .entry-title a,
.dark-mode .page-links > .page-links-title,
.dark-mode .comment-author,
.dark-mode .comment-reply-title small a:hover,
.dark-mode .comment-reply-title small a:focus {
	color: #e5e5e5;
}

.dark-mode blockquote,
.dark-mode .menu-toggle.toggled-on,
.dark-mode .menu-toggle.toggled-on:hover,
.dark-mode .menu-toggle.toggled-on:focus,
.dark-mode .post-navigation,
.dark-mode .post-navigation div + div,
.dark-mode .pagination,
.dark-mode .widget,
.dark-mode .page-header,
.dark-mode .page-links a,
.dark-mode .comments-title,
.dark-mode .comment-reply-title {
	border-color: #e5e5e5;
}

.dark-mode button,
.dark-mode button[disabled]:hover,
.dark-mode button[disabled]:focus,
.dark-mode input[type="button"],
.dark-mode input[type="button"][disabled]:hover,
.dark-mode input[type="button"][disabled]:focus,
.dark-mode input[type="reset"],
.dark-mode input[type="reset"][disabled]:hover,
.dark-mode input[type="reset"][disabled]:focus,
.dark-mode input[type="submit"],
.dark-mode input[type="submit"][disabled]:hover,
.dark-mode input[type="submit"][disabled]:focus,
.dark-mode .menu-toggle.toggled-on,
.dark-mode .menu-toggle.toggled-on:hover,
.dark-mode .menu-toggle.toggled-on:focus,
.dark-mode .pagination:before,
.dark-mode .pagination:after,
.dark-mode .pagination .prev,
.dark-mode .pagination .next,
.dark-mode .page-links a {
	background-color: #e5e5e5;
}

/* Secondary Text Color */

/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */
body.dark-mode:not(.search-results) .entry-summary {
	color: #c1c1c1;
}

.dark-mode blockquote,
.dark-mode .post-password-form label,
.dark-mode a:hover,
.dark-mode a:focus,
.dark-mode a:active,
.dark-mode .post-navigation .meta-nav,
.dark-mode .image-navigation,
.dark-mode .comment-navigation,
.dark-mode .widget_recent_entries .post-date,
.dark-mode .widget_rss .rss-date,
.dark-mode .widget_rss cite,
.dark-mode .site-description,
.dark-mode .author-bio,
.dark-mode .entry-footer,
.dark-mode .entry-footer a,
.dark-mode .sticky-post,
.dark-mode .taxonomy-description,
.dark-mode .entry-caption,
.dark-mode .comment-metadata,
.dark-mode .pingback .edit-link,
.dark-mode .comment-metadata a,
.dark-mode .pingback .comment-edit-link,
.dark-mode .comment-form label,
.dark-mode .comment-notes,
.dark-mode .comment-awaiting-moderation,
.dark-mode .logged-in-as,
.dark-mode .form-allowed-tags,
.dark-mode .site-info,
.dark-mode .site-info a,
.dark-mode .wp-caption .wp-caption-text,
.dark-mode .gallery-caption,
.dark-mode .widecolumn label,
.dark-mode .widecolumn .mu_register label {
	color: #c1c1c1;
/* 	color: #cc5800; */
}

.dark-mode .widget_calendar tbody a:hover,
.dark-mode .widget_calendar tbody a:focus {
	background-color: #c1c1c1;
}

/* Border Color */
.dark-mode fieldset,
.dark-mode pre,
.dark-mode abbr,
.dark-mode acronym,
.dark-mode table,
.dark-mode th,
.dark-mode td,
.dark-mode input[type="date"],
.dark-mode input[type="time"],
.dark-mode input[type="datetime-local"],
.dark-mode input[type="week"],
.dark-mode input[type="month"],
.dark-mode input[type="text"],
.dark-mode input[type="email"],
.dark-mode input[type="url"],
.dark-mode input[type="password"],
.dark-mode input[type="search"],
.dark-mode input[type="tel"],
.dark-mode input[type="number"],
.dark-mode textarea,
.dark-mode .main-navigation li,
.dark-mode .main-navigation .primary-menu,
.dark-mode .menu-toggle,
.dark-mode .dropdown-toggle:after,
.dark-mode .social-navigation a,
.dark-mode .image-navigation,
.dark-mode .comment-navigation,
.dark-mode .tagcloud a,
.dark-mode .entry-content,
.dark-mode .entry-summary,
.dark-mode .page-links a,
.dark-mode .page-links > span,
.dark-mode .comment-list article,
.dark-mode .comment-list .pingback,
.dark-mode .comment-list .trackback,
.dark-mode .comment-reply-link,
.dark-mode .no-comments,
.dark-mode .widecolumn .mu_register .mu_alert {
	border-color: #e5e5e5; /* Fallback for IE7 and IE8 */
	border-color: rgba( 229, 229, 229, 0.2 );
}

.dark-mode hr,
.dark-mode code {
	background-color: #e5e5e5; /* Fallback for IE7 and IE8 */
	background-color: rgba( 229, 229, 229, 0.2 );
}

@media screen and (min-width: 56.875em) {
	.dark-mode .main-navigation li:hover > a,
	.dark-mode .main-navigation li.focus > a {
		color: #cc5800;
	}

	.dark-mode .main-navigation ul ul,
	.dark-mode .main-navigation ul ul li {
		border-color: rgba( 229, 229, 229, 0.2 );
	}

	.dark-mode .main-navigation ul ul:before {
		border-top-color: rgba( 229, 229, 229, 0.2 );
		border-bottom-color: rgba( 229, 229, 229, 0.2 );
	}

	.dark-mode .main-navigation ul ul li {
		background-color: #1a1a1a;
	}

	.dark-mode .main-navigation ul ul:after {
		border-top-color: #1a1a1a;
		border-bottom-color: #1a1a1a;
	}
}
/* End — Dark Mode Color Scheme */





/*
body,
a {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
*/