/**

Theme Name: Janeymag
Description: Janeymag is a stylish and modern WordPress theme, tailored for creating personal, travel, beauty, lifestyle, news, or photography blogs and websites. It supports seamless customization via the WordPress Live Customizer, offers WooCommerce compatibility, and ensures a mobile-friendly experience.
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.0.2
Requires PHP: 5.3
Tested up to: 6.7
Template: janey
Tags: custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, grid-layout, blog, e-commerce, news
Text Domain: janeymag
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Janeymag Child WordPress Theme is a child theme of Janey, Copyright 2025 ThemeinProgress.
Janeymag Child is distributed under the terms of the GNU GPLv3.

Janey WordPress Theme, Copyright 2025 ThemeinProgress.
Janey is distributed under the terms of the GNU GPLv3.

*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
h1.title a,
h2.title a,
h3.title a,
h4.title a,
h5.title a,
h6.title a,
#logo a,
#logo a span {
    font-family: 'Josefin Sans', sans-serif;
}

/* ===============================================
   Header
   =============================================== */

#header {
    padding: 25px 25px 100px 25px !important;
}

body.home #header {
    padding: 25px 25px 200px 25px !important;
}

.head-flex {
    display: flex;
    align-items: center;
}

.head-flex-logo {
    flex: 0 1 auto;
    max-width: 400px;
    padding: 0 10px;
}

.head-flex-logo a {
	padding: 10px 15px 6px 15px;
}

.head-flex-menu {
    flex: 1 1 auto;
    padding: 0 10px;
    text-align: left;
}

.head-flex-hamburger-menu {
    flex: 0 0 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head-flex-hamburger-menu .open-modal-sidebar {
	position: relative;
	top: 0;
	right: 0;
}

.head-flex-hamburger-menu .open-modal-sidebar i {
	padding-top: 5px;
}

.head-site-description {
	margin-top: 200px;
	text-align: center;
}

.head-site-description span {
	font-size: 40px;
	font-weight: bold;
}

/* ===============================================
   Logo
   =============================================== */

#logo a {
	font-weight:700;
}

/* ===============================================
   Main menu
   =============================================== */

nav.header-menu {
	position:relative;
	margin:0 auto;
	display: inline-block;
    position: relative;
    float:none;
    width: 100%;
}

nav.header-menu ul {
	list-style:none;
	margin:0;
	display:block;
	width:100%;
	border:none;
    text-align: left;
}

nav.header-menu ul li {
	float:none;
	position:relative;
	display:inline-block;
	text-align:left;
}

nav.header-menu ul li a {
	text-decoration:none;
	display:block;
	z-index:1;
	padding: 10px 15px 6px 15px;
	margin:0;
	color: #fff;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	position:relative;
}

nav.header-menu a:hover,
nav.header-menu ul li a:hover,
nav.header-menu li:hover > a,
nav.header-menu a:focus,
nav.header-menu ul li a:focus,
nav.header-menu li:focus > a,
nav.header-menu ul li.current-menu-item > a,
nav.header-menu ul li.current_page_item > a,
nav.header-menu ul li.current-menu-parent > a,
nav.header-menu ul li.current_page_ancestor > a,
nav.header-menu ul li.current-menu-ancestor > a {
	color:#d14a2b;
}

nav.header-menu ul.children ,
nav.header-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top:33px;
	left: -9999em;
	background:#fff;
    border-top: none;
	z-index:10001;
	width:100%;
	min-width:213px;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

nav.header-menu ul.children li ,
nav.header-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:100%;
	min-width:211px;
	min-height: inherit;
	padding:0
}

nav.header-menu li li:hover > ul,
nav.header-menu li li:focus > ul,
nav.header-menu li li.focus > ul {
	top:0px;
	left: 100%;
}

nav.header-menu ul.children li a ,
nav.header-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	color: #616161;
	padding:14px;
	margin:0;
	border:none;
}

nav.header-menu ul ul li a {
    font-size: 12px;
}

nav.header-menu ul.children li ul:before ,
nav.header-menu ul.sub-menu li ul:before {
	display:none;
}

nav.header-menu li:hover > ul,
nav.header-menu li:focus > ul,
nav.header-menu li.focus > ul {
	opacity:1;
	left:0
}

.menu-toggle,
.dropdown-toggle {
	display: none;
}

nav.header-menu ul.children li ul:before ,
nav.header-menu ul.sub-menu li ul:before {
	display:none;
}

#header nav.header-menu ul li a {
	font-size:12px;
}

/* ===============================================
   Site section title
   =============================================== */

.site-section-title {
	position: relative;
	font-size: 24px;
	color:#616161;
	padding-bottom: 0 !important;
    margin: 0 0 50px 0;
    text-align: center;
	line-height: 1em;
}

/* ===============================================
   Featured posts
   =============================================== */

.featured-posts-wrapper {
	margin-bottom:50px;
	margin-top:0px;
	padding:50px 0;
	background-color: #fff;
}

.featured-posts-wrapper.light_style {
	background-color: #fff;
	padding-bottom:50px;
}

#top_sidebar + .featured-posts-wrapper ,
#header-wrapper + .featured-posts-wrapper {
	margin-top:-50px;
}

#featured-posts-inner {
	margin-bottom: 0;
}

.featured-posts-container {
	margin-bottom: 0
}

.featured-posts-container .featured-post {
	background-size: cover;
	background-position: center;
	position: relative;
	margin: 0;
	cursor: pointer;
}

.featured-posts-container .featured-post .featured-post-info {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
	font-size: 12px;
	margin: 0;
	line-height: 1.4em;
}

.featured-posts-container .featured-post .featured-post-info .title {
	font-size: 19px;
	font-weight: 600;
	line-height: 20px;
}

.featured-posts-container .featured-post .featured-post-permalink {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.3) 33%, rgba(255,255,255,0.15) 66%);
}

.featured-posts-container .featured-post.featured-post-placeholder .featured-post-permalink {
	opacity: 0.3;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 30);
	filter: alpha(opacity= 30);
}

.featured-posts-container .featured-post-permalink:focus ,
.featured-posts-container .featured-post:hover .featured-post-permalink {
	opacity: 0.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50);
	filter: alpha(opacity= 50);
}

.featured-posts-container .featured-posts-item {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	float: none;
	height: 500px;
}

.featured-posts-wrapper.featured-posts-single-row .featured-posts-container .featured-posts-item {
	grid-template-rows: repeat(1, 1fr);
	grid-row-gap: 0px;
	height: 250px;
}

/* Featured posts > Layout 1 */

.featured-posts-container.layout-1 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 2;
}

.featured-posts-container.layout-1 .featured-post-1 {
	grid-area: 1 / 2 / 2 / 3;
}

.featured-posts-container.layout-1 .featured-post-2 {
	grid-area: 1 / 3 / 2 / 5;
}

.featured-posts-container.layout-1 .featured-post-3 {
	grid-area: 2 / 1 / 3 / 3;
}

.featured-posts-container.layout-1 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-1 .featured-post-5 {
	grid-area: 2 / 4 / 3 / 5;
}

/* Featured posts > Layout 2 */

.featured-posts-container.layout-2 .featured-post-0 {
	grid-area: 1 / 1 / 3 / 2;
}

.featured-posts-container.layout-2 .featured-post-1 {
	grid-area: 1 / 2 / 3 / 3;
}

.featured-posts-container.layout-2 .featured-post-2 {
	grid-area: 1 / 3 / 2 / 4;
}

.featured-posts-container.layout-2 .featured-post-3 {
	grid-area: 1 / 4 / 2 / 5;
}

.featured-posts-container.layout-2 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-2 .featured-post-5 {
	grid-area: 2 / 4 / 3 / 5;
}

/* Featured posts > Layout 3 */

.featured-posts-container.layout-3 .featured-post-0 {
	grid-area: 1 / 1 / 3 / 2;
}

.featured-posts-container.layout-3 .featured-post-1 {
	grid-area: 1 / 2 / 2 / 3;
}

.featured-posts-container.layout-3 .featured-post-2 {
	grid-area: 1 / 3 / 2 / 4;
}

.featured-posts-container.layout-3 .featured-post-3 {
	grid-area: 2 / 2 / 3 / 3;
}

.featured-posts-container.layout-3 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-3 .featured-post-5 {
	grid-area: 1 / 4 / 3 / 5;
}

/* Featured posts > Layout 4 */

.featured-posts-wrapper:not(.featured-posts-single-row) .featured-posts-container.layout-4 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 2;
}

.featured-posts-wrapper:not(.featured-posts-single-row) .featured-posts-container.layout-4 .featured-post-1 {
	grid-area: 1 / 2 / 2 / 4;
}

.featured-posts-wrapper:not(.featured-posts-single-row) .featured-posts-container.layout-4 .featured-post-2 {
	grid-area: 2 / 1 / 3 / 2;
}

.featured-posts-wrapper:not(.featured-posts-single-row) .featured-posts-container.layout-4 .featured-post-3 {
	grid-area: 2 / 2 / 3 / 3;
}

.featured-posts-wrapper:not(.featured-posts-single-row) .featured-posts-container.layout-4 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-wrapper:not(.featured-posts-single-row) .featured-posts-container.layout-4 .featured-post-5 {
	grid-area: 1 / 4 / 3 / 5;
}

/* Featured posts > Layout 5 */

.featured-posts-container.layout-5 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 3;
}

.featured-posts-container.layout-5 .featured-post-1 {
	grid-area: 1 / 3 / 2 / 4;
}

.featured-posts-container.layout-5 .featured-post-2 {
	grid-area: 1 / 4 / 2 / 5;
}

.featured-posts-container.layout-5 .featured-post-3 {
	grid-area: 2 / 1 / 3 / 2;
}

.featured-posts-container.layout-5 .featured-post-4 {
	grid-area: 2 / 2 / 3 / 3;
}

.featured-posts-container.layout-5 .featured-post-5 {
	grid-area: 2 / 3 / 3 / 5;
}

/* Featured posts > Layout 6 */

.featured-posts-container.layout-6 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 3;
}

.featured-posts-container.layout-6 .featured-post-1 {
	grid-area: 1 / 3 / 2 / 5;
}

.featured-posts-container.layout-6 .featured-post-2 {
	grid-area: 2 / 1 / 3 / 2;
}

.featured-posts-container.layout-6 .featured-post-3 {
	grid-area: 2 / 2 / 3 / 3;
}

.featured-posts-container.layout-6 .featured-post-4 {
	grid-area: 2 / 3 / 3 / 4;
}

.featured-posts-container.layout-6 .featured-post-5 {
	grid-area: 2 / 4 / 3 / 5;
}

/* Featured posts > Layout 7 */

.featured-posts-container.layout-7 .featured-post-0 {
	grid-area: 1 / 1 / 2 / 3;
}

.featured-posts-container.layout-7 .featured-post-1 {
	grid-area: 1 / 3 / 2 / 4;
}

.featured-posts-container.layout-7 .featured-post-2 {
	grid-area: 1 / 4 / 2 / 5;
}

.featured-posts-container.layout-7 .featured-post-3 {
	grid-area: 2 / 1 / 3 / 2;
}

.featured-posts-container.layout-7 .featured-post-4 {
	grid-area: 2 / 2 / 3 / 4;
}

.featured-posts-container.layout-7 .featured-post-5 {
	grid-area: 2 / 4 / 3 / 5;
}

/* ===============================================
   Sidebar
   =============================================== */

#sidebar .post-article {
	padding: 45px;
	margin-bottom: 15px;
}

/* ===============================================
   Masonry grid
   =============================================== */

#masonry .has-post-placeholder:not(.has-post-thumbnail) .pin-container {
	min-height: 250px;
	width: 100%;
}

/* ===============================================
   Post image
   ============================================= */

.post-container.post-container-wrap.has-post-placeholder:not(.has-post-thumbnail) .pin-container.blog-section {
	background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(241,241,241,0.4) 50%, rgba(243,243,243,0.6) 100%);
}

/* ===============================================
   Post image link
   ============================================= */

.pin-container .blog-article-image-link {
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	opacity: 0.2;
	-moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(143, 143, 143, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.pin-container .blog-article-image-link:hover,
.pin-container .blog-article-image-link:active,
.pin-container .blog-article-image-link:focus {
	opacity: .7
}

@media screen and (min-width : 0px) and (max-width : 480px)  {

	#masonry .has-post-placeholder:not(.has-post-thumbnail) .pin-container,
	.post-container.post-container-wrap.has-post-placeholder:not(.has-post-thumbnail) .pin-container {
		min-height:200px;
	}

}

@media screen and (min-width : 481px) and (max-width : 600px) {

	#masonry .has-post-placeholder:not(.has-post-thumbnail) .pin-container,
	.post-container.post-container-wrap.has-post-placeholder:not(.has-post-thumbnail) .pin-container {
		min-height:300px;
	}

}

@media screen and (min-width: 601px) and (max-width: 992px) {

	#masonry .has-post-placeholder:not(.has-post-thumbnail) .pin-container {
		min-height:350px;
	}

}

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

	body.is_blog_section .post-container.post-container-wrap.has-post-placeholder:not(.masonry-item):not(.has-post-thumbnail) .post-article-wrap {
		display:flex;
	}

}

@media screen and (min-width : 0px) and (max-width : 992px)  {

	.head-flex {
		display: block;
	}
	
	.head-flex-menu {
		display: none;
	}

	.head-flex-logo {
		margin-bottom: 25px;
		max-width: 100%
	}

	.head-site-description {
		margin-top: 25px;
	}

	#header,
	body.home #header {
		padding: 50px !important;
	}

	.featured-posts-container .featured-posts-item {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
		height: 600px;
	}

	.featured-posts-container .featured-post-0 {
		grid-area: 1 / 1 / 2 / 2 !important;
	}

	.featured-posts-container .featured-post-1 {
		grid-area: 1 / 2 / 2 / 3 !important;
	}
	
	.featured-posts-container .featured-post-2 {
		grid-area: 2 / 1 / 3 / 2 !important;
	}
	
	.featured-posts-container .featured-post-3 {
		grid-area: 2 / 2 / 3 / 3 !important;
	}
	
	.featured-posts-container .featured-post-4 {
		grid-area: 3 / 1 / 4 / 2 !important;
	}
	
	.featured-posts-container .featured-post-5 {
		grid-area: 3 / 2 / 4 / 3 !important;
	}

	.featured-link-item {
		margin-bottom:0;
	}

}

@media screen and (min-width: 993px){
	
	.mobile-menu-wrapper {
		display: none;
	}

}