/*!
Theme Name: Aereo
Theme URI: /
Author: Aliens Academy
Author URI: https://facebook.com/aliensacademy
Description: Aereo Blog WordPress Theme for blog, portfolio, art student , photography, freelancer, video marker, web designer, web developer, anime blog and other.
Version: 1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Aereo
Tags: blog, portfolio, right-sidebar, one-column, editor-style, post-formats, custom-background, custom-logo, custom-menu, featured-images, custom-header

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.

Note Author URL : https://facebook.com/aliensacademy
This is just temporary purpose...

Aereo is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Header
# Widgets
# Pagination
# Footer
# 404 Not Found
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted #22b1d9;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4 {
	clear: both;
	font-weight: 600;
}

.entry-title {
	font-weight: 600;
	font-size: 2em;
	margin: 5px 0 0.5em;
}

h5,
h6 {
	clear: both;
	font-weight: 500;
}

p {
	margin-bottom: 1em;
	font-family: 'Roboto', sans-serif;
}

q {
	border-left: 1px solid black;
}

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

blockquote {
	margin: 0 1.5em;
	border-left: 2.2px solid black;
	padding-left: 10px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

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

body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	list-style: none;
}

ul>li {
	margin-left: 0;
}

ol {
	list-style: none;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 12px 12px;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.2em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #f7f7f7;
	border-radius: 3px;
	background: #22b1d9;
	color: white;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #177b97;
	cursor: pointer;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #177b97;
	cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.navbar-nav .nav-item.nav-link {
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 8px;
	padding-bottom: 10px;
}

.navbar-nav .nav-item.nav-link:hover {
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #22b1d9;
}

a:hover,
a:focus,
a:active {
	color: #22b1d9;
	opacity: .75;
	outline: none;
}

a:hover,
a:active {
	outline: none;
	text-decoration: none;
	text-decoration-line: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-title a {
	color: white;
}

.site-title {
	font-size: 4em;
	font-weight: 400;
	letter-spacing: 1.2px;
	word-spacing: 1.5px;
	text-transform: uppercase;
	margin: 0.5em;
}

.site-description {
	color: white;
	margin: 10px 0;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 1em 0.5em;
	padding: 10px 0 10px 10px;
	border: 1.5px solid #f5f5f5;
}

.widget select {
	max-width: 100%;
}

.widget-title {
	font-size: 1.6em;
	font-weight: 500;
	width: 100%;
	padding: 0 5px;
	text-align: center;
}

.widget ul {
	color: #22b1d9;
	padding: 0;
	margin-left: 0;
}

.widget ul>li {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #f5f5f5;
}

.widget ul>li::before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	color: #a1a1a1;
	margin-right: 10px;
	font-weight: 900;
}

.widget-area {
	margin-top: 10px;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/

.nav-links {
	margin: 10px 5px;
}

.navigation.post-navigation {
	margin-bottom: 60px;
}

.nav-previous a {
	font-size: 0.8em;
	background-color: #22b1d9;
	padding: 5px 15px;
	color: white;
	display: inline-flex;
	border-radius: 3px;
}

.nav-next a {
	font-size: 0.8em;
	background-color: #22b1d9;
	padding: 5px 15px;
	color: white;
	display: inline-flex;
	border-radius: 3px;
}

.nav-previous a:hover,
.nav-next a:hover {
	background-color: #177b97;
	color: white;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer .site-footer {
	background-color: #f5f5f5;
	margin-top: 20px;
	padding: 40px 0;
	text-align: center;
}

.site-info {
	display: inline-flex;
}

.site-info span {
	margin: 0 10px;
}

.copyright-mark {
	margin: 0;
}

@media all and (max-width: 540px) {
	.site-info {
		display: block;
	}

	.site-info span {
		display: none;
	}
}


/*--------------------------------------------------------------
# 404 Not Found
--------------------------------------------------------------*/

.error-404 {
	margin: 60px 0;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1em;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1em;
}

.entry-box {
	margin: 10px 0;
	border: 1.5px solid #f5f5f5;
}

.entry-content {
	padding: 10px 20px 15px;
}

article .search {
	padding: 10px;
}

ul.post-categories {
	display: inline-flex;
	margin-left: 0;
	margin-bottom: 10px;
	padding-left: 5px;
}

.post-categories li>a {
	font-size: 0.8em;
	margin: 10px 5px;
	background-color: #22b1d9;
	padding: 8px 15px;
	color: white;
	display: inline-flex;
	font-weight: bold;
	border-radius: 3px;
}

.post-categories li>a:hover {
	background-color: #177b97;
	color: white;
}

span.date {
	margin: 10px 0;
	color: #a0a0a0;
}

.date i {
	margin: 10px 0;
}

i {
	font-family: 'FontAwesome'
}

p.tag-link a {
	font-size: 0.8em;
	margin: 10px 5px;
	background-color: #22b1d9;
	padding: 8px 15px;
	color: white;
	display: inline-flex;
	font-weight: 500;
	border-radius: 3px;
}

p.tag-link a:hover {
	background-color: #177b97;
	color: white;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.bypostauthor {
	display: block;
}

.comment-body {
	margin: 20px;
}

.comment-author.vcard img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
}

.comment-author b {
	font-size: 18px;
	font-weight: normal;
	margin-left: 2%;
}

.comment-author .says {
	display: none;
}

.comment-content p {
	padding: 15px 0 0;
	font-weight: 500;
	word-wrap: break-word;
	border: 1px solid #f5f5f5;
}

.comment-metadata {
	display: none;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond input[type="submit"] {
	background-color: #22b1d9;
	color: white;
	font-weight: bold;
	padding: 8px 12px;
	border: transparent;
}

.comment-respond input[type="submit"]:hover {
	cursor: pointer;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

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

.gallery-caption {
	display: block;
}