/**
 * Theme Name: Mixr
 * Theme URI: http://themehybrid.com/themes/mixr
 * Description: A Child Theme for Stargazer with bold colours. Supports all features of Stargazer. Support is now provided at themehybrid.com.
 * Version: 1.0.2
 * Author: Gaurav Pareek
 * Author URI: http://grv.rocks
 * Text Domain: mixr
 * Tags: one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, white, light
 * License: GNU General Public License v3.0 or later
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Template: stargazer
 */

 /* Thanks to Justin Tadlock, Sami Keijonen, and Ruairi Phelan. I have literally tweaked their code, even this sentence */

/* Base styles, fonts and stuff */
.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6,
#site-title {
	font-weight: 300;
	font-family: 'Bitter', serif;
}

.font-primary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#site-description,
#reply-title small,
.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,
.wp-playlist-item-meta,
.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 {
	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
}

.widget-title > .wrap,
#reply-title > .wrap,
#comments-number > .wrap {
	font-weight: 400;
}

/* Container color. */
#container > .wrap  {
	background: #fafafa;
	background: rgba( 255,255,255,0.95 );
}

/* Primary menu color in all screen sizes. */
#menu-primary,
#menu-primary .search-form > div,
#footer,
.audio-shortcode-wrap,
.media-shortcode-extend .media-info,
.media-info-toggle,
.entry-content .media-info-toggle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.wp-audio-shortcode.mejs-container,
.mejs-controls,
.mejs-volume-button .mejs-volume-slider,
.mejs-overlay-play .mejs-overlay-button:after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark {
	color: #fafafa;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
}

#menu-primary,
#menu-primary .search-form > div,
#footer,
.audio-shortcode-wrap,
.media-shortcode-extend .media-info,
.media-info-toggle,
.entry-content .media-info-toggle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.wp-audio-shortcode.mejs-container,
.mejs-controls,
.mejs-volume-button .mejs-volume-slider,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark {
  background: #1d1d1d none repeat scroll 0% 0%;
}

/* Structure */
.custom-background #main {
	padding-left: 0;
	padding-right: 0;
	font-weight: 300;
	background-color: transparent;
	max-width: 1175px;
	margin: 0 auto 20px;
}

.custom-background #container > .wrap,
header .wrap,
#menu-primary > .wrap,
#sidebar-subsidiary .wrap,
#footer .wrap {
	background: transparent;
	max-width: 1175px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.layout-1c-narrow header .wrap,
.layout-1c-narrow #menu-primary > .wrap,
.layout-1c-narrow #sidebar-subsidiary .wrap,
.layout-1c-narrow #footer .wrap,
.layout-1c-narrow.custom-background #main,
.layout-1c-narrow.custom-background .wrap {
	max-width: 950px;
}

.layout-2c-l #content,
.layout-2c-r #content {
	width: 65%;
}

.layout-2c-l #sidebar-primary,
.layout-2c-r #sidebar-primary {
	width: 30%;
}

/* Site Header*/
#header {
	background: #fafafa;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
	padding: 5px 0;
	margin-bottom: 40px;
}

#site-title {
	font-size: 2rem;
	font-weight: 400;
}

#site-description {
	font-family: 'PT Sans', sans-serif;
	font-style: none;
}

.header-image {
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
	border-radius: 4px;
}

/* Content */
.entry,
.entry:last-of-type {
	background: #fafafa;
	border-radius: 4px;
	padding: 40px;
	margin-bottom: 40px;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
	border: none;
}

.entry.sticky {
	background: #f2f2f2;
	border: 1px solid #aaa;
}

.entry-byline .entry-author::after,
.entry-byline time::after {
	margin: 0 8px 0 18px;
	content: '/';
	color: #ccc;
}

.loop-pagination,
.loop-nav,
.pagination {
	background: #fafafa;
	border-radius: 4px;
	padding: 40px;
	margin-bottom: 40px;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
  font-size: 1.125rem;
  border: none;
}

.nav-links .page-numbers,
.page-links .page-numbers,
.page-links a {
	padding: 0 6px;
	margin: 0;
}

/* Sidebar */

#sidebar-primary .widget-title {
	margin: -20px -20px 30px;
	padding: 10px 0;
}

.widget-title > .wrap::before {
	margin-top: -1px;
}

#sidebar-primary .widget {
	box-sizing: border-box;
	background: #fafafa;
	border-radius: 4px;
	padding: 20px;
	margin: 0 0 20px;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
	overflow: hidden;
}
.sidebar li {
	border-bottom: 1px dotted #DDD;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-type: none;
}

.sidebar p:last-child,
.sidebar ul > li:last-child {
	margin-bottom: 0px;
}

.ltr .widget ul,
.rtl .widget ul {
	margin-left: 0;
	margin-right: 0;
}

.widget_search > .search-form {
	background: transparent !important;
	margin: 0;
}

.widget_search .search-form input[type="search"] {
	border: 1px solid #e3e3e3;
	padding: 10px 1.5rem;
}

/* Footer */

#footer .credit {
	font-weight: 400;
}

.custom-background #sidebar-subsidiary {
	box-shadow: 1px -2px 1px rgba(0,0,0,0.1);
	padding: 40px 0 30px;
	width: 100%;
	background: #ededed;
	border: none;
}

#sidebar-subsidiary .widget {
	box-sizing: border-box;
	background: #fafafa;
	border-radius: 4px;
	padding: 20px;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
	overflow: hidden;
}

#sidebar-subsidiary .widget-title {
	padding: 0px 14px 14px;
	border-radius: 4px 4px 0 0;
	margin: -20px -20px 10px;
}

#menu-social li a::before {
	position:relative;
	display:inline-block;
	text-decoration:none;
	padding: 4px 4px 2px;
	font-size: large;
}

#menu-social li a:hover::before {
	opacity: 0.9;
}

/* Primary and secondary menu styles in narrow screen. */
@media screen and (max-width: 799px) {

	.layout-2c-l #content,
	.layout-2c-r #content,
	.layout-2c-l #sidebar-primary,
	.layout-2c-r #sidebar-primary {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.custom-background #container > .wrap {
		margin-top: 0;
	}

	#menu-primary li a:hover,
	#menu-primary li a:active,
	#menu-primary li a:focus,
	#menu-secondary li a:hover,
	#menu-secondary li a:active,
	#menu-secondary li a:focus {
		box-shadow: inset 0 0 80px rgba(0,0,0,0.1);
	}

}

/* Primary and secondary menu styles in larger screens. */
@media only screen and (min-width: 800px) {

	#menu-primary ul ul {
		top: 51px;
	}
	#menu-secondary ul ul {
		top: 40px;
	}

	#menu-primary ul ul li a:hover,
	#menu-secondary ul ul li a:hover,
	#menu-primary ul ul li a:focus,
	#menu-secondary ul ul li a:focus {
		box-shadow: inset 0 0 80px rgba(0,0,0,0.2);
	}
}

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

	.layout-2c-l #content,
	.layout-2c-r #content {
		width: 66%;
	}

	.layout-2c-l #content,
	.layout-2c-r #sidebar-primary {
		float: left;
	}

	.layout-2c-r #content,
	.layout-2c-l #sidebar-primary {
		float: right;
	}

	.layout-2c-l #sidebar-primary,
	.layout-2c-r #sidebar-primary {
		width: 30%;
	}

	#sidebar-primary .widget,
	#sidebar-primary .widget:nth-child(2n),
	#sidebar-primary .widget:nth-child(2n+1) {
		width: 100%;
		padding: 20px;
		margin-right: 0;
		margin-left: 0;
	}
}

@media only screen and (max-width: 1175px) {
	.layout-2c-l #content,
	.layout-2c-r #sidebar-primary {
			margin-left: 1%;
	}

	.layout-2c-l #sidebar-primary,
	.layout-2c-r #content {
		margin-right: 1%;
	}
}