/**
 * Theme Name: Polymer
 * Theme URI: http://magikpress.com/themes/polymer
 * Description: A Child Theme for Stargazer inpired by material design
 * Version: 0.3.1
 * Author: Gaurav Pareek
 * Author URI: http://grv.rocks
 * Text Domain: polymer
 * 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
 */

 /* Based on Kepler theme https://wordpress.org/themes/kepler */
 /* Thanks to Justin Tadlock, Sami Keijonen, and Ruairi Phelan. I have literally tweaked their code, even this sentence */


.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6,
#site-title {
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
}

.font-primary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#site-description,
#reply-title small {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

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

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

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

#site-description {
	font-family: 'Roboto Condensed', serif;
	font-style: none;
}

.header-image {
	box-shadow: 0px 6px 15px -6px rgba(0, 0, 0, 0.5);
}

/* 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: 0 3px 12px 0px rgba(0,0,0,0.35);
}

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

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

}

.display-header-text header#header {
	box-shadow: 0 0px 16px 0px rgba(0,0,0,0.1);
}

#main,
#sidebar-subsidiary {
	box-shadow: 0 5px 16px 0px rgba(0,0,0,0.1);
	font-weight: 300;
}


#menu-social li a::before {
	position:relative;
	display:inline-block;
	text-decoration:none;
	padding: 4px 4px 2px;
	background: #fff;
	border-radius: 2px;
}

#menu-social li a:hover:before {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}