/**
 * 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 */


/**
* ----   hier im Child -Theme wurden die Anpassungen des Parent - Tehme gemacht
*  child- Theme style.css überschreiben die style.css des Parent - Themes !!
*/


@import url('../stargazer/style.css');


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

/* ############# footer angepasst aus ../stargazer/style.css  ######### */

#footer {
    font-family: "Open Sans",sans-serif;
    font-size: 0.9375rem;
    overflow: hidden;
    padding: 1.5rem 0 0;
    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: 100%;
}
.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;
}
}

/* ######  ende footer anpassung ####### */

/********************************************************************************************************
 * 1.2 - Layout   /   Angepasst H.Nikolay  9.6.2016
 *
 * This section of the stylesheet defines the overall layout of the theme's major structural elements. It
 * is essentially the foundation for the entire design.
 ********************************************************************************************************/

body { overflow-x: hidden; }

		/* === Descendants of #container === */

		#container     > .wrap,
		#footer        > .wrap,
		#menu-primary > .wrap {
			max-width: 1025px;
			margin:    0 auto;

			box-sizing: border-box;
		}

		#menu-primary > .wrap,
		#footer        > .wrap {
			max-width:     1075px;
			padding-left:  25px;
			padding-right: 25px;
		}


			#menu-primary > .wrap { position: relative; }

			.custom-background #container > .wrap {
				max-width:     1175px;
				margin-top:    50px;
				margin-bottom: 50px;
			}

			.layout-1c-narrow #container > .wrap {
				max-width: 800px;
			}

			.layout-1c-narrow #footer        > .wrap,
			.layout-1c-narrow #menu-primary > .wrap {
				max-width: 850px;
			}

			.custom-background.layout-1c-narrow #container > .wrap { max-width: 950px; }

		.header-image {
			display:   block;
			max-width: 100%;
			height:    auto;
			margin:    0 auto;
		}

		/* === Adjustments when there's a custom background defined. === */

		.custom-background #header,
		.custom-background #main,
		.custom-background #sidebar-subsidiary {
			padding-left:  25px;
			padding-right: 25px;
		}

			/* === Descendants of #main === */

			.breadcrumb-trail { margin: 0 0 1.5rem; }

			/* Make sure sidebar doesn't appear in customizer. */
			.layout-1c #sidebar-primary,
			.layout-1c-narrow #sidebar-primary { display: none; }

				/* Layout adjustments when the screen width is 950+. */

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

					.custom-background #header,
					.custom-background #main,
					.custom-background #sidebar-subsidiary {
						padding-left:  15px;
						padding-right: 20px;
					}

					#sidebar-primary {
						width:     29.27%;
						max-width: 100%;
					}

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

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

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

	/* === Widget layouts. === */

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

		#sidebar-primary .widget { width: 47.5%; }

			.ltr #sidebar-primary .widget {
				float: left;
				margin-right: 5%;
			}

			.rtl #sidebar-primary .widget {
				float: right;
				margin-left: 5%;
			}

		#sidebar-primary .widget:nth-of-type( 2n ) { margin-right: 0; margin-left: 0; }

		#sidebar-primary .widget:nth-of-type( 2n + 1 ) { clear: both; }
	}

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

		.sidebar-col-2 .widget,
		.sidebar-col-3 .widget { width: 47.5%; }

			.ltr .sidebar-col-2 .widget,
			.ltr .sidebar-col-3 .widget { float: left; margin-right: 5%; }

			.rtl .sidebar-col-2 .widget,
			.rtl .sidebar-col-3 .widget { float: right; margin-left: 5%; }

		.sidebar-col-2 .widget:nth-child( 2n ),
		.sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 0; margin-left: 0; }

		.sidebar-col-2 .widget:nth-child( 2n + 1 ),
		.sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: both; }
	}

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

		.sidebar-col-3 .widget { width: 30%; }

		.ltr .sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 5%; }
		.rtl .sidebar-col-3 .widget:nth-child( 2n ) { margin-left: 5%; }

		.sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: none; }

		.sidebar-col-3 .widget:nth-child( 3n ) { margin-right: 0; margin-left: 0; }

		.sidebar-col-3 .widget:nth-child( 3n + 1 ) { clear: both; }
	}

/********************************************************************************************************
 * ====== End Layout ======
 ********************************************************************************************************/


/********************************************************************************************************
 * 1.8 - Sidebars and Widgets
 *
 * This section handles the output of sidebars and widgets.  Note that the layout of sidebars is handled
 * in the layout section.  There's also a few style rules for non-sidebar elements that have the same
 * design.
 ********************************************************************************************************/

.sidebar { font-size: 1.0675rem; }

#sidebar-subsidiary {
	padding-top: 3rem;
	border-top:  1px solid;
}

	.widget {
		margin:  0;
		padding: 0;
	}

		.widget-title,
		#comments-number,
		#reply-title,
		.attachment-meta-title { border-bottom: 2px solid; }

			.widget-title > .wrap,
			#comments-number > .wrap,
			#reply-title > .wrap,
			.attachment-meta-title > .wrap {
				display:        inline-block;
				vertical-align: bottom;
				padding:        0.75rem 1.5rem 0.625rem;
				font-size:      0.8125rem;
				font-weight:    700;
				line-height:    16px;
				text-transform: uppercase;
			}

			.widget-title > .wrap a { text-decoration: underline; }

	/* Recent posts widget and Entry Views plugin. */
	.widget_recent_entries .post-date,
	.widget-entry-views .entry-view-count {
		font-size: 0.875em; /* relative */
	}

	/* Tags widget (core WP wraps in a `<div>` instead of `<p>`). */
	.widget .tagcloud,
	.widget select#cat.postform,
	.widget select[name="archive-dropdown"] { margin-bottom: 1.5rem; }

	/* Search widget. */
	.widget_search > .search-form {
		padding: 1.5rem;
		margin:  -1.5rem 0 1.5rem;
	}

		.widget_search input[type="search"] {
			display: block;
			width:   100%;
			padding: 0.5rem;
			border:  none;
			opacity: 1;
			box-sizing: border-box;
		}

		.widget_search input[type="submit"] { display: none; }

	/* Members login widget */
	.widget-login form,
	.widget.login form { clear: both; }

	.widget-login img + p,
	.widget.login img + p { padding-top: 0.75rem; }
/****************** ====== End Sidebars and Widgets ======
/***************************************************************************************

/********************************************************************************************************
 * 1.10 - Menus
 *
 * This section of the CSS is for handling the design of the various menus used within the theme.
 ********************************************************************************************************/

/**
 * Sub-terms menu
 *
 * This menu is shown along with the description on term archives if the taxonomy is hierarchical (like
 * categories).  It displays the child terms if the current term has any.
 */
	#menu-sub-terms-items {
		list-style: none;
		margin:     0 0 1.5rem;
	}

		.ltr #menu-sub-terms-items { margin-left:  0.75rem; }
		.rtl #menu-sub-terms-items { margin-right: 0.75rem; }

		#menu-sub-terms-items::before {
			content:      '\f412';
			margin-right: 0.3125rem;
		}

			.rtl #menu-sub-terms-items::before {
				-webkit-transform: scaleX(-1);
				   -moz-transform: scaleX(-1);
				     -o-transform: scaleX(-1);
				        transform: scaleX(-1);

				       -ms-filter: "FlipH";
				           filter: FlipH;
			}

		#menu-sub-terms li { display: inline-block; }

			#menu-sub-terms li a {
				display:     inline-block;
				padding:     0.5rem 0.75rem;
				font-size:   0.8125rem;
				font-weight: 400;
			}

				.ltr #menu-sub-terms li a { margin-right: 5px; }
				.rtl #menu-sub-terms li a { margin-left:  5px; }

/**
 * Social menu
 *
 * The social menu is displayed in the footer next to the credit links.
 */

	#menu-social ul {
		list-style: none;
		margin:     0 0 0.875rem;
		text-align: center;
	}

		#menu-social ul li {
			display:       inline-block;
			margin-bottom: 0.625rem;
		}

			#menu-social li a {
				position:        relative;
				display:         inline-block;
				text-decoration: none;
			}

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

		.layout-1c   #menu-social,
		.layout-2c-l #menu-social,
		.layout-2c-r #menu-social { max-width: 37.5%; }

		.ltr.layout-1c   #menu-social,
		.ltr.layout-2c-l #menu-social,
		.ltr.layout-2c-r #menu-social { float: right; }

		.rtl.layout-1c   #menu-social,
		.rtl.layout-2c-l #menu-social,
		.rtl.layout-2c-r #menu-social { float: left;  }

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

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

/**
 * Primary and Secondary menus
 *
 * The primary menu is shown at the top of the page.  The secondary menu is shown in the header if the
 * user has selected to display header text.
 */


#menu-primary { padding: 10px 0 0; }
#menu-primary li a { font-weight: 500; }

#menu-secondary {
	padding-top: 1.5rem;
}

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

	#menu-primary > .wrap { padding: 0; }

	.menu-toggle {
		position:       relative;
		display:        inline-block;
		margin:         0;
		cursor:         pointer;
		font-size:      0.8125rem;
		line-height:    24px;
		vertical-align: middle;
	}

	.menu-toggle button {
		position: relative;
		top:      0;
	}

		.ltr .menu-toggle button { left: 0; }
		.rtl .menu-toggle button { right: 0; }

	#menu-primary .menu-toggle button {
		margin:  0 0 10px;
		padding: 0;
	}

	#menu-secondary .menu-toggle button { margin: 0 1.5rem; }

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

		/*
			#menu-secondary .menu-toggle button { font-size: 0; }

			.ltr #menu-secondary .menu-toggle button { padding-left: 0.25rem;  }
			.rtl #menu-secondary .menu-toggle button { padding-right: 0.25rem; }
		*/
		}

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

		#menu-primary .menu-toggle button::before,
		#menu-secondary .menu-toggle button::after {
			content:        '\f419';
			display:        inline-block;
			font-family:    'Genericons';
			font-size:      24px;
			vertical-align: middle;

			-webkit-font-smoothing: antialiased;
		}

		.ltr #menu-primary .menu-toggle button::before,
		.rtl #menu-secondary .menu-toggle button::after { padding: 0 0.75rem 0 0; }

		.rtl #menu-primary .menu-toggle button::before,
		.ltr #menu-secondary .menu-toggle button::after { padding: 0 0 0 0.75rem; }

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

			#menu-secondary .menu-toggle button::after { display: none; }

			#menu-secondary .menu-toggle button::before {
				content:        '\f419';
				display:        inline-block;
				font-family:    'Genericons';
				font-size:      24px;
				vertical-align: middle;

				-webkit-font-smoothing: antialiased;
			}

			.ltr #menu-secondary .menu-toggle button::before { padding: 0 0.75rem 0 0; }
			.rtl #menu-secondary .menu-toggle button::before { padding: 0 0 0 0.75rem; }
		}

	#branding { z-index: 1; }

	#menu-secondary {
		width:      100%;
		text-align: right;
		position:   absolute;
		left:       0;
	}
		.ltr #menu-secondary { text-align: right; }
		.rtl #menu-secondary { text-align: left;  }

	#menu-secondary .wrap {
		position: relative;
		z-index:  2;
	}
		.ltr #menu-secondary .wrap { text-align: left;  }
		.rtl #menu-secondary .wrap { text-align: right; }

	#menu-primary .wrap,
	#menu-secondary .wrap { display: none; }

	#menu-primary ul,
	#menu-secondary ul {
		margin:     0;
		list-style: none;
	}

		#menu-primary li,
		#menu-secondary li { width: 100%; display: block; }

		#menu-primary li a,
		#menu-secondary li a {
			display:    block;
			width:      100%;
			padding:    0.75rem 1.5rem;
			border-top: 1px solid;
			box-sizing: border-box;
		}

		.ltr #menu-primary li li a,
		.ltr #menu-secondary li li a { padding-left: 3rem; }

		.rtl #menu-primary li li a,
		.rtl #menu-secondary li li a { padding-right: 3rem; }

		.ltr #menu-primary li li li a,
		.ltr #menu-secondary li li li a { padding-left: 4.5rem; }

		.rtl #menu-primary li li li a,
		.rtl #menu-secondary li li li a { padding-right: 4.5rem; }

		.ltr #menu-primary li li li li a,
		.ltr #menu-secondary li li li li a { padding-left: 6rem; }

		.rtl #menu-primary li li li li a,
		.rtl #menu-secondary li li li li a { padding-right: 6rem; }

	/* Search form */

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

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

/* === MAX-WIDTH 540PX === */

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

	.header-image {
		position: absolute;
		top:      -9999em;
	}
	.ltr .header-image { left: -9999em; }
	.rtl .header-image { right: -9999em; }

	.custom-background #container > .wrap {
		margin-top: 0;
	}

	.display-header-text #header,
	.custom-header #header { margin-bottom: 0.75rem; }

	#branding {
		text-align: center;
	}

	#branding .custom-logo { float: none; margin: 0; }

	#branding,
	#site-title,
	#site-description {
		max-width: 100%;
		width: 100%;
		margin-bottom: 0;
	}

	.ltr #branding,
	.rtl #branding {
	}

	#menu-primary .menu-toggle,
	#menu-primary .menu-toggle button {
		text-align: center;
		width: 100%;
	}

		.ltr #menu-primary .menu-toggle button,
		.rtl #menu-primary .menu-toggle button {
			margin-left: 0;
			margin-right: 0;
		}

	#header { clear: both; }

	#menu-primary { width: 100%; float: left; }

	#menu-secondary {
		position: initial;
		clear: both;
		width: calc( 100% + 3rem + 2px );
		margin-top: -1.5rem;
		margin-left: calc( -1.5rem - 1px );
	}

		#menu-secondary .menu-toggle,
		#menu-secondary .menu-toggle button {
			width: 100%;
			margin: 0;
		}
}

/* === MIN-WIDTH 800PX === */

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

	.menu > .wrap { display: block !important; }

	.menu-toggle { position: absolute; }

		.ltr .menu-toggle { left: -9999em; }
		.rtl .menu-toggle { right: -9999em; }

		.menu ul {
			list-style: none;
			margin:     0;
		}

		.menu-items { zoom: 1; }

			.menu-items::before,
			.menu-items::after {
				content: "";
				display: table;
			}

			.menu-items::after { clear: both; }

			.menu-items > ul {
				width:  100%;
				margin: 60px auto;
			}

			.menu ul ul {
				opacity:    0;
				visibility: hidden;
				position:   absolute;
				z-index:    1;

				-webkit-transition: all 0.4s ease-in-out;
				   -moz-transition: all 0.4s ease-in-out;
				      -o-transition:  all 0.4s ease-in-out;
				        transition: all 0.4s ease-in-out;
			}

			.menu li:hover > ul,
			.menu li:focus > ul,
			.menu li.focus > ul {
				opacity:    1;
				visibility: visible;
			}

			.menu li > ul::before {
				content:       '';
				position:      absolute;
				top:           -6px;
				border-width:  6px;
				border-style:  solid;
				border-top:    none;
			}

				.ltr .menu li > ul::before { left: 24px; }
				.rtl .menu li > ul::before { right: 24px; }

				.menu li li > ul::before {
					top:              22px;
					border-top-width: 6px;
					border-top-style: solid;
				}

					.ltr .menu li li > ul::before {
						left:         -6px;
						border-right-width: 6px;
						border-right-style: solid;
						border-left:  0;
					}

					.rtl .menu li li > ul::before {
						right:        -6px;
						border-right:  0;
						border-left-width: 6px;
						border-left-style: solid;
					}

			.menu li {
				display:  inline-block;
				position: relative;
			}

				.menu li li { display: block; }

				.menu-items li li a {
					-webkit-transition: all 0 ease 0;
					   -moz-transition: all 0 ease 0;
					      -o-transition:  all 0 ease 0;
					        transition: all 0 ease 0;
				}

					.menu li > a::after {
						content:        '\f431';
						display:        inline-block;
						margin:         -2px 0 0;
						font:           normal 14px/1 'Genericons';
						vertical-align: top;

						-webkit-font-smoothing: antialiased;
					}

						.ltr .menu li > a::after { padding-left: 5px; }
						.rtl .menu li > a::after { padding-right: 5px; }

						.menu li li > a::after {
							position:       absolute;
							vertical-align: middle;
							margin:         3px 0 0;
						}

							.ltr .menu li li > a::after {
								right: 5px;

								-webkit-transform: rotate(-90deg);
								   -moz-transform: rotate(-90deg);
								    -ms-transform: rotate(-90deg);
								     -o-transform: rotate(-90deg);
								        transform: rotate(-90deg);
							}

							.rtl .menu li li > a::after {
								left: 5px;

								-webkit-transform: rotate(90deg);
								   -moz-transform: rotate(90deg);
								    -ms-transform: rotate(90deg);
								     -o-transform: rotate(90deg);
								        transform: rotate(90deg);
							}

						.menu li a:only-child::after { content: ''; }


	/* ====== 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,
		.ltr.wp-custom-logo #menu-secondary,
		.ltr.wp-custom-logo #menu-secondary ul { float: right; text-align: right; }

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

			.ltr.display-header-text #menu-secondary ul ul,
			.ltr.wp-custom-logo #menu-secondary ul ul { text-align: left;  }

			.rtl.display-header-text #menu-secondary ul ul,
			.rtl.wp-custom-logo #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-primary   .menu-items li:focus > ul,
			#menu-primary   .menu-items li.focus > ul,
			#menu-secondary .menu-items li:hover > ul,
			#menu-secondary .menu-items li:focus > ul,
			#menu-secondary .menu-items li.focus > ul { margin: 0; }

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

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

				#menu-primary.menu   li li:hover > ul,
				#menu-primary.menu   li li:focus > ul,
				#menu-primary.menu   li li.focus > ul,
				#menu-secondary.menu li li:hover > ul,
				#menu-secondary.menu li li:focus > ul,
				#menu-secondary.menu li li.focus > 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:      -1px;
	}

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

		#menu-primary .search-toggle {
			height:      34px;
			padding:     0 10px;
			line-height: 34px;
			box-sizing:  border-box;
		}

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

			#menu-primary .search-toggle:before {
				content:     '\f400';
				font-size:   20px;
				cursor:      pointer;
				padding:     0 0 1px;
				vertical-align: top;
			}

				#menu-primary .search-field {
					display:     inline-block;
					padding:     7px 8px;
					width:       200px;
					height:       34px;
					border-width: 1px;
					font-size:   0.9375rem;
					opacity:     1;
					box-sizing:  border-box;
				}

					.ltr #menu-primary .search-field { margin-left:  -2px; }
					.rtl #menu-primary .search-field { margin-right: -2px; }

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

/********************************************************************************************************
 * ====== End Menus ======
 ********************************************************************************************************/


/********************************************************************************************************
 * 2 - Fun Zone
 *
 * This section of the stylesheet is what I call the fun area.  For the most part, you should feel free
 * to overwrite the following in your child theme's `style.css` file if your design calls for it.
 * Specifically, this deals with fonts and colors.  Those things are really the things that give your
 * child theme its uniqueness.  Have fun with it.  Go wild!
 ********************************************************************************************************/

/**
 * 2.1 - Font Family Definitions
 *
 * This theme operates with three dinstinct font rules.  The "primary" font is used for the majority of
 * text throughout the theme.  The "secondary" font is used for handling secondary use cases.  The
 * "headlines" font is specific to h1-h6 headers (with the exception of #site-description).
 *
 * If building a child theme for public release with custom fonts, the child theme should define only the
 * font rules it needs.  Copy the specific section below that you want to overwrite into the child theme.
 * Make sure to include the `.font-*` class as this will maintain forward compatibility with future
 * changes in the parent theme.
 */

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

.font-primary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#site-description,
#reply-title small {
	font-family: 'Droid Serif', 'Lora', 'Georgia', 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,
.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:  'Open Sans', Arial, sans-serif;
}

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

.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:  'Open Sans', Arial, sans-serif;
}

/**
 * 2.2 - Color Definitions
 *
 * The following are all of the colors defined by the theme.  The only other colors are part of the theme
 * customizer options and should not be overwritten.  If needed, copy the specific sections below into
 * your child theme and make the necessary changes there.
 */

/*
 * Fun Zone: The colors below are safe to overwrite depending on what you need to do.  Have at it!
 */

/* ====== color: #656565 ====== */

body,
.media-shortcode-extend .media-info,
.wp-playlist-dark .wp-playlist-item {
	color: #444444;
}

/* ====== border-color: #e3e3e3 ====== */

h1,
h2,
hr,
code,
pre,
.form-allowed-tags code,
fieldset,
legend,
input,
select,
textarea,
.gallery .gallery-icon a img,
.avatar,
.display-header-text #header,
.wp-custom-logo #header,
.entry,
.format-chat .chat-author,
.media-info li,
.wp-playlist-tracks,
.wp-playlist-item,
.archive-description,
.navigation,
.loop-nav,
#sidebar-subsidiary,
li.ping,
.comment-content,
.clean-my-archives .day-duplicate .day,
.whistles-tabs-nav li a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-tabs .whistles-tabs-wrap,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.whistles-toggle .whistle-content,
.whistles-accordion .whistle-content {
	border-color: #e3e3e3;
}

/* ====== color: #555 ====== */

h6,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title[aria-selected="true"],
label:hover,
label:focus,
label.focus,
.nav-links .current {
	color: #555;
}

/* ====== color: #858585 ====== */

caption,
td,
label,
input,
textarea,
select,
.gallery .gallery-caption,
.page-links,
.navigation,
.loop-nav,
.widget_recent_entries .post-date,
.widget-entry-views .entry-view-count,
.gallery-count,
.comment-respond .must-log-in,
.comment-respond .logged-in-as,
.comments-closed,
.comment-notes,
.form-allowed-tags,
.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.wp-playlist-dark .wp-playlist-item-meta {
	color: #858585;
}

/* ====== background: #252525 ====== */

#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: #252525;
}

/* ====== background: transparent ====== */

hr,
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-overlay-button,
.mejs-controls > .mejs-button button:hover,
.mejs-controls > .mejs-button button:focus,
#menu-primary .menu-toggle button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary .search-toggle,
#menu-primary .search-toggle:hover,
#menu-primary .search-toggle:focus  {
	background: transparent;
}

/* ====== background: #fff ====== */

html,
#container > .wrap,
#reply-title small a,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
	background: #fff;
}

/* ====== Other colors ====== */

h1 { color: #303030; }
h2 { color: #353535; }
h3 { color: #404040; }
h4 { color: #454545; }
h5 { color: #505050; }

code {
	color:        #000;
	background:   #f6f6f6;
}

tr,
thead,
tfoot,
td { border-color: #f3f3f3; }

td { background: #fcfcfc; }

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	background: #f3f3f3;
	border-color: #e3e3e3;
}

input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
	color:        #555;
	background:   #efefef;
	border-color: #d3d3d3;
}

.wp-caption .wp-caption-text {
	color:      #e3e3e3;
	background: rgba( 0, 0, 0, 0.75 );
}

.gallery .gallery-icon a img { background: #f9f9f9; }

.gallery-icon a:hover img,
.galley-icon a:focus img { background: #f3f3f3; }

#menu-primary .menu-toggle button { color: rgba( 255, 255, 255, 0.75 ); }

#menu-primary li a,
#menu-secondary li li a,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus { color: rgba( 255, 255, 255, 0.75 ); }

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

	#menu-secondary .wrap,
	#menu-primary .search-form > div { background: #1f1f1f; }

	#menu-primary li a,
	#menu-secondary li a,
	#menu-secondary .menu-toggle button {
		color:        rgba( 255, 255, 255, 0.75 );
		background:   #1f1f1f;
		border-color: #1c1c1c;
	}

	#menu-primary li a:hover,
	#menu-secondary li a:hover,
	#menu-primary li a:focus,
	#menu-secondary li a:focus {
		color: #fff;
		background: #191919;
	}
}

#site-title a:hover,
#site-title a:focus { border-bottom-color: #d3d3d3; }

.entry-title,
.entry-title a { color: #252525; }

.entry-byline,
.entry-footer,
.comment-meta,
.wp-playlist-item-meta { color: rgba( 85, 85, 85, 0.75 ); }

.image-sizes .sep { color: #e3e3e3; }

.format-chat .chat-speaker-1 .chat-author,
.format-chat .chat-speaker-11 .chat-author { color: #3498db; }
.format-chat .chat-speaker-2 .chat-author,
.format-chat .chat-speaker-12 .chat-author  { color: #f1c40f; }
.format-chat .chat-speaker-3 .chat-author,
.format-chat .chat-speaker-13 .chat-author  { color: #e74c3c; }
.format-chat .chat-speaker-4 .chat-author,
.format-chat .chat-speaker-14 .chat-author  { color: #2ecc71; }
.format-chat .chat-speaker-5 .chat-author,
.format-chat .chat-speaker-15 .chat-author  { color: #f39c12; }
.format-chat .chat-speaker-6 .chat-author,
.format-chat .chat-speaker-16 .chat-author  { color: #9b59b6; }
.format-chat .chat-speaker-7 .chat-author,
.format-chat .chat-speaker-17 .chat-author  { color: #95a5a6; }
.format-chat .chat-speaker-8 .chat-author,
.format-chat .chat-speaker-18 .chat-author  { color: #16a085; }
.format-chat .chat-speaker-9 .chat-author,
.format-chat .chat-speaker-19 .chat-author  { color: #e67e22; }
.format-chat .chat-speaker-10 .chat-author,
.format-chat .chat-speaker-20 .chat-author  { color: #1abc9c; }

.archive-description {
	color:      #757575;
	background: #f9f9f9;
}

li.ping,
.comment-content { background: #f9f9f9; }

#footer a { color: rgba( 255, 255, 255, 0.75 ); }

.clean-my-archives .comments-number { color: #aaa; }

.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title { background: #f3f3f3; }

.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus { background: #efefef; }

.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
	border-bottom-color: #fff;
}

.media-shortcode-extend .audio-info     { border-color: #202020; }
.media-shortcode-extend .media-info li,
.wp-playlist-dark .wp-playlist-item     { border-color: #353535; }
.wp-video-shortcode .mejs-controls,
.wp-playlist-dark .mejs-controls        { border-color: #151515; }
.mejs-time-rail .mejs-time-float        { border-color: #454545; }
.mejs-time-rail .mejs-time-float-corner { border-top-color: #fff; }

.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title:focus,
.whistles-accordion .whistle-title[aria-selected="true"] {
	background: #efefef;
}

.mejs-time-rail .mejs-time-total,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	background: #454545;
}

.mejs-time-rail .mejs-time-current { background: rgba( 255, 255, 255, 0.35 ); }

.mejs-overlay-play .mejs-overlay-button::after { text-shadow: 1px 1px 2px #151515; }

.mejs-button button:focus { outline-color: #555; }

	/* Menu colors */

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

		.menu li > ul::before {
			border-right-color:  transparent;
			border-bottom-color: #252525;
			border-left-color:   transparent;
		}

		.menu li li > ul::before {
			border-top-color:    transparent;
			border-bottom-color: transparent;
		}

		.ltr .menu li li > ul::before { border-right-color: #252525; }
		.rtl .menu li li > ul::before { border-left-color:  #252525; }

		#menu-primary   li li a,
		#menu-secondary li li a {
			background:   #1f1f1f;
			border-color: #1d1d1d;
		}

		#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 { background: #191919; }

		#menu-primary .search-form .search-toggle::before {
			color: rgba( 255, 255, 255, 0.75 );
		}

		#menu-primary .search-toggle:hover::before,
		#menu-primary .search-toggle:focus::before { color: #fff; }

	}

/* =/=/=/=/=/= End fun zone. =/=/=/=/=/= */