/*!
Theme Name:         Matina Child
Template: 			matina
Author:             Mystery Themes & Dominik Jandy
Author URI:         https://mysterythemes.com
Description:        Matina is a creative WordPress theme that is best for starting personal and professional blog sites based on any niche. The theme has a unique and modern responsive design. It offers flexible customization options that let you choose post layouts, colors, typography, and so on. It also features a dark mode, author bio box, sticky menu, slider, carousel, and translation ready. You can use the pre-made demos to set up your website within a minute. Furthermore, users can easily manage and preview the theme settings from the live customizer. Matina is also Gutenberg ready, SEO friendly, compatible with WP Blog post layout, and other popular plugins. Get the demo at https://demo.mysterythemes.com/matina-demos/
Version:            1.0.0
Requires at least:  4.7
Tested up to:       5.4
Requires PHP:       5.2.4
License:            GNU General Public License v3 or later
License URI:        http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:        matina
Tags:               blog, entertainment, portfolio, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Matina is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
body{
/* 	background:#fbfaf6; */
	background:#ffffff;
}
#main > article{
	padding:40px 70px;
}
.entry-content ul{
	list-style: disc inside;
	margin-bottom:15px;
}
.mt-page-header{
	margin-top:30px;
}
#banner-section.banner-layout-default {
    margin-bottom: 0px;
}
.mt-archive-posts-wrapper{
	margin-top:30px;
}
.page #primary{
	min-height: 50vh !important;
}
#colophon #bottom-area .bottom-elements-wrapper .site-info{
	font-size:13px;
	color: #444;
}
#colophon #bottom-area .bottom-elements-wrapper .site-info a{
	color: #444;
}
.header--layout-default .header-logo-menu-wrapper {
    width: 90%;
}
.header--layout-default .social-search-wrapper{
	width:10%;
}
.is-sticky #masthead.header--layout-default, #masthead.header--layout-one .is-sticky #header-sticky,
#masthead{
	background: #ececec;
	border-bottom: 1px solid #c6c6c6;
}
#colophon{
	background: #ececec;
	color: #444;
}
#colophon .widget-area ul li a{
	color: #444;
}
#colophon .widget-area .footer-widget-wrapper .footer-widget{
	width:100% !important;
}
.widget-area .widget{
	overflow:visible;
}
.footer_copy{
	font-size:13px;
	text-align:center;
	position:relative;
	top:85px;
}
#colophon .widget-area .footer-widget .widget{
	margin-bottom:0px !important;
}
.widget-area .widget_nav_menu ul{
	text-align:center;
	display:flex;
	justify-content:space-around;
}
.widget-area .widget_nav_menu ul li{
	display: inline-block;
	font-size:13px;
	padding:0 10px;
}
.widget-area .widget_nav_menu ul li:before{
	content:'';	
}
.gallery-item{
	padding:3px;
}
.banner-layout-default .banner-content-wrapper{
	background:white;
}
.footer-text{
	font-size:14px;
	text-align:center;
}
.footer-text a{
	color:#444;
	text-decoration:underline;
}
.footer-text a:hover{
	color:#000;
}
.footer--layout-one .widget-area {
    border-bottom: 1px solid #dfdfdf;
}
.home #content{
	background: url(/wp-content/uploads/2020/09/checkered-butterfly-2184610.jpg);
	background-position:left -250px;
	background-size: cover;
	position:relative;
	z-index:0;
}
.home #content:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; 
	background: rgba(255,255,255,0);
	pointer-events: none;
	width:100%;
	height:100%;
	z-index:1;
}
#banner-section .banner-image{
	visibility:hidden;
}
.banner-layout-default .banner-content-wrapper{
	background:transparent;
	width:100%;
	max-width:95%;
	float:none !important;
	margin:auto;
	padding-left:55%;
}
.banner-description{
	z-index:2;
	position:relative;
	font-size:26px;
	text-shadow: 0px 0px 30px #ffffffa6;
	color:#ffffff;
	display:block !important;
	text-align:right;
}
.banner-layout-default .banner-image{
	min-height:650px;
}
.banner-layout-default .banner-image{
	width:0;
}
.bannerTextWrapper{
	padding-top:250px;
}
@media screen and (max-width: 1600px) {
	.home #content{
		background-position:left -200px;
	}
	.banner-layout-default .banner-image{
		min-height:600px;
	}
	.banner-description{
		font-size:24px;
	}
	.bannerTextWrapper{
		padding-top:200px;
	}
}
@media screen and (max-width: 1200px) {
	.header--layout-default .header-logo-menu-wrapper {
		width: 90%;
	}
	.header--layout-default .social-search-wrapper{
		width:10%;
	}
	.main-navigation li {
		margin: 0 15px;
	}
	.banner-layout-default .banner-image{
		min-height:550px;
	}
	.home #content{
		background-position:left -150px;
	}
	.banner-description{
		font-size:22px;
	}
	.bannerTextWrapper{
		padding-top:100px;
	}
}
@media screen and (max-width: 991px) {
	.banner-layout-default .banner-content-wrapper{
		max-width:90%;
		padding: 0 0 0 50% !important;
		position:absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		left: 50%;
		z-index: 2;
	}
	.banner-layout-default .banner-image{
		min-height:500px;
		height:500px;
	}
	.home #content{
		background-position:left -100px;
	}
	.banner-description{
		font-size:20px;
	}
	.bannerTextWrapper{
		padding-top:50px;
	}
}
@media screen and (max-width: 767px) {
	#main > article{
		padding:20px 40px;
	}
	h1, .page-title{
		font-size:30px;
	}
	h2{
		font-size:28px;
	}
	.site-branding a.site-title{
		font-size:26px;
		line-height:1.35em;
	}
	.banner-layout-default .banner-image{
		min-height:400px;
		height:400px;
	}
	.home #content{
		background-position:left -50px;
	}
	.banner-description{
		font-size:16px;
		text-align:right;
	}
	.bannerTextWrapper{
		padding-top:40px;
	}
}
@media screen and (max-width: 600px) {
	.banner-layout-default .banner-image{
		min-height:320px;
		height:320px;
	}
	.banner-description{
		font-size:15px;
	}
}
@media screen and (max-width: 480px) {
	.widget-area .widget_nav_menu ul{
		display:block;
	}
	#main > article{
		padding:10px 5px;
	}
	h1, .page-title{
		font-size:26px;
	}
	h2{
		font-size:24px;
	}
	.site-branding a.site-title{
		font-size:24px;
	}
	.banner-layout-default .banner-image{
		min-height:300px;
		height:300px;
	}
	.home #content:after{
/* 		background: rgba(255,255,255,0.45); */
	}
	.home #content{
		background-position:left 0px;
	}
	.banner-description{
		font-size:14px;
		text-shadow:0px 0px 1px #C9BFE2, 0px 0px 2px #C9BFE2,0px 0px 3px #C9BFE2,0px 0px 5px #C9BFE2, 0px 0px 5px #C9BFE2;
		color:#30262D;
		font-weight:600;
	}
	.banner-layout-default .banner-content-wrapper{
		max-width:85%;
		padding:0px !important;
	}
	.bannerTextWrapper{
		padding-top:80px;
	}
}