/**
 * Theme Name: Mothers4Peace
 * Theme URI: 
 * Description: A child theme for Stargazer created for Mothers4Peace.
 * Version: 1.1.0
 * Author: Ruud Evers
 * Author URI: https://websitesbyruud.com
 * Text Domain: mixr
 * Tags: one-column, two-columns, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 * License: GNU General Public License v3.0 or later
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Template: stargazer
 *
 * This child theme is based on the Mixr child theme (http://themehybrid.com/themes/mixr) by Gaurav Pareek (http://grv.rocks).
 *  
 * Support for Stargazer is provided at themehybrid.com
 *
 * Thanks to Justin Tadlock, Sami Keijonen, Ruairi Phelan, and Gaurav Pareek.
 */

/* 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;
}
body {
	border-top:2px solid;
	border-bottom:2px solid;
}
#container {
	max-width:2400px;
	margin:0 auto;
}
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
    display: inline-block;
    padding:0.75rem 1rem;
    font-size:0.9375rem;
    font-weight:400;
    border:none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:  all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding:0.75rem 1rem!important;
}

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

/* Site logo. */
#branding {
    margin-top: 1rem;
}
.custom-logo {
    margin-bottom: 1rem;
}

/* Primary menu color in all screen sizes. */
#menu-primary {
	background-color: #F7F7F7;
}
#menu-primary {
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
}
#menu-primary li a {
	color: #656565;
}
#menu-primary ul > li.current-menu-item a,
#menu-primary ul > li.current-menu-ancestor a,
#menu-primary ul > li.current-menu-ancestor > ul li.current-menu-item a,
#menu-primary ul > li.current-page-ancestor a,
.blog #menu-primary .menu-item-home a,
.singular-post #menu-primary .menu-item-home a {
	color: #F7F7F7;
}

#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 .search-form > div,
.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*/
.display-header-text #header,
.custom-header #header {
	border-bottom:0;
}
#header {
	padding: 5px 0;
}
#site-title {
	font-size: 2rem;
	font-weight: 400;
}
#site-description {
	font-family: 'PT Sans', sans-serif;
	font-style: none;
}
#menu-primary li a {
	font-size:1rem;
}
#menu-primary li li a {
	font-size:0.85rem;
}
#menu-primary ul ul li:first-child a {
	border-top:0;
}
#menu-primary .search-form {
	top:7px;
}
#menu-secondary {
	margin:0!important;
	padding:0!important;
}
#menu-secondary .wpml-ls {
	float: right;
	width: 100%;
}
#menu-secondary .donate-button {
	padding:0 15px 10px 10px;
}
#menu-secondary .donate-button a {
	color:#fff;
}
.banner {
	width:100%;
}
.banner #site-description {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #222;
	opacity: 0.9;
	z-index: 500;
}
.breadcrumb-trail {
    padding: 0 40px;
}

/* Content */
.entry,
.entry:last-of-type {
	background: #F7F7F7;
	padding: 40px;
	padding:0;
	margin-bottom: 40px;
	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: #F7F7F7;
	padding: 40px;
	margin-bottom: 40px;
	font-size: 1.125rem;
	border: none;
}
.nav-links .page-numbers,
.page-links .page-numbers,
.page-links a {
	padding: 0 6px;
	margin: 0;
}
.entry-header, .entry-content,
.entry-summary, .entry-footer {
	padding-left: 40px;
	padding-right: 40px;
}
.entry-header {
	padding-top:40px;
}
.entry-summary, .entry-footer {
	padding-bottom:40px;
}
.entry img.thumbnail {
	margin-bottom:0;
}
.gallery .gallery-icon a img {
    padding: 3px;
}
.gallery .gallery-caption {
	display:none;
}

/* 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: #F7F7F7;
	padding: 20px;
	margin: 0 0 20px;
	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;
}
.no-title .widget-title {
	display:none;
}
#sidebar-call-to-action {
	max-width: 1175px;
	margin: 1rem auto 0;
	padding: 1rem 2rem;
	box-sizing: border-box;
	color: #fff;
}
#sidebar-call-to-action .widget-title {
	border-bottom:0;
	margin-bottom: 0.75rem;
	text-align: center;
}
#sidebar-call-to-action .widget-title > .wrap {
	padding: 0.75rem 0;
	font-size: 1.5rem;
	line-height: 1.75rem;
}
#sidebar-call-to-action .widget-title > .wrap::after {
    content: '\f408';
	margin-top: -1px;
	padding-left: 3px;
	display: inline-block;
	font-family: Genericons;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
}

/* Footer */
#footer {
	padding-bottom:1.5rem;
	color:rgba(255,255,255,.75);
}
#footer ul {
	margin-bottom:0;
}
#footer a {
	color:rgba(255,255,255,.6);
}
#footer a:hover,
#footer a:focus {
	text-decoration:none;
	opacity:0.6;
}
#footer .footer-text {
	padding-left:0.5rem;
}
#footer .credit,
#footer .social-media-icons {
	float:left;
	margin-left:0;
	margin-right:0;
	font-weight: 400;
}
#footer .social-media-icons li {
	display: inline-block;
	position: relative;
}
#footer .social-media-icons li a {
	margin-right:0.5rem;
}
#footer .social-media-icons li:last-child a {
	margin-right:0;
}
.custom-background #sidebar-subsidiary {
	padding:0;
	width: 100%;
	background: #ededed;
	border: none;
}
#sidebar-subsidiary .widget {
	box-sizing: border-box;
	padding: 20px;
	overflow: hidden;
	color:#fff;
}
#sidebar-subsidiary .widget-title {
	padding: 0px 14px 14px 20px;
	margin: -20px -20px 10px;
}
#sidebar-subsidiary .widget-title > .wrap::before {
	display:none;
}
#sidebar-subsidiary .widget a {
	color:rgba(255,255,255,.75);
}
#menu-social li a::before {
	position:relative;
	display:inline-block;
	text-decoration:none;
	padding: 4px 4px 2px;
	font-size: large;
	color:rgba(255,255,255,.75)!important;
}
#menu-social li a:hover::before {
	opacity: 0.9;
}

/* Primary and secondary menu styles in narrow screen. */
@media screen and (max-width: 540px) {
	.banner .header-image {
		top:0;
		position:relative;
	}
	.ltr .header-image {
		left:0;
	}
	.rtl .header-image {
		right:0;
	}
	.display-header-text #header,
	.custom-header #header {
		margin-bottom:0;
		padding-bottom:0;
	}
	.banner #site-description {
		display: none;
	}
	#menu-secondary .wpml-ls, #menu-secondary .donate-button {
		max-width:45%;
	}
	#menu-secondary .donate-button {
		float:left;
		clear:none!important;
	}
	h1 {
    	font-size: 1.75rem;
    }
	h2 {
    	font-size: 1.625rem;
    }
}

@media only screen and (min-width: 541px) {
	#menu-secondary .donate-button {
		float:right;
		width:100%;
	}
}

@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: 100%;
	}	
	.custom-background #container > .wrap {
		margin-top: 0;
	}
	.banner #site-description {
		margin-top: 100px;
		font-size: 32px;
	}
	.social-media-icons .fa {
		font-size:2rem;
	}
	.wpml-ls-item span {
		display:none;
	}
	.breadcrumbs {
		display:none;
	}
	#footer .credit,
	#footer .wpml-ls,
	#footer .social-media-icons {
		width:100%;
	}
	#footer .social-media-icons {
		padding-top: 20px;
	}
	#footer .footer-text {
		display:block;
	}
}

/* Primary and secondary menu styles in larger screens. */
@media only screen and (min-width: 800px) {
	#menu-primary ul ul {
		top: 54px;
	}
	#menu-secondary ul ul {
		top: 40px;
	}
	.social-media-icons .fa {
		font-size:1.2rem;
	}	
	#footer .credit {
		max-width:65%;
	}
	#footer .social-media-icons {
		max-width:25%;
		float:right;
	}
	.custom-background #sidebar-subsidiary {
		padding: 40px 0 30px;
	}
}

@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: 1024px) {
	.search-form {
		display:none;
	}
	#menu-primary .menu-toggle button {
		font-size: 1rem;
		text-transform: uppercase;
		font-weight: 800;
	}
	#menu-secondary {
		max-width:100%;
	}
	#menu-secondary li {
		width:auto;
		display:inline-block;
	}
	#menu-secondary li a,
	#menu-secondary li a:hover {
		background-color:transparent;
		border:0;
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	#menu-primary li a,
	#menu-secondary li a {
		border-top:0;
	}
}

@media only screen and (max-width: 1175px) {
	#footer {
		padding-right:20px;
		padding-left:20px;
	}
}

@media only screen and (min-width: 800px) 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%;
	}
	.banner #site-description {
		margin-top: 120px;
		font-size: 42px;
	}	
	#sidebar-call-to-action {
		margin:0 1%;
	}
}

@media only screen and (min-width: 1025px) {
	#menu-primary {
		padding-top:0;
	}	
	#menu-primary li {
		height:3rem;
		line-height:1rem;
	}	
	#menu-primary li a {
		padding:1rem 0.75rem;
	}
	#menu-primary li li a {
		background-color: #F7F7F7;
	}
	#menu-primary li a:focus,
	#menu-primary li a:hover {
		color:#000;
		text-decoration:none;
	}
	#menu-primary .sub-menu li a:hover {
		color: #F7F7F7;
	}
	.ltr #menu-primary li a,
	.rtl #menu-primary li a {
		margin-left:0;
		margin-right:0;
	}
	#menu-primary ul ul li {
		height:auto;
	}
	#menu-primary li > ul::before {
    	border-bottom-color: #F7F7F7;
    }
    #menu-primary li > ul ul::before {
    	border-bottom-color: transparent;
    }
    .ltr #menu-primary li li > ul::before {
		border-right-color: #F7F7F7;
	}
	.rtl #menu-primary li li > ul::before {
		border-left-color: #F7F7F7;
	}
	#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);
	}
	.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:0;
	}
	.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:0;
	}
	#menu-secondary {
		margin: 16px 0;
	}	
	#menu-secondary .donate-button {
		padding-right:10px;
	}
	.banner #site-description {
		font-size: 54px;
	}
}

@media only screen and (min-width: 1176px) {
	.banner #site-description {
		margin-top: 240px;
	}
}

@media only screen and (min-width: 1325px) {
	#menu-secondary .donate-button {
		padding-right:0px;
	}
}