/*****
Theme Name: MH Magazine child
Template:   mh-magazine-lite
Author: Mathieu Pellegrin
Author URI: https://www.mathieu-pellegrin.fr/
Version: 1.0.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, footer-widgets, translation-ready, rtl-language-support, blog, entertainment, news
Text Domain: mh-magazine-child
Domain Path: /languages/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/* Color Inherited from Parent */
blockquote { color: #666; border-left-color: #3c8a06; }
a:hover { color: #3c8a06; }
.mh-header-tagline { color: #3c8a06; border-top-color: #e5e5e5; }
.mh-main-nav { text-transform: uppercase; border-bottom: 5px solid #3c8a06; }
.mh-main-nav li:hover { background-color: #3c8a06; }
.mh-main-nav .menu > .current-menu-item { background-color: #3c8a06; }
.slicknav_btn { background-color: #3c8a06; }
.slicknav_menu { border-bottom-color: #7ccf00; background-color: #3c8a06; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { color: #fff; background-color: #3c8a06; }
.mh-main-nav-wrap .slicknav_nav ul { border-top-color: #3c8a06; }
.mh-meta a:hover { color: #3c8a06; }
.entry-content a { color: #3c8a06; }
.entry-content a:hover { color: #3c8a06; }
.entry-tags li:hover { background-color: #3c8a06; }
.entry-tags .fa { background-color: #3c8a06; }
.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink { color: #fff; background-color: #3c8a06; }
.pagelink { color: #fff; background-color: #3c8a06; }
.bypostauthor .mh-comment-meta-author:after { color: #3c8a06; }
.mh-comment-meta-links .comment-reply-link:before { color: #3c8a06; }
.mh-comment-info { color: #3c8a06; }
#respond #cancel-comment-reply-link:before { color: #3c8a06; }
.required { color: #3c8a06; }
input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: #3c8a06; }
input[type=submit] { color: #fff; background-color: #3c8a06; }
.mh-widget-title { border-bottom-color: #3c8a06; }
.mh-slider-widget .flex-control-paging li a.flex-active { background-color: #3c8a06; border-color: #fff; }
.mh-slider-caption { color: #fff; border-bottom-color: #3c8a06; background-color: #7ccf00; /*background-color: rgba(42, 42, 42, 0.8);*/ }
.mh-posts-large-caption { color: #fff; background: #3c8a06; }
.mh-posts-stacked-meta { color: #fff; background-color: #3c8a06; }
.mh-tabbed-widget a:hover { color: #3c8a06; }
.mh-tab-buttons { border-bottom-color: 3px solid #3c8a06; }
.mh-tab-button.active, .mh-tab-button.active:hover { color: #fff; background-color: #3c8a06; }
.mh-footer-widget .mh-tab-button.active { background-color: #3c8a06; }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { color: #fff; background-color: #3c8a06; }

.mh-main-nav-wrap { background-color: #7ccf00; }
.mh-main-nav ul li:hover > ul { background-color: #7ccf00; }
.slicknav_nav ul { border-top-color: #7ccf00; }
.entry-tags li { background-color: #7ccf00; }
.mh-footer { color: #fff; background-color: #7ccf00; }
.mh-copyright-wrap { border-top-color: #999; background-color: #7ccf00; }
.mh-comment-meta, .mh-comment-meta a { color: #7ccf00; }
input[type=submit]:hover { background-color: #7ccf00; }
.mh-slider-widget .flex-control-paging li a { border-color: #7ccf00; background-color: #fff; }
.mh-widget-col-1 .mh-slider-caption { background-color: #7ccf00; }
.mh-posts-stacked-title { background-color: #7ccf00; /*background: rgba(42, 42, 42, 0.8);*/ }
#mh-mobile .mh-footer-widget .mh-posts-stacked-overlay { border-color: #7ccf00; }
.mh-footer-widget .mh-tab-comment-excerpt { background-color: #7ccf00; }
.mh-widget .tagcloud a { background-color: #7ccf00; }


html {
	overflow-x: hidden;
}

body {
	/*background: #9ad83e;*/
	/*background: #e2ffff;*/
	/*background: #fffae2;*/

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fbff+0,e5f5ff+50,bfe7ff+79,a1dbff+100 */
/*	background: #f7fbff; /* Old browsers */
/*	background: -moz-linear-gradient(top, #f7fbff 0%, #e5f5ff 50%, #bfe7ff 79%, #a1dbff 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(top, #f7fbff 0%,#e5f5ff 50%,#bfe7ff 79%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to bottom, #f7fbff 0%,#e5f5ff 50%,#bfe7ff 79%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ccecff+0,e5f5ff+30,fff1e5+80,ffe4cc+100 */
/*	background: #ccecff; /* Old browsers */
/*	background: -moz-linear-gradient(top, #ccecff 0%, #e5f5ff 30%, #fff1e5 80%, #ffe4cc 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(top, #ccecff 0%,#e5f5ff 30%,#fff1e5 80%,#ffe4cc 100%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to bottom, #ccecff 0%,#e5f5ff 30%,#fff1e5 80%,#ffe4cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccecff', endColorstr='#ffe4cc',GradientType=0 ); /* IE6-9 */

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbfcff+0,ffffff+100 */
	background: #dbfcff; /* Old browsers */
/*	background: -moz-linear-gradient(top, #dbfcff 0%, #ffffff 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(top, #dbfcff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to bottom, #dbfcff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbfcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* Container */
.mh-container-outer {
	box-shadow: 0px 0px 10px rgba(50,50,50, 0.4);
	/*border-radius: 5px;*/
	/*margin-top: 0;*/
	/*margin-bottom: 0;*/
	z-index: 10;
}

/* Header */
.mh-header {
	border-radius: 5px 5px 0 0;
}
body.season-spring .mh-custom-header {
	background-image: url(images/header/spring.jpg);
	background-position: center center;
	background-size: cover;
}
body.season-summer .mh-custom-header {
	background-image: url(images/header/summer.jpg);
	background-position: center center;
	background-size: cover;
}
body.season-autumn .mh-custom-header {
	background-image: url(images/header/autumn.jpg);
	background-position: center center;
	background-size: cover;
}
body.season-winter .mh-custom-header {
	background-image: url(images/header/winter.jpg);
	background-position: center center;
	background-size: cover;
}
/*.mh-site-identity {
	background: rgba(0, 255, 255, 0.2);
}*/
.mh-site-logo {
	display: table;
}
.custom-logo-link {
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
	width: 20%;
	background: rgba(255,255,255,0.9);
	padding: 20px 10px;
	border-radius: 5px;
}
.custom-logo-link:nth-child(1) {
	display: none;
}
.mh-header-text {
	display: table-cell;
	vertical-align: middle;
	text-transform: none;
	padding-left: 2em;
	width: 80%;
}
.mh-header-text .mh-header-title {
	color: #7ccf00;
	background: rgba(255,255,250,0.9);
	border-radius: 5px;
	padding: 0.5em;
	display: inline-block;
	/*opacity: 0;*/
}
.mh-header-text .mh-header-title > span {
	color: #3c8a06;
}

/* Navigation */
.mh-main-nav-wrap,
.mh-main-nav ul li:hover > ul {
	background: #7ccf00;
}
.mh-main-nav {
	border-bottom: 5px solid #3c8a06;
}
.mh-main-nav li:hover,
.mh-main-nav .menu > .current-menu-item {
	background-color: #3c8a06;
}

/* Sidebar */
body.full-width .mh-right-sb #main-content {
	float: none;
	margin: 0 !important;
}
body.full-width .mh-content {
	width: 100%;
}

/* Bottom */
.mh-copyright-wrap {
	background: #3c8a06;
	border-top: 3px solid #6fb606;
}
.mh-copyright {
	color: #fff;
}

#mhchild-background-wrapper {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.mhchild-background-left,
.mhchild-background-center,
.mhchild-background-right {
	display: block;
	height: 2000px;
	width: 1000px;
	/*position: absolute;*/
	position: fixed; /* Override smart positionning */
	bottom: 0;
	background-repeat: no-repeat;
}

.mhchild-background-left {
	left: 0; /* default, overrided with JS */
	background-position: right -2px bottom 0px;
}
.mhchild-background-center {
	background-position: center bottom;
	background-repeat: repeat-x;
	width: 100%;
}
.mhchild-background-right {
	right: 0; /* default, overrided with JS */
	background-position: left -2px bottom 0px;
}


.mhchild-background-left.spring {
	background-image: url(images/background/spring-left.jpg);
}
.mhchild-background-center.spring {
	background-image: url(images/background/spring-center.png);
}
.mhchild-background-right.spring {
	background-image: url(images/background/spring-right.jpg);
}
.mhchild-background-left.summer {
	background-image: url(images/background/summer-left.jpg);
}
.mhchild-background-center.summer {
	background-image: url(images/background/summer-center.png);
}
.mhchild-background-right.summer {
	background-image: url(images/background/summer-right.jpg);
}
.mhchild-background-left.autumn {
	background-image: url(images/background/autumn-left.jpg);
}
.mhchild-background-center.autumn {
	background-image: url(images/background/autumn-center.png);
}
.mhchild-background-right.autumn {
	background-image: url(images/background/autumn-right.jpg);
}
.mhchild-background-left.winter {
	background-image: url(images/background/winter-left.jpg);
}
.mhchild-background-center.winter {
	background-image: url(images/background/winter-center.png);
}
.mhchild-background-right.winter {
	background-image: url(images/background/winter-right.jpg);
}

/*
#mhchild-foreground-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 20;
}
*/
.mhchild-foreground {
	height: 100px;
	width: 100%;
	background-position: center bottom;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
}

.mhchild-foreground.spring {
	background-image: url(images/background/spring-front.png);
}
.mhchild-foreground.summer {
	background-image: url(images/background/summer-front.png);
}
.mhchild-foreground.autumn {
	background-image: url(images/background/autumn-front.png);
}
.mhchild-foreground.winter {
	background-image: url(images/background/winter-front.png);
}

.entry-content .tribe-events-list-widget .tribe-event-image {
	display: inline-block;
	vertical-align: top;
}
.entry-content .tribe-events-list-widget .event-description-wrapper {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 0 10px;
}
.entry-content .tribe-events-list-widget li.tribe-events-list-widget-events {
	padding: 0.5em;
}
.entry-content .tribe-events-list-widget a.style-inherited:after {
	content: ' ';
	display: block;
	margin: 0.25em 0;
	width: 100%;
	border-bottom: solid thin #3c8a06;
}
.entry-content .tribe-events-list-widget a.style-inherited:last-child:after {
	display: none;
}
.entry-content .tribe-events-list-widget li.tribe-events-list-widget-events:hover {
	/*background-color: #dbffa4;*/
	border: solid thin #3c8a06;
}

/* Featured image */
.entry-thumbnail {
	max-width: 400px;
	margin-right: 1.25rem;
	margin-bottom: 1.25rem;
	float: left;
}

/* Home */
body.home .su-posts-teaser-page-loop .su-post-thumbnail {
	float: left;
	margin-right: 0.75rem;
	margin-bottom: 0.75rem;
}


/* Responsive Modifications */
@media screen and (max-width: 1475px) {
}
@media screen and (max-width: 1120px) {
}
@media screen and (max-width: 900px) {
	.custom-logo-link:nth-child(1) {
		display: table-cell;
	}
	.custom-logo-link:nth-child(3) {
		display: none;
	}

	#mhchild-background-wrapper,
	#mhchild-foreground-wrapper {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.custom-logo-link {
		width: 30%;
	}
	.mh-header-text {
		width: 70%;
	}
}
@media screen and (max-width: 620px) {
}
@media only screen and (max-width: 420px) {
	.custom-logo-link {
		width: 40%;
		padding: 0 0.5em;
	}
	.mh-header-text {
		width: 60%;
		padding-left: 1em;
	}
	.mh-custom-header,
	.mh-site-identity {
		background: none !important;
	}
}
@media only screen and (max-width: 360px) {
	.custom-logo-link:nth-child(1) {
		width: 100%;
		display: block;
	}
	.mh-header-text {
		width: 100%;
		display: block;
		padding-top: 0.5em;
	}
}

.style-inherited {
	color: inherit !important;
	text-decoration: inherit !important;
	font-weight: inherit !important;
}
.style-inherited:hover {
	color: inherit !important;
	text-decoration: inherit !important;
	font-weight: inherit !important;
}

/* Events */
@media screen and (min-width: 767px) {
	.tribe-events-event-image img {
		margin: 10px;
		margin-top: 0;
		margin-left: 0;
		max-width: 300px;
		float: left;
	}
	.tribe-events-content hr {
		clear: both;
	}
	.tribe-events-content .gallery .gallery-item {
		clear: none !important;
	}
	.tribe-events-content ul {
		list-style: none;
	}
	.tribe-events-content ul li:before {
		content: '■';
		margin: 0;
		margin-left: 15px;
		margin-right: 10px;
	}
}

/* Photowall */
.gallery {
	clear: both;
}

/* Fix */
#tribe-bar-form .tribe-bar-submit input[type="submit"] {
	width: auto;
}

/* 2 and 3 columns */
.col-2, .col-3 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.col-2 > *, .col-3 > * {
	width: 100%;
}
.single-tribe_events .wpcf7 p,
.single-tribe_events .wpcf7 label {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.single-tribe_events .wpcf7 p {
	padding: 10px;
}
.single-tribe_events .wpcf7 label {
	width: 100%;
	margin: 5px 0;
}
.single-tribe_events .wpcf7 .label {
	margin-right: 10px;
	width: 100%;
	width: calc(100% - 10px);
	text-align: center;
}
.single-tribe_events .wpcf7 .wpcf7-form-control-wrap {
	display: flex;
	flex-wrap: wrap;
	padding-right: 10px;
	width: 100%;
	width: calc(100% - 10px);
}
.single-tribe_events .wpcf7 input {
	width: 100%;
}
.single-tribe_events .wpcf7 input[type="submit"] {
	width: auto;
	text-align: center;
}
.single-tribe_events .wpcf7 .submit {
	display: block;
	width: 100%;
	text-align: center;
}
.single-tribe_events .wpcf7 .wpcf7-form-control-wrap.message,
.single-tribe_events .wpcf7 .wpcf7-form-control-wrap.message textarea {
	height: 3em;
	width: 100%;
}
@media screen and (min-width: 600px) {
	.col-2, .col-3 {
		flex-wrap: nowrap;
	}
	.col-2 > * {
		width: 50%;
	}
	.col-3 > * {
		width: 33%;
	}
	.single-tribe_events .wpcf7 .label {
		width: 40%;
		width: calc(40% - 10px);
		text-align: right;
	}
	.single-tribe_events .wpcf7 .wpcf7-form-control-wrap {
		width: 60%;
		width: calc(60% - 10px);
	}
}