/*
Theme Name: Malasp Inaf 
Theme URI: https://themonic.com/iconic-one/
Author: Themonic
Author URI: https://themonic.com
Description: Iconic One is a premium quality theme with pixel perfect typography and responsiveness and is built for speed with pagespeed score of 95+, Iconic One implements proper SEO so that your content will rank high and is compatible with AIOSEO and Yoast SEO, It makes proper use of Live customizer that allows you to setup the theme in minutes, you can easily upload the logo, modify the background color, footer text, social media urls without touching any line of code. It utilizes latest HTML 5, CSS3 and wordpress native functions for creating the awesomeness that looks good on every browser. Support is free, access the support here http://themonic.com/support/, Report issues and feedback at http://themonic.com/feedback/.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-menu, custom-logo, full-width-template, rtl-language-support, theme-options, custom-colors, flexible-header, translation-ready, news, e-commerce, sticky-post, featured-images, threaded-comments
Text Domain: iconic-one

Note: Iconic One theme supports child themes and custom.css for extensive customization without breaking the theme.
It is recommended to use those instead of modifying core files. - http://codex.wordpress.org/Child_Themes

©2019 Shashank Singh, Themonic.com
*/
/*Imports custom css file for easy customization.
Edit the file here http://yoursite.com/wordpress/wp-admin/theme-editor.php?file=custom.css&theme=iconic-one
Replace yoursite with your domain name.
*/

/*Reset Css*/
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	overflow-x: hidden; /* By Mala to prevent overflow in responsive mode */
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline; 
}

/*
* {
    outline: solid 1px red;
}
*/

body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}

.io-title-description {
    display: inline-block;
    margin: 17px 0;
	padding: 14px 0;
   	float:none;
	}
.io-title-description a {
    font-size: 34px;
    font-weight: normal;
    text-decoration: none;
	padding-left:15px;
/*	color:#444444;
	text-shadow: 0.1px 1px 2px #888888;
*/
	color:#eeeeee;
	text-shadow: 0.1px 1px 2px #888888;
}
.io-title-description a:hover{
	color:#111111;
	text-decoration: none;
}
.io-title-description .site-description:hover{
	color:#111111;site-descript
	text-decoration: none;
}
.io-title-description .ion {
    font-weight: normal;
	padding-left: 18px;
	line-height: 2;
	font-size:12px;
	text-shadow: 0.1px 1px 2px #CCCCCC;
}

audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: none;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/* Add rounded corners to social media icons */
.socialmedia img {
 border-radius: 4px;
}
/* Logo responsiveness in case of big logos */
.themonic-logo img {
max-width: 100%;
}
/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

.wrapper{border: 1px solid #e9e9e9;}

/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title {
	font-size: 11px;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

.entry-content th,
.comment-content th {
	background: #f1f1f1;
	border: 1px solid #c1c1c1;
	font-size: 11px;
	line-height: 2.181818182;
	font-weight: bold;
	padding: 7px 14px;
	text-transform: uppercase;
	color: #636363;

}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 0px;
	font-family: inherit;
	margin-right:0%;
	margin-bottom: 7px;
	padding: 8px 10px;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

#searchsubmit {
    background: #00A1E0;
    border: 0;
    color: #FFFFFF;
    min-width: 24%;
}
input[type="submit"] {
	-webkit-appearance: none;
}
/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */

li.bypostauthor cite span {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #0099ff;
    border-radius: 2px;
    box-shadow: none;
    color: #0099ff;
    padding: 0;
}

/* Responsive images - Iconic One*/
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* This makes sure that images scales properly on all browsers*/
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* This makes sure that images scales properly on all browsers*/
}

/* Make sure videos fit max width of parent container */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	margin-bottom: 10px;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
	text-align: center;
	line-height: 0;
	background-color: #f2f2f2;
}
.wp-caption.alignleft {
	margin-right: 10px;
	max-width: 60%;
}
.wp-caption.alignright {
	margin-left: 10px;
	max-width: 60%;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 1.4;
	color: #444;
	margin: 0 4px; 
	padding: 4px;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation for posts and pages*/
.site-content nav {
	border: 1px solid #EDEDED;
	background:#f9f9f9;
	clear: both;
	line-height: 2;
	margin-bottom:28px;
	overflow: hidden;
	padding:2%;
}
#nav-above {
	padding: 24px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}

.nav-previous a, .nav-next > a {
	color: #444444;
    text-decoration: none;
}
.nav-previous,
.previous-image {
	float: left;
	padding-bottom: 7px;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
}
.author-info {
	margin: 2px 0;
	padding-top: 2px;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 10pt;
	line-height: 1.5em;
}
.author-avatar {
	float: right;
	margin-top: 8px;
}
.author-description img {
	float: right;
	border-radius: 3px;
	margin-left: 3pt;
}


/* Meta info */
.meta-info {
	border-top: 1px solid #ededed;
	margin: 12px 0;
	padding-top: 18px;
	overflow: hidden;
}

.meta-info a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8em;
}

/* Meta social buttons */

.social-box	{
	margin-top:8pt;
	margin-bottom:2pt;
}

.social-box .sb-icon
{
	background-color: green;
	display: inline-block;
	padding: 8px 15px;
	margin: 3px;
	border-radius: 3%;
}

.social-box .sb-icon a { color:#fff; }

.social-box .fb  { background-color:#3b5998; }
.social-box .fb:hover { background-color:#324b81; }

.social-box .tw { background-color:#55acee;}
.social-box .tw:hover { background-color:#178de8; }

.social-box .em { background-color:#545454; }
.social-box .em:hover { background-color:#393939; }

.social-box .wp { background-color:#4dc247; }
.social-box .wp:hover { background-color:#3fac39; }

.social-box .pd { background-color:#dd4b39; }
.social-box .pd:hover { background-color:#ae2e1e; }





/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 90.5%;
}
body {
	font-size: 14px;
	font-family: "Ubuntu", Helvetica, Arial, sans-serif; 
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	color: #444;
}

a {
	outline: none;
	color: #0B91EA;
	text-decoration:none;
}
a:hover {
	color: #0C87D3;
	text-decoration:underline;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.themonic-nav .assistive-text:hover,
.themonic-nav .assistive-text:active,
.themonic-nav .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	padding: 0 24px;
	background-color: #fff;
}
.site-content {
	margin: 0 14px;
}
.widget-area {
	margin-top:10px;
}

/* Header */
.site-header {
	border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
    height: auto;
    margin-bottom:24px;
    text-align: left;
	}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	/* color: #21759b; */
	color: #ffffff;


}
.site-header h1 {
	font-size: 24px;
	line-height: 1.285714286;
	margin-bottom: 14px;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	line-height: 1;
	color: #757575;
}
.header-image {
	margin-top: 24px;
}

.themonic-logo {
    padding: 17px;
	float:left;
	margin:10px 0;
}

a.site-description {
	color: #ddd;
	font-family: "Dosis", Helvetica, Arial, sans-serif; 
	text-shadow: 0.1px 1px 2px #888888;
	text-decoration: none;

}


/* Navigation Menu and icons*/
.themonic-nav {
	text-align: center;
	float:left;
	width:100%;
}

.themonic-nav li {
	font-size: 12px;
	line-height: 1.42857143;
	width:auto;
	transition: .3s ease 0s;
}

.themonic-nav li:hover {
		display: inline-block;
		text-decoration: none;
		background:#00A1E0;
		}
	
.themonic-nav  li a{
         padding: 0 20px;
   	     }

/* These are used for Themonic Main Nav Bar li background colors - for colorful menu */

.bluem{ background-color:#00A1E0; padding:5px; }
.orangem{ background-color:#FF811A;  }
.greenm{ background-color:#8AC327; }
.redm{ background-color:#F96234; padding:10px;}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 20px;
	line-height: 1.4;
	word-wrap: break-word;
}
.widget-area .widget-title {
	background: #F2F2F2;
	font-size: 16px;
}

.widget.widget_search {
    margin-bottom: 14px;
}

.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	line-height: 1.646153846;
	border-bottom: 1px solid #E9E9E9;
	padding: 5px 0;
}
.widget-area .widget p {
	margin-bottom: 12px;
	padding: 8px 10px;
}
	
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
}
.widget-area .textwidget li {
	margin-left: 36px;
}
.widget-area .widget a {
	color: #757575;
	text-decoration:none;
	font-size: 98%;
}
.widget-area .widget a:hover {
	color: #4F5254;
}
.widget-area #s {
	margin-right: -4px;
	width: 67.9999%; /* define a width to avoid dropping a wider submit button */
}



#text-9 .textwidget {
	color: #444;
	background-color: lightgray;
	padding: 4pt;
}

#text-9 .textwidget a {
	color: black;
}

#text-9 .textwidget a:hover {
	color: #444; 
}


/* Footer box-shadow: 4px 1px 10px 1px #F1F1F1;*/
footer[role="contentinfo"] {
background: #f2f2f2;
width: 100%;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #E9E9E9;
	clear: both;
	font-size: 14px;
	height: auto;
	line-height: 2;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 24px 0;
	}
footer[role="contentinfo"] a {
	color: #686868;
	margin-left:5px;
	text-decoration: none;
}
footer[role="contentinfo"] a:hover {
	color: #333333;
}

/* Multimedia & Astrochannel widgets
-------------------------------------------------------------- */

.astrochannel-vdg-item,
.astrochannel-media-item {
	margin: 8px 0;
	background-repeat:no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;  
}

.astrochannel-vdg-title,
.astrochannel-media-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.4);
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;  	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-height: 16pt;     	/* fallback */
	max-height: 32pt;      	/* fallback */
	-webkit-line-clamp: 2; 	/* number of lines to show */
	-webkit-box-orient: vertical;
}

.widget .astrochannel-vdg-title p,
.widget .astrochannel-media-title p {
	padding: 6px;
	font-size: 11pt;
	font-weight: bold;
}

.widget .astrochannel-media-title a, .widget .astrochannel-vdg-title a,
.widget .astrochannel-media-title a:visited, .widget .astrochannel-vdg-title a:visited  {
	color: white;
	text-decoration: none;
}

.widget .astrochannel-media-item a:hover, .widget .astrochannel-vdg-item a:hover {
	color: lightgray;
}

.astrochannel-vdg-item img, .astrochannel-media-item img {
	position: absolute;
	left: 4px;
	top: 4px;
}

.astrochannel-vdg-item .share-counter-media-entry, 
.astrochannel-media-item .share-counter-media-entry {
	color: white;
	text-shadow: 1px 2px 2px #444;
	position: absolute;
	right: 8px;
	top: 8px;
}


/* Main content area, sticky post styling and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 20px;
	}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	}
.entry-header .entry-title {
	font-size: 28px;
	line-height: 1.2;
	font-weight: normal;
	margin-bottom:20px;
}
.entry-header .entry-title a {
	color: #444444;
	text-decoration: none;
}
.entry-header .entry-title a:hover{
	color: #111111;
}
.entry-header .entry-format {
	margin-top: 24px;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	font-size: 13px;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #333;
}
.site-content article.sticky  {
    background: #F8F8F8;
    border-color: #DDDDDD;
    border-style: solid solid double;
    border-width: 1px 1px 1px 7px;
    box-shadow: 0.01em 0.1em 0.1em 0.1em #EEEEEE;
	clear: both;
    font-size: 13px;
    line-height: 1.19231;
    margin-bottom: 24px;
	margin-top: -6px;
    padding: 17px;
    text-align: left;
}
.sticky .below-title-meta {
    background: #f2f2f2 none repeat scroll 0 0;
    margin-left: -2.8%;
    width: 105.5%;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.7;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	line-height: 1.7;
}
.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	line-height: 1.8;
}
.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	line-height: 1.8;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	line-height: 1.8;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	line-height: 1.8;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 20px 0;
	line-height: 1.7;
}
.entry-content blockquote p {
    margin: 0;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	line-height: 1.7;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: square outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
}
.entry-content blockquote,
.comment-content blockquote {
	background: #FAFAFA;
    border-left: 4px solid #D6D6D6;
	border-right: 4px solid #D6D6D6;
	border-radius:14px;
	margin-bottom: 24px;
	padding: 24px;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	border-radius: 20px;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	line-height: 1.514285714;
	margin: 24px 0;
	overflow: auto;
	padding: 24px;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.5;
	margin: 0 0 24px;
}
img.alignleft {
	margin: 4px 12px 8px 0;
}
img.alignright {
	margin: 4px 0 8px 12px;
}
img.aligncenter {
	margin-top: 4px;
	margin-bottom: 8px;
}
.excerpt-thumb img {
	max-width: 40%;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 2px;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	line-height: 1.7;
	margin: 0 0 24px;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	margin: 24px 0;
}
.entry-content td,
.comment-content td {
	border: 1px solid #c1c1c1;
	padding: 14px 14px;
}
.site-content article {
	border-bottom: 2px double #F3F3F3;
	margin-bottom: 28px;
	padding-bottom: 24px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	font-size: 13px;
	line-height: 1.846153846;
	color: #757575;
}

.entry-meta > span a {
	color: #333333;
    padding: 2px;
	text-decoration:none;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives, Categories, Tags
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	padding-bottom: 22px;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 11pt;
	line-height: 1.4em;
	margin-top: 22px;
}

.tag-header {
	border-radius: 5px;
	background-color: #eee;
	padding: 4pt;
}

.tag-meta {
	color: #757575;
	font-size: 10pt;
	min-height: 148px;
	line-height: 1.4em;
	margin: 4pt;
}

h1.tag-title, h1.author-title {
	margin: 8pt 0;
}

p.author-title {		
	color: #000;
	font-size: 11pt;
	font-weight: bold;
}

.author-description p {
	padding-bottom: 8pt;
}

.author-header {
	border-radius: 5px;
	background-color: #eee;
	padding: 4pt;
}

.author-meta {
	color: #757575;
	font-size: 10pt;
	min-height: 148px;
	line-height: 1.4em;
	margin: 4pt;
}

.tag-header img {
	float: left;
	margin-right: 4pt;
	border-radius: 3px;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	background: #F3F3F3;
    border-top: 16px solid #16A1E7;
    padding: 24px 24px 0;
}
article.format-aside p {
	font-size: 13px;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	font-size: 15px;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
}


/* =Comments
changed article header
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
}
.comments-area article header {
	margin: 0px 0px 15px;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 45px;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	line-height: 1;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 10px;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: relative;
	margin-left: 5px;
	padding: 2px 5px;
	font-size: 10px;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
}

/* Comment form -inspect this */
#respond {
	margin-top: 48px;
}
#respond h3#reply-title {
	font-size: 16px;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	font-weight: normal;
	font-size: 12px;
}
#respond form {
	margin: 24px 0;
}
#respond form p {
	margin: 11px 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.714285714;
	padding: 10px;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
}
.widget_rss li {
	margin: 12px 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	margin-left: 12px;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}
.entry-summary .read-more {
    display: inline-block;
}
/*Below title meta styling - added May 05 */
.below-title-meta{
	/* background: #F7F7F7; */
	padding-bottom:26px;
	color:#a2a2a2; 
	line-height:1.8;
	/* width:106.3%; */
	/* margin-left:-3.1%; */
	}
.below-title-meta a{
	color:#666666; text-decoration:none;
	}
.below-title-meta a:hover{
	color:#444444;
	}
.adt{float:left;}
.adt-comment{float:right;padding-right:16px;}
.adt-social-tw-fb{float:left;}
.articletags a{background-color: #555;
	margin: 2px;
	padding: 3px;
	text-decoration: none;
	text-shadow: 0 0px 0 #FFFFFF;
	color:#fff;}
.articletags a:hover{color:#f2f2f2;}
.footercopy {
    padding-left: 20px;
	float: left;
	width: 45%;
	}
.footercredit {
    float: right;
    padding-right: 20px;
	margin-left:20px;
	width: 45%;
	}
.site-wordpress{
	color: #888888;
    padding: 10px 2px;
	float: right;
	font-size:13px;
	}
.site-wordpress a{
	color: #666666;
    text-decoration:none;
	}
	
section.comment-content.comment {
    border:  1px solid #f1f1f1;
    padding: 10px;
}
/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	}
.socialmedia{
    float: right;
	padding: 7px 4px;
	text-align: right;
    width: 25%;
	margin-top:30px;
	}
.socialmedia a {
    padding: 0 2px;
	}
.widget_top-posts .widgets-list-layout-links {
    float: right;
    width: 80%;
}
/* Woo styles */
.woocommerce .site-content {
    border-right: medium none;
    padding-top: 30px;
    width: 94%;
	padding: 30px 2% 0 2%;
}
.woocommerce .page-title {
    border-bottom: 1px solid #e1e1e1;
    font-size: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.woocommerce .site-content nav {
    border: none;
}
.woocommerce h1 {
    font-size: 28px;
    font-weight: normal;
}
#content .woocommerce-breadcrumb {
	background: none;
}
.woocommerce span.onsale {
    background-color: #0099ff;
	text-transform: uppercase;
	color: #ffffff;
    font-size: 0.857em;
    font-weight: 500;
}
.woocommerce ul.products li.product h3 {
    font-size: 1.5em;
    font-weight: normal;
}
.woocommerce div.product .product_title { 
	line-height: 1.2;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.2;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	color: #ffffff;
	background: #33aeff;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	color: #ffffff;
	background: #0099ff;
}
.woocommerce ul.products li.product .button {
	color: #ffffff;
	background: #33aeff;
}
.wp-block-image figcaption { margin: 0 auto 20px auto; }

.socialmedia img {
    height: 32px;
    width: 32px;
}

/* Webcams columns
-------------------------------------------------------------- */

#webcamcol {
	margin:6px 0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#webcamcol .webcambox {
	margin:3px;
	padding:0;
	width:100%; 
	/* height:110px; */
	position:relative;
	float: left;
}

#webcamcol .webcambox .webcamtxt {
	position:absolute;
	bottom:26px;
	left:0px;
	width:100%;
	height:24px;
	background-image:url(images/greybg.png);
	background-repeat:repeat;
	margin:0;
	padding:0;
	color:#ffffff;
	line-height: 1.3;
}

#webcamcol .webcambox .webcamtxt a:link, 
#webcamcol .webcambox .webcamtxt a:visited {
	color:#ffffff;
	text-decoration:none;
}

#webcamcol .webcambox .webcamtxt h2, 
#webcamcol .webcambox .webcamtxt p {
	margin:4px;
	padding:0;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
}


/* Astrochannel on right sidebar (.inaftv-widget)
-------------------------------------------------------------- */

.inaftv-widget {margin-bottom:8px}
#text-13 ul { margin: 2px 8px 4px 8px; }
#text-13 li { padding: 0.2em 0; font-weight: normal }
#text-13 li a { text-decoration: none; ; font-weight: bold}
#text-13 li a:hover { color: lightgray }
#text-13 p { font-weight:bold; margin: 0 2px; font-size:1.2em} 
#text-13 p a { color:#f90; text-decoration: none; }
#text-13 p a:hover { color:#fc0 }

/* Astrochannel on main content (.inaftv)
-------------------------------------------------------------- */

.inaftv {font-size: 0.9em;}
.inaftv p { margin:0 }
.inaftv ul { margin: 16px 8px 4px 8px; }
.inaftv li { padding: 0.2em 0; font-weight: normal; }
.inaftv li a { text-decoration: none; ; font-weight: bold}
.inaftv li a:hover { color: #f90 }

/* new responsive selectnav.js css */
.selectnav { display: none; }
select.selectnav {
	border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin: 4px;
    padding: 10px;
    width: 96%;
} /* mobile menu styling */


/***************************************************************************************
 ****                          *********************************************************
 ****  Not responsive by Mala  *********************************************************
 ****                          *********************************************************
 ***************************************************************************************/
 

.home .entry-summary p {
	margin: 10px 0;
}

/* Single column
 *
body.author .site-content {
	width: 96%;
	border-right: none;
}
*/

.sticky .above-title-meta {
    background: #f2f2f2 none repeat scroll 0 0;
    margin-left: -2.8%;
    width: 105.5%;
}
.above-title-meta {
	background: #F7F7F7;
	padding-bottom:26px;
	color:#8a8a8a; 
	line-height:1.8;
	width:106.3%;
	margin-left:-3.1%; 
	white-space: nowrap;
}
.above-title-meta a {
	color:#666666; text-decoration:none;
}
.above-title-meta a:hover {
	color:#444444;
}
.subshr-shares{
	float:right;
	padding-right: 3.1%;
	padding-left: 16px; 
	z-index: 10;
	display: inline-block;
}
.subshr {
	float:left;
	white-space: nowrap;
	padding-left: 3.1%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 9;
	display: inline-block;
}

#copyright-notes {
	margin: 8px 0 16px 0;
	text-transform: uppercase;
	font-size: 0.8em;
	color: gray;
}

#copyright-notes a {
	text-decoration: none;
}

#copyright-notes a:hover {
	color: gray;
}


#breaking-news .above-title-meta {
/*	background: red;
	color: white;  MALA */
}
.mala-social-button {
	float: left;
}

.fb_iframe_widget span 
{
	vertical-align: baseline !important;
}

.fb-pagelist {
	margin-left:2pt;
	overflow: hidden;
}

.single-post .entry-summary {
	font-style: italic;
}

.tag-meta ol, .tag-meta ul {
	margin: 4px; 
	list-style: disc inside;
} 

.tag-meta li  {
	padding-left: 2px; 
} 


/* Cookie Notice popup
-------------------------------------------------------------- */

button#cookie-notice {overflow: hidden} 
#cn-accept-cookie { background: #3c0!important; }
#cn-refuse-cookie { background: #999!important; }
#cn-more-info { background: #999!important; }


/* Newsletter widget
-------------------------------------------------------------- */

.tnpinaf-firstname {width:36%;margin: 8px 0px 4px 8px}
.tnpinaf-lastname {width:40%;margin: 8px 8px 4px 8px}
.tnpinaf-email {width:44%;margin:4px 0px 8px 8px}
.tnpinaf-submit {color:black;width:38%;margin:4px 8px 8px 8px}
.tnpinaf-check {margin:2px 2px 10px 4px; font-size:1em; color: white; padding: 0 0 4px 0}
.tnp-field-button {color: white}

.tnp {margin:0!important}
.tnpinaf {background-color: #4697d9}
.tnp-subscription input.tnp-submit {color: #000!important}
.tnp-subscription input.tnp-submit {background-color: #aaa!important}

/* TikTok embed
-------------------------------------------------------------- */


blockquote.tiktok-embed {
	border: none;
	background: none;
	text-align: left;
}

/* Hide WP Pdf generator default icon
-------------------------------------------------------------- */
.wps-pgfw-pdf-generate-icon__wrapper-frontend {
	display:none;
}

/**************************************************************************************** 
 *
 * Responsive print styles
 *
 ****************************************************************************************/

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
		}
		
	/* hide top social icons */
	.socialmedia img {
	    display:none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.themonic-nav {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
		}
	.site-content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
	}
}



/**************************************************************************************** 
 *
 * Responsive less than 1040px
 *
 ****************************************************************************************/

@media screen and (max-width: 1040px) {
	
	#searchsubmit {
    	margin-left: 0px;
	}
	
	.subshr { 
		max-width: 80%;
	}
}
 
/**************************************************************************************** 
 *
 * Responsive less than 768px
 * When to trigger the select menu.js #menu-top { display: inline!important; }
 *
 ****************************************************************************************/

@media screen and (max-width: 767px) {
		
    .js .selectnav { 
		display: inline-block; 
	}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul, .nav-menu li {
		display: none;
	}
	.themonic-nav ul {
		display: none;
    }
	.themonic-nav li a, .themonic-nav li {
		display: none;
    }
	
	.themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul {
	    display: none;
 	}

	.socialmedia {
    	display:none;
	}

	.site-header {
	  text-align: center;
	  height: auto;
	  border:none;
	}

	.themonic-logo {
    	float: none;
    	margin: 0 0 10px;
	}

	.themonic-nav {
    	box-shadow:none;
	}

	.link-comments{display:none;}

	.entry-header .entry-title {
    	margin-top: 20px;
	}

	.wrapper {
    	border: none;
	}
	
	.astrochannel-vdg-title,
	.astrochannel-media-title {
		padding-bottom: 2pt;
		line-height: 12pt;     	/* fallback */
		max-height: 36pt;      	/* fallback */
	}
	
	.widget .astrochannel-vdg-title p,
	.widget .astrochannel-media-title p {
		font-size: 11.5pt;
	}

	.subshr { 
		max-width: 75%;
	}


	/* iPad fix*/

	.themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul, .themonic-nav li {
    	background: none;
    	border-bottom: none;
    	border-top: none;
    	display: none;
    }

}



/**************************************************************************************** 
 *
 * Responsive less than 440px
 *
 ****************************************************************************************/
 
@media screen and (max-width: 440px) {
	.site {
	    padding: 0px;
	}
	html, body {
		overflow-x: hidden;
	}
	
	.widget-area {
	    padding: 0 10px;
	}
	.entry-header {
	    margin-bottom: 10px;
	}
	.entry-header .entry-title {
	    margin-bottom: 8px;
	    margin-top: 8px
	}
	.alignleft.wp-post-image {
	    width: auto;
		float:none;
	}
	.alignright.wp-post-image {
	    width: auto;
		float:none;
	}
	.entry-summary {
		text-align:center;
	}
	.entry-summary p{
		text-align:left;
	}
	.footercopy {
	    float: none;
		padding-right: 20px;
	    text-align: center;
	}
	.footercredit {
	    float: none;
	    margin-left: 0;
		margin-top:10px;
	    padding: 0 20px;
	    text-align: center;
	}
	.site-wordpress {
	    width: 100%;
	    text-align: center;
	}
	
	/************************************************************************************
	****                           ******************************************************  
	****  Less than 440px by Mala  ****************************************************** 
	****                           ******************************************************
	*************************************************************************************/	
	
	.below-title-meta {
	    /* width: 108.2%; */
	    /* margin-left: -4.1%; */
	}


	.above-title-meta {
	    width: 108.2%;
	    margin-left: -4.1%;
	}
	
	.subshr { 
		max-width: 75%;
	}


	.footercopy {
		text-align:left;
	}

	.footercredit {
		text-align:left;
	}
	
	.astrochannel-vdg-title,
	.astrochannel-media-title {
		padding-bottom: 2pt;
		line-height: 12pt;     	/* fallback */
		max-height: 32pt;      	/* fallback */
	}
	
	.widget .astrochannel-vdg-title p,
	.widget .astrochannel-media-title p {
		font-size: 11pt;
	}
	
	.excerpt-thumb img {
		max-width: 100%;
		width: 100%;
	}
	
	/***********************************************************/
	/***                                                     ***/
	/*** Added by Mala to avoid Google Search Console errors ***/
	/***                                                     ***/
	/***********************************************************/
	
	.tag-meta, .author-meta, .archive-list, .author-list, .author-description p {
		font-size: 12pt;
		line-height: 1.5em;
	}

	h1.tag-title, h1.author-title {
		font-size: 13pt;
	}

	.tag-header img {
		margin: 0 8pt 8pt 0;
	}	

	.author-description img {
		margin: 0 0 8pt 8pt;
	}

	#text-9 .textwidget {
		font-size: 12pt;
		line-height: 1.5em;
	}

	/************************************************************/
	/***                                                      ***/
	/*** Added by Mala to try to avoid Google Mobile warnings ***/
	/***                                                      ***/
	/************************************************************/

	.tnpinaf-firstname {width:36%;margin: 16px 0px 8px 16px}
	.tnpinaf-lastname {width:40%;margin: 16px 16px 8px 16px}
	.tnpinaf-email {width:44%;margin:8px 0px 16px 16px}
	.tnpinaf-submit {color:black;width:38%;margin:8px 16px 16px 16px}
	.tnpinaf-check {margin:4px 4px 20px 12px; font-size:1em; color: white; padding: 0 0 4px 0}
	.tnp-field-button {color: white}

}


/**************************************************************************************** 
 *
 * Responsive less than 420px
 *
 ****************************************************************************************/


@media screen and (max-width: 420px) {

	.site-header {
 		 height: auto;
 		 border:none;
	}

	.entry-header .entry-title {
    	font-size: 20px;
	}
	
	.subshr { 
		max-width: 65%;
	}

}



/**************************************************************************************** 
 *
 * Responsive more than 768px
 *
 ****************************************************************************************/
 
@media screen and (min-width: 768px) {

	.site {
		margin: 0 auto;
		max-width: 1040px;
	}
	.site-content {
		border-right: 1px solid #F1F1F1;
		float: left;
		margin: 0px 1%;
		padding: 30px 2% 0 1%;
		width: 63.2%;
	}
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 96%;
		border-right: none;
	}
	.widget-area {
		float: right;
		margin: 24px 0;
		padding: 0 2% 0 0;
		width: 28.7%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		line-height: 1.446153846;
		margin-bottom: 0;
	}
	a.site-description {
		padding: 0 3px;
		font-size: 1.1em;
	}
	.themonic-nav ul.nav-menu,
	.themonic-nav div.nav-menu > ul {
		background:none repeat scroll 0 0 #F3F3F3;
		border-bottom: 5px solid #16A1E7;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.themonic-nav ul {
		margin: 0;
		text-indent: 0;
	}
	.themonic-nav li a, 
	.themonic-nav li {
		display: inline-block;
		text-decoration: none;
	}
	.themonic-nav li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		padding: 0 20px;
		text-transform: uppercase;
		white-space: nowrap;
		transition: .3s ease 0s;
	}
	.themonic-nav li a:hover {
		color: #fff;
	}
	.themonic-nav li {
		position: relative;
	}
	.themonic-nav li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 999;
	}
	.themonic-nav li ul ul {
		top: 0;
		left: 100%;
	}
	.themonic-nav ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.themonic-nav li ul li a {
		background: #EFEFEF; 
		border-bottom: 1px solid #F9F9F9;
		display: block;
		font-size: 11px;
		line-height: 2.181818182;
		padding: 8px 10px;
		width: 160px;
		white-space: normal;
	}
	
	
	.themonic-nav li ul li a:hover {
		background: #e9e9e9;
		color: #444;
	}
	.themonic-nav .current-menu-item > a,
	.themonic-nav .current-menu-ancestor > a,
	.themonic-nav .current_page_item > a,
	.themonic-nav .current_page_ancestor > a {
		    background: none repeat scroll 0 0 #16A1E7;
			color: #FFFFFF;
			font-weight: bold;
	}
	.entry-header {
		margin-bottom: 5px;
	}
	.entry-header .entry-title {
		font-size: 28px;
		margin-bottom: 10px;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		padding-left: 10px;
		width: 51.875%;
		margin-bottom: 24px;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
	}
	
	/************************************************************************************
	****                           ******************************************************  
	****  More than 768px by Mala  ****************************************************** 
	****                           ******************************************************
	*************************************************************************************/	

	article header .post-occhiello {
		font-size: 12pt;
	}

	.footercopy {
		text-align:left;
	}

	.footercredit {
		text-align:right;
	}
	
	.adt-social-tw-fb { 
		float:right;
		padding-right:16px;
	}
	
	.fb-pagelist {
		float: left;
	}
	
	.social-box {
		float: right;
		margin-top: 18pt;
	}
	
	.astrochannel-vdg-title,
	.astrochannel-media-title {
		padding-bottom: 2pt;
		line-height: 14pt;     	/* fallback */
		max-height: 35pt;      	/* fallback */
	}
	
	.widget .astrochannel-vdg-title p,
	.widget .astrochannel-media-title p {
		font-size: 10.5pt;
	}
	
	/* Space map ------------------------------------------------------------- */

	.space-projects {position:relative; width:688px; height:1172px; background:#fff url(img/spacemap/space-background.jpg) no-repeat left top; margin-top:12px; }
	.space-item {position:absolute; width:65px; height:84px; }
	.space-item img {margin: 0 3px; padding:0 }
	.space-item span {display:block; margin-top:-6px; text-align:center; color:#fff; font-size:9px; font-weight:bold; line-height:10px }
	.space-item a, .space-item a:visited {color:#fff; text-decoration:none; }
	.space-item a:hover {color:#000; }
	.space-credits {position:relative; top:-8px; left:563px; margin:0; padding: 0}

	/* Ground map -------------------------------------------------------------- */

	.ground-projects {position:relative; width:688px; height:912px; background:#fff url(img/earthmap/earth-background.jpg) no-repeat left top; margin-top:12px; }
	.ground-item {position:absolute; width:65px; height:84px; }
	.ground-item img {margin: 0 3px; padding:0 }
	.ground-item span {display:block; margin-top:-6px; text-align:center; color:#fff; font-size:9px; font-weight:bold; line-height:10px }
	.ground-item a, .ground-item a:visited {color:#fff; text-decoration:none; }
	.ground-item a:hover {color:#f80; }
	.ground-credits {position:relative; top:-8px; left:563px; margin:0; padding: 0}

}


/**************************************************************************************** 
 *
 * Responsive more than 960px
 *
 ****************************************************************************************/
 
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 24px 24px 0;
		margin-bottom: 24px;
	}
	body.custom-background-empty {
		background-color: #ffffff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		background-color: #ffffff;
	}

	/************************************************************************************
	****                           ******************************************************  
	****  More than 960px by Mala  ****************************************************** 
	****                           ******************************************************
	*************************************************************************************/	

	.astrochannel-vdg-title,
	.astrochannel-media-title {
		padding-bottom: 2pt;
		line-height: 16pt;     	/* fallback */
		max-height: 37pt;      	/* fallback */
	}
	
	.widget .astrochannel-vdg-title p,
	.widget .astrochannel-media-title p {
		font-size: 13.5pt;
	}
	
}


/* Category colors
-------------------------------------------------------------- */

/*
li.menu-home, li.menu-home a { background: #7e7e7e url(images/bgsubs/bgsub-none.png) no-repeat;  }
li.menu-inaftv, li.menu-inaftv a { background: #069 url(images/bgsubs/bgsub-extra.png) no-repeat;  }
li.menu-gallery, li.menu-gallery a { background: #069 url(images/bgsubs/bgsub-extra.png) no-repeat;  }
*/

li.menu-news, li.menu-news a { background: #7e7e7e url(images/bgsubs/bgsub-gray.png) no-repeat;  }
article.category-news .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-gray.png) no-repeat;  }
article.category-news header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-gray.png) no-repeat;  }

article.category-obituary header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-black.png) no-repeat;  }
article.category-obituary .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-black.png) no-repeat; } 

article.category-scuole header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }
article.category-scuole .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }

article.category-outreach header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }
article.category-outreach .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }

article.category-segnalazioni header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }
article.category-segnalazioni .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }

li.menu-astro, li.menu-astro a { background: #7e7e7e url(images/bgsubs/bgsub-turquoise.png) no-repeat;  }
article.category-astro .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-turquoise.png) no-repeat;  }
article.category-astro header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-turquoise.png) no-repeat;  }

li.menu-spazio, li.menu-spazio a { background: #7e7e7e url(images/bgsubs/bgsub-darkgreen.png) no-repeat;  }
article.category-spazio .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-darkgreen.png) no-repeat;  }
article.category-spazio header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-darkgreen.png) no-repeat;  } 

li.menu-fisica, li.menu-fisica a { background: #7e7e7e url(images/bgsubs/bgsub-orange.png) no-repeat;  }
article.category-fisica .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-orange.png) no-repeat;  } 
article.category-fisica header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-orange.png) no-repeat;  } 

li.menu-tech, li.menu-tech a { background: #7e7e7e url(images/bgsubs/bgsub-purple.png) no-repeat;  }
article.category-tech .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-purple.png) no-repeat;  } 
article.category-tech header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-purple.png) no-repeat;  } 

li.menu-eventi, li.menu-eventi a { background: #7e7e7e url(images/bgsubs/bgsub-pink.png) no-repeat;  }
article.category-eventi .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-pink.png) no-repeat;  }
article.category-eventi header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-pink.png) no-repeat;  } 

article.category-winterover header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-cyan.png) no-repeat;  }
article.category-winterover .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-cyan.png) no-repeat;  }

article.category-astrovoci .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-extra.png) no-repeat;  }

span.lead-author-date a, 
span.more-paragraph a {
	color: #999;
	text-decoration: none;
}

span.lead-author-date a:hover, 
span.more-paragraph a:hover{
	color: #ccc;
}