/*
Theme Name: Purea Fashion
Theme URI: https://www.spiraclethemes.com/purea-fashion-free-wordpress-theme/
Author: Spiracle Themes
Author URI: https://www.spiraclethemes.com
Description: Purea Fashion theme is an ideal theme for all fashion-related websites like a lifestyle blog, recipe, travel and food, beauty, makeup, wedding and personal, etc. The theme is translation-ready and easily customizable. Optimized for speed and 1 click demo import options, this theme only takes few minutes to set up. We also provide free support for this theme in case you need it. More Information here: https://www.spiraclethemes.com/purea-fashion-free-wordpress-theme/
Version: 1.0.3
Template: purea-magazine
Tested up to: 6.0
Requires PHP: 5.6
Requires at least: 4.7
Tags: blog, one-column, news, right-sidebar, left-sidebar, custom-header, featured-images, custom-menu, custom-logo, theme-options, threaded-comments, translation-ready, sticky-post, full-width-template, two-columns, three-columns
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: purea-fashion
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.
*/


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

.style-pf .section-right .date-time .year {
    font-weight: 500;
}

.style-pf #blog-section {
	margin-top: 0;
}

main .content-inner {
	margin: 70px 0;
}

.search-btn:hover,
.btntoTop.active:hover {
    background: #151414;
}

.btntoTop.active:hover {
	border: 1px solid #151414;
}

/**
====================================================================
  Navigation
====================================================================
*/

.top-menu .navigation > li.current_page_item a{
	color: #808080;
}

.style-pf .top {
    margin: 30px 0;
}

/**
====================================================================
  Highlight Area
====================================================================
*/

.highlight-area-wrapper {
	padding: 70px 0;
	background: #f5f5f5;
}

.highlight-area-wrapper .row {
	width: 90%;
    margin: 0 auto !important;
}

.section-hightlight-area-box {
    margin: 0;
    margin-bottom: 10px;
}

.highlight-area-wrapper .col-md-3 .highlight-area-content .content-wrapper {
    height: 320px !important;
}

.highlight-area-wrapper .col-md-4 .highlight-area-content .content-wrapper {
    height: 380px !important;
}

.col-md-3 .highlight-area-content .title h2 a {
    font-size: 20px;
    font-weight: 600;
}

.col-md-3 .highlight-area-content .category .post-categories a,
.col-md-3 .highlight-area-content .meta .author a,
.col-md-3 .highlight-area-content .meta {
    font-size: 12px;
}

.col-md-3 .highlight-area-content .title h2 a,
.highlight-area-content .title h2 a {
    padding: 10px;
}


/**
====================================================================
  Dropdown Menu
====================================================================
*/

.top-menu .navigation > li > ul > li > a {
	background: #f5f5f5;
}

.top-menu .navigation > li > ul {
	background: #fdfdfd;
}

.top-menu .navigation > li > ul > li a {
	background: #fff;
}

.top-menu .navigation > li > ul > li:hover a {
	background: #ddd;
	color: #555;
}

.top-menu .navigation > li > ul > li > a {
	color: #555;
}

.top-menu .navigation > li > ul > li > ul {
	background: #fdfdfd;
}

.top-menu .navigation > li > ul li.dropdown a:after {
    color: #555;
}

.top-menu .navigation > li > ul > li:hover a {
	background: #fff; 
    color: #555; 
}

.top-menu .navigation > li > ul > li a:hover {
	background: #f7f7f7;
}

.top-menu .navigation > li > ul > li > ul > li a:hover {
    background: #f7f7f7;
    color: #555
}

.top-menu .navigation > li > ul > li.dropdown:hover > a:after {
	color: #555
}

.top-menu .navigation > li > ul > li {
    border-bottom: 1px solid #f5f5f5;
}

.top-menu .navigation > li > ul > li > ul > li {
	 border-bottom: 1px solid #f5f5f5;
}


/**
====================================================================
  Post Layout 1
====================================================================
*/

.pf-posts-layout-1-wrapper .layout-1-content .col-divide-4 {
	width: 24%;
	display: inline-block;
    vertical-align: top;
}

.pf-posts-layout-1-wrapper .layout-1-content .col-divide-3 {
	width: 32%;
	display: inline-block;
    vertical-align: top;
}

.pf-posts-layout-1-wrapper .layout-1-content .col-divide-2 {
	width: 49%;
	display: inline-block;
    vertical-align: top;
}

.pf-posts-layout-1-lists-wrapper .layout-1-content,
.pf-posts-layout-2-lists-wrapper .layout-2-content {
	/*margin-left: 100px;*/
}

.pf-posts-layout-1-wrapper .section-heading,
.pf-posts-layout-2-wrapper .section-heading {
	position: relative;
}

.pf-posts-layout-1-wrapper h2.section-title {
	font-size: 25px;
    font-weight: 700;
    transform: rotate(270deg);
}

.pf-posts-layout-1-wrapper .col-divide-4 .category-post {
	padding: 10px;
	margin-bottom: 30px;
}

.pf-posts-layout-1-wrapper .col-divide-3 .category-post {
	padding: 10px;
	margin-bottom: 30px;
}

.pf-posts-layout-1-wrapper .col-divide-2 .category-post {
	padding: 15px;
	margin-bottom: 30px;
}


.pf-posts-layout-1-wrapper .layout-1-post-image {
	display: inline-block;
    overflow: hidden;
    display: flex;
}

.pf-posts-layout-1-wrapper .layout-1-post-image img {
	height: 100%;
	transition: all 0.5s ease;
}

.pf-posts-layout-1-wrapper .layout-1-post-image img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.5s ease;
}

.pf-layout-1-area-content .meta span.date,
.pf-layout-1-area-content .meta span.author {
	text-transform: uppercase;
}

.pf-layout-1-area-content .meta span.date,
.pf-layout-1-area-content .meta span.minutes-read,
.pf-layout-1-area-content .meta span.author {
	font-size: 11px;
}

.pf-layout-1-area-content .meta-author {
	font-size: 13px;
	font-weight: 700;
}

.pf-layout-1-area-content .excerpt {
	margin: 15px 0;
}

.col-divide-4 .pf-layout-1-area-content .title h3 {
	font-size: 18px;
    font-weight: 600;
}

.col-divide-3 .pf-layout-1-area-content .title h3 {
	font-size: 21px;
    font-weight: 600;
}

.col-divide-2 .pf-layout-1-area-content .title h3 {
	font-size: 25px;
    font-weight: 700;
}

.pf-layout-1-area-content .content .meta {
	margin-top: 15px;
}

.pf-posts-layout-1-lists-wrapper .view-more,
.pf-posts-layout-2-lists-wrapper .view-more {
	text-align: right;
    margin-right: 30px;
}

.pf-posts-layout-1-wrapper .section-heading {
	width: 6%;
	display: inline-block;
	vertical-align: top;
	margin-top: 100px;
}

.pf-posts-layout-1-wrapper .pf-posts-layout-1-lists-wrapper {
	width: 93%;
	display: inline-block;
	vertical-align: top;
}


/**
====================================================================
  Post Layout 2
====================================================================
*/

.pf-posts-layout-2-wrapper .section-heading {
	position: relative;
	width: 50px;
}

.pf-posts-layout-2-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.pf-layout-2-category-post {
    clear: both;
    width: 49%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}

.pf-layout-2-area-content {
    position: relative;
    background-size: cover !important;
    background-position: center;
    transition: all 0.5s ease;
}

.pf-layout-2-category-post .content-wrapper {
    clear: both;
    position: relative;
    padding: 0 10px;
    vertical-align: bottom;
    display: table-cell;
}

.pf-layout-2-category-post:first-child {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.pf-layout-2-category-post:first-child .content-wrapper {
    display: inherit !important;
    padding: 0;
    padding-left: 20px;
}

.pf-layout-2-category-post:first-child .content h3 a,
.pf-layout-2-category-post:nth-child(2) .content h3 a {
    font-weight: 700;
    line-height: 1.3;
}

.pf-layout-2-category-post:first-child .content .read-more {
    display: block;
}

.pf-layout-2-category-post:first-child .content .post-categories a {
    font-size: 11px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    background: #bc2a26;
    padding: 3px 10px;
    border-radius: 45px;
    font-weight: 500;
}

.pf-layout-2-category-post:first-child .content .read-more a {
    color: #555;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    margin: 30px 0px;
}

.pf-layout-2-area-content .category .post-categories a {
    color: #bc2a26;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
}

.pf-layout-2-area-content .title h3 {
    margin: 0;
    padding: 0;
}

.pf-layout-2-area-content .title h3 a {
    font-size: 18px;
    font-weight: 700;
}

.pf-layout-2-category-post .content .read-more {
    display: none;
}

.pf-section-layout-2-area-box {
    overflow: hidden;
}

.pf-layout-2-category-post .layout-2-area-content:hover::before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.pf-layout-2-category-post .layout-2-area-content .content {
    position: relative;
}

.pf-layout-2-category-post:first-child .content .category ul li {
    display: inline-block;
}

.pf-section-layout-2-area-box .col-first {
    width: 20%;
    display: inline-block;
}

.pf-section-layout-2-area-box .col-second {
    width: 78%;
    display: inline-block;
    vertical-align: top;
}

.pf-section-layout-2-area-box .layout-2-post-image {
    display: inline-block;
    overflow: hidden;
}

.pf-section-layout-2-area-box .layout-2-post-image img {
    transition: all 0.5s ease;
    vertical-align: middle;
}

.pf-section-layout-2-area-box .layout-2-post-image img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.5s ease;
}

.pf-layout-2-category-post.column-2:first-child,
.pf-layout-2-category-post.column-2:nth-child(2) {
    width: 49%;
    display: inline-block;
    margin-bottom: 30px;
}

.pf-layout-2-category-post.column-2:first-child .col-first,
.pf-layout-2-category-post.column-2:nth-child(2) .col-first  {
    width: 49%;
}

.pf-layout-2-category-post.column-2:first-child .col-second,
.pf-layout-2-category-post.column-2:nth-child(2) .col-second {
    width: 49%;
}

.pf-layout-2-category-post.column-1:first-child {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}

.pf-layout-2-category-post.column-1:first-child .col-first {
    width: 49%;
    margin-bottom: 20px;
}

.pf-layout-2-category-post.column-1:first-child .col-second {
    width: 49%;
    margin-bottom: 20px;
}

.pf-layout-2-area-content .content .meta {
	margin-top: 10px;
	margin-bottom: 10px;
}

.pf-layout-2-area-content .meta span.date, 
.pf-layout-2-area-content .meta span.minutes-read,
.pf-layout-2-area-content .meta span a {
    font-size: 11px;
}

.pf-layout-2-area-content .meta span.date,
.pf-layout-2-area-content .meta span a {
    text-transform: uppercase;
}

.pf-layout-1-area-content .meta span:after,
.pf-layout-2-area-content .meta span:after {
	content: ",";
}

.pf-layout-1-area-content .meta span:last-child:after,
.pf-layout-2-area-content .meta span:last-child:after {
	content: " ";
}

.pf-posts-layout-2-wrapper .pf-layout-2-post-image {
    display: inline-block;
    overflow: hidden;
    display: flex;
}

.pf-posts-layout-2-wrapper .pf-layout-2-post-image img {
    height: 100%;
    transition: all 0.5s ease;
}

.pf-posts-layout-2-wrapper .pf-layout-2-post-image img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.5s ease;
}

.pf-posts-layout-2-wrapper h2.section-title {
	font-size: 25px;
    font-weight: 700;
    padding: 0;
    transform: rotate(270deg);
}

.pf-posts-layout-2-lists-wrapper .section-heading {
	width: 7%;
	display: inline-block;
	vertical-align: top;
	margin-top: 100px;
}

.pf-posts-layout-2-lists-wrapper .layout-2-content {
	width: 92%;
	display: inline-block;
	vertical-align: top;
}


/**
====================================================================
  Blog
====================================================================
*/

.blog .content-inner {
	margin-top: 70px;
}

.blog aside li {
	padding-bottom: 5px;
}

article .read-more a {
	background: #000;
}

.blog article {
	width: 32%;
	padding: 20px 10px;
}

.blog .content h2 {
	font-size: 20px;
}


/**
====================================================================
  Blog Single
====================================================================
*/


#sidebar-wrapper,
aside#secondary  {
	padding-left: 35px;
}

article .meta-item {
	padding-right: 10px;
}

.blog h4.widget-title, 
.search h4.widget-title, 
.archive h4.widget-title, 
.single h4.widget-title {
	border-bottom: none;
	font-weight: 700;
	font-size: 20px;
	margin-top: 10px;
}

aside li, .elementor-widget-container li {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}

.post-tags a:hover {
	background: #f7f7f7;
}


/**
====================================================================
  Trending News
====================================================================
*/

.breaking-news-title {
	background: #000;
	margin-top: 12px;
}

.trending-content-marq {
	padding: 15px;
    padding-bottom: 8px;
}

.breaking-news-title {
	padding: 2px 10px;
	font-size: 11px;
}

.trending-content-marq a {
	font-size: 13px;
}

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

aside#menuleftsidebar {
	padding-top: 50px;
}

/**
====================================================================
  MISC
====================================================================
*/

.clear {
	clear: both;
}

button, input[type="submit"], input[type="reset"] {
    background: #000;
}

.hd-bar .search-form-wrapper button[type=submit] {
	background: #e91e63;
}

.searchpage .entry-footer .cat-links, 
.searchpage .entry-footer .comments-link, 
.searchpage .entry-footer .tags-links {
	background: #000;
}

p.comment-form-cookies-consent label {
    font-weight: 400;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.wp-block-search__label {
    display: none;
}


/**
====================================================================
  Responsive CSS
====================================================================
*/


@media only screen and (max-width: 480px) {  
    .pf-posts-layout-1-wrapper .layout-1-content .col-divide-4,
    .pf-posts-layout-1-wrapper .layout-1-content .col-divide-3,
    .pf-posts-layout-1-wrapper .layout-1-content .col-divide-2 {
    	width: 100% !important;
    }

    .pf-posts-layout-1-wrapper .section-heading,
    .pf-posts-layout-2-lists-wrapper .section-heading {
    	width: 10%;
    }

    .pf-posts-layout-1-wrapper .pf-posts-layout-1-lists-wrapper {
	    width: 86%;
	}

	.pf-posts-layout-2-lists-wrapper .layout-2-content {
	    width: 86%;
	}

	.pf-layout-2-category-post.column-2:first-child .col-first,
	.pf-layout-2-category-post.column-2:first-child .col-second, 
	.pf-layout-2-category-post.column-2:nth-child(2) .col-second,
	.pf-layout-2-category-post.column-2:nth-child(2) .col-first,
	.pf-layout-2-category-post.column-1:first-child .col-first,
	.pf-layout-2-category-post.column-1:first-child .col-second,
	.pf-layout-2-category-post.column-2:first-child, 
	.pf-layout-2-category-post.column-2:nth-child(2),
	.pf-layout-2-category-post {
		width: 100%;
	}

	.pf-layout-2-category-post:first-child .content-wrapper {
		padding-left: 0;
		padding-top: 10px;
	}

	.pf-posts-layout-1-lists-wrapper .view-more, 
	.pf-posts-layout-2-lists-wrapper .view-more {
		margin: 0;
	}

	.pf-posts-layout-1-wrapper .col-divide-2 .category-post .content h3 {
		font-size: 18px;
	}

	.single h1.entry-title {
		font-size: 25px;
	}

	#sidebar-wrapper,
	aside#secondary {
		padding-left: 20px;
		margin-top: 100px;
	}

	.blog article {
		width: 100% !important;
		padding: 20px 0;
	}

	.modal-content .modal-body {
		padding: 30px !important;
	}

	.pf-layout-2-category-post-content {
		margin-bottom: 30px;
	}

	.pf-layout-2-category-post.column-2:first-child .content-wrapper, 
	.pf-layout-2-category-post.column-2:nth-child(2) .content-wrapper {
		padding: 0;
		padding-top: 10px;
	}

	.blog #sidebar-wrapper,
	.single-post #sidebar-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	} 
    
}

@media only screen and (max-width: 767px) {
    .pf-posts-layout-1-wrapper .layout-1-content .col-divide-4 {
    	width: 48%;
    }

    .blog article {
		width: 49%;
		padding: 20px 10px;
	}

	#sidebar-wrapper, aside#secondary {
		padding-left: 0;
	}

	#sidebar-wrapper,
	aside#secondary {
		padding-left: 20px;
		margin-top: 100px;
	}

	.highlight-area-wrapper .row {
		width: 100%;
	}
}    

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-posts-layout-1-wrapper .layout-1-content .col-divide-4 {
    	width: 48%;
    }

    #sidebar-wrapper, aside#secondary {
		padding-left: 0;
	}

	.highlight-area-wrapper .row {
		width: 100%;
	}
}