/**
 * Theme Name:  Ex Astris
 * Theme URI:   http://themehybrid.com/themes/ex-astris
 * Description: Ex Astris is a WordPress child theme for the excellent <a href="http://themehybrid.com/themes/stargazer">Stargazer</a> theme from <a href="http://themehybrid.com/">Theme Hybrid</a>. This bold theme was designed for bloggers. Make it your own with a customer header and custom background. The theme supports all of the custom layouts found in the Stargazer parent theme, including  1 Column Wide, 1 Column Narrow, 2 Columns: Content / Sidebar, and 2 Columns: Sidebar / Content.
 * Version:     1.0.4
 * Author:      Sarah Gooding
 * Author URI:  http://untame.net
 * Tags:        custom-background, custom-colors, custom-header
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template:    stargazer
 * Text Domain: ex-astris
 * Domain Path: /lang
 */


/* ====== Primary Font ====== */

.font-primary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#site-description,
#reply-title small {
	font-family:  'Open Sans', Arial, sans-serif;
}

/* ====== Secondary Font ====== */

.font-secondary,
dt,
th,
legend,
label,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select,
option,
.wp-caption-text,
.gallery-caption,
.mejs-controls,
.entry-byline,
.entry-footer,
.chat-author cite,
.chat-author,
.comment-meta,
.menu,
.breadcrumb-trail,
.media-info .prep,
.comment-reply-link,
.comment-reply-login,
.clean-my-archives .day,
.whistle-title,
h3.widget-title {
	font-family:  'Open Sans', Arial, sans-serif;
}

/* ====== Headlines Font ====== */

.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Copse', serif;
}

h1 {
font-size: 1.3rem;
}

h2 {
font-size: 1.0rem;
}

body.custom-background {
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}

#branding {
margin-right: auto;
margin-left: auto;
}

.ltr #branding, .rtl #branding {
float: none;
text-align: center;
}

#branding img.avatar {
float: none;
width: 100px;
height: 100px;
margin: 10px 0 0 0;
}

#branding h1, #branding h2 {
clear: left;
}

.rtl.layout-1c #menu-social,.rtl.layout-2c-l #menu-social,.rtl.layout-2c-r #menu-social,.ltr.layout-1c #menu-social,.ltr.layout-2c-l #menu-social,.ltr.layout-2c-r #menu-social {
float:none;
margin-right:auto;
margin-left:auto;
}

.rtl.layout-1c #menu-social ul,.rtl.layout-2c-l #menu-social ul,.rtl.layout-2c-r #menu-social ul,.ltr.layout-1c #menu-social ul,.ltr.layout-2c-l #menu-social ul,.ltr.layout-2c-r #menu-social ul {
text-align:center;
}

#container>.wrap {
background: rgba(255,255,255, 0.9);
}


h2#site-description.font-primary {
margin-bottom: 0.5rem;
}

div.entry-content a, span.entry-terms a, div.loop-nav a, a.post-edit-link, a.url.fn.n, div.entry-summary a, div.comment-content a, div.widget a {
color: #4183c4;
}


div.entry-content blockquote, div.comment-content blockquote {
color: #757575;
background-color: rgba(0, 0, 0, 0);
margin: 0 0 1.5rem;
padding: 1.0rem 1.5rem 0;
border-left: 5px solid #333;
outline-color: rgba(0, 0, 0, 0);
}


/********************************************************************************************************
 * 1.5 - Header and Footer
 *
 * Handles the output of the main site header and footer content.
 ********************************************************************************************************/

		#site-title {
			margin:    0;
			padding:   0;
			font-size: 1.8rem;
			border:    none;
		}

			#site-title a:hover {
				text-decoration: none;
				opacity:         0.75;
				border-bottom:   1px solid;
			}

		#site-description {
			padding:      0;
			font-size:    0.9rem;
			font-weight:  400;
			border:       none;
			opacity:      0.5;
		}

			.en #site-description { font-style: italic; }

.header-image { opacity: 1; }


/**
 * Handles the output of the footer content.
 */

#footer {
	overflow:    hidden;
	padding:     1.5rem 0 0;
	font-size:   0.9375rem;
	font-family: 'Open Sans', sans-serif;
	text-align:  center;
}

	@media only screen and ( min-width: 950px ) {

		.layout-1c   #footer .credit,
		.layout-2c-l #footer .credit,
		.layout-2c-r #footer .credit { max-width: 60%; }

		.ltr.layout-1c   #footer,
		.ltr.layout-2c-l #footer,
		.ltr.layout-2c-r #footer { text-align: left;  }

		.rtl.layout-1c   #footer,
		.rtl.layout-2c-l #footer,
		.rtl.layout-2c-r #footer { text-align: right; }
	}

/********************************************************************************************************
 * ====== End Header and Footer ======
 ********************************************************************************************************/

/* ====== Primary and Secondary Menus ====== */

	#menu-secondary {
		width:      57.15%;
		max-width:  37.5rem; /* 600 */
		margin:     24px 0;
	}

		.ltr.display-header-text #menu-secondary,
		.ltr.display-header-text #menu-secondary ul { float: right; text-align: right; }

		.rtl.display-header-text #menu-secondary,
		.rtl.display-header-text #menu-secondary ul { float: left; text-align: left; }

			.ltr.display-header-text #menu-secondary ul ul { text-align: left;  }
			.rtl.display-header-text #menu-secondary ul ul { text-align: right; }

		/* Lists */

			#menu-primary ul ul,
			#menu-secondary ul ul {
				width:  230px;
				margin: 20px 0 0;
			}

			#menu-primary ul ul   { top: 43px; }
			#menu-secondary ul ul { top: 33px; }

			#menu-primary .menu-items li:hover > ul,
			#menu-secondary .menu-items li:hover > ul { margin: 0; }

				.ltr #menu-primary ul ul,
				.ltr #menu-secondary ul ul,
				.ltr #menu-primary li:hover > ul,
				.ltr #menu-secondary li:hover > ul { margin-left: -24px; }

				.rtl #menu-primary ul ul,
				.rtl #menu-secondary ul ul,
				.rtl #menu-primary li:hover > ul,
				.rtl #menu-secondary li:hover > ul { margin-right: -24px; }

				#menu-primary.menu   li li:hover > ul,
				#menu-secondary.menu li li:hover > ul { margin: 0; }

				#menu-primary   ul ul ul,
				#menu-secondary ul ul ul {
					top:    0;
					margin: 0;
				}

					.ltr #menu-primary   ul ul ul,
					.ltr #menu-secondary ul ul ul { left: 236px; margin-left: 20px; }

					.rtl #menu-primary   ul ul ul,
					.rtl #menu-secondary ul ul ul { right: 236px; margin-right: 20px; }

			/* List items */

			.ltr #menu-secondary li { margin-left: 24px; }
			.rtl #menu-secondary li { margin-right: 24px; }

				.ltr #menu-secondary li li { margin-left: 0; }
				.rtl #menu-secondary li li { margin-right: 0; }


			/* List item links */

				#menu-primary   li a,
				#menu-secondary li a {
					display:         block;
					font-size:       0.95rem;
					line-height:     1;
					text-transform:  uppercase;
				}

				#menu-primary li a { padding: 0.75rem 0 1.25rem; }

					.ltr #menu-primary li a { margin-right: 1.5rem; }
					.rtl #menu-primary li a { margin-left:  1.5rem; }

				#menu-secondary li a {
					margin:          0;
					padding:         0.75rem 0;
					font-weight:     600;
				}

					#menu-primary   li li a,
					#menu-secondary li li a {
						position:       relative;
						display:        block;
						width:          180px;
						padding:        18px 25px;
						font-size:      0.75rem;
						font-weight:    400;
						line-height:    1.5;
						border-top:     1px solid;
					}

	/* === Search form === */

	#menu-primary .search-form {
		position: absolute;
		top:      0.375rem;
	}

		.ltr #menu-primary .search-form { right: 0; }
		.rtl #menu-primary .search-form { left:  0; }

		#menu-primary .search-form .toggle {
			display:         block;
			text-decoration: none;
		}

			.ltr #menu-primary .search-form .toggle { float: right; }
			.rtl #menu-primary .search-form .toggle { float: left;  }

			#menu-primary .search-form .toggle::before {
				content:     '\f400';
				font-size:   30px;
				line-height: 30px;
			}

			#menu-primary .search-form > div {
				display:    none;
				z-index:    999;
				clear:      both;
				position:   relative;
				width:      300px;
				top:        8px;
				padding:    16px 24px;

				box-sizing: border-box;
			}

				#menu-primary .search-form input[type="search"] {
					padding:     8px;
					font-size:   1rem;
					opacity:     1;
				}

				#menu-primary .search-form input[type="submit"] { display: none; }
}