/*
Theme Name: Parity
Theme URI: https://www.templatesell.com/item/parity
Author: templatesell
Author URI: https://www.templatesell.com/
Description: Parity is a WordPress blog theme with attractive blog page layout with masonry and grid layout. It is a child theme of Polite. It has multiple layout for blog page. This theme has search option, off-canvas sidebar, multiple sidebar options, footer options, featured slider, promo boxed, footer widgets and many more. Besides that, this theme comes with added custom widgets for author information, featured posts, social icons, etc. It comes with primary color option to change the whole site color with a single click. More Details: https://www.templatesell.com/item/parity
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: parity
Template: polite
Requires PHP: 5.2
Tested up to: 5.6
Tags: grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, footer-widgets, custom-colors, custom-header, editor-style, rtl-language-support, theme-options, blog, news

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.

Parity is free WordPress theme by, Template Sell and child theme of Polite.
Parity 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/
*/
html{
    font-size: 100%!important;
}

body,
.canvi-content{
	background: #fff!important;
}
.main-header .logo h1{
	text-transform: uppercase;
}
.posts-container{
	padding-top: 30px;
}
.post-wrap{
	margin-bottom: 30px;
}
.left-image{
	padding:0;
}
.left-image .post-media{
	padding:0;
	vertical-align: top;
}
.left-image .post-content{
	padding:30px;
}


.sidebar-3 .widget {
    margin: 0 0 30px 0;
    background: #fff;
    border:none;
}

.sidebar-3 .widget-title {
    position: relative;
    padding: 0;
    border-bottom: none;
    text-align: left;
}
.sidebar-3 .widget-title:after {
    position: absolute;
    width: 30px;
    height: 2px;
    background: #111;
    top: 8px;
    content: "";
    margin-left: 10px;
    left: auto;
}
.post-wrap.left-image.has-content{
    display: inline-grid;
}
.post-wrap.left-image.has-content .post-media{
    max-width: 100%;
    display: block;
}
.comment-form{
    padding: 15px;
}
.site-info {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 12px 0;
}

.overlay-content{
    -webkit-border-radius: 8px;    
    border-radius: 8px; 
    -moz-border-radius:8px;
    overflow: hidden;
}
.has-post-thumbnail .overlay-content {
    position: relative;
    min-height: 300px;
    float: left;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    -webkit-border-radius: 8px;    
    border-radius: 8px; 
    -moz-border-radius:8px;
    display: table;
}
.masonry-post.has-post-thumbnail .overlay-content{
    min-height: 350px;
}
.has-post-thumbnail .overlay-content .post-content {
    display: table-cell;
    vertical-align: middle;
}
article .overlay-content:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
}
article:nth-child(even) .overlay-content:before{
    background-color: rgba(25,25,25,0.50);
}
article:nth-child(odd) .overlay-content:before{
    background-color: rgba(255,158,216,0.8);
}
article:nth-child(4n+1) .overlay-content:before{
    background-color: rgba(254,214,114,0.8);
}
article:nth-child(5n-1) .overlay-content:before{
    background-color: rgba(238,190,255,0.9);
}
.overlay-content a.global-link{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.overlay-content .post-content .post-cats > span{
    visibility:hidden;  
}
.overlay-content .post-content .post-cats > span a{
    visibility: visible;
    font-size: 8px;
    display: inline-block;
    margin: 0;
    line-height: 1;
    color: #fff;
    padding: 5px 7px 5px 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid #fff;  
    border-radius: 25px;
}
article:nth-child(even) .overlay-content .post-title a,
article:nth-child(even) .overlay-content .post-excerpt,
article:nth-child(even) .overlay-content .content,
article:nth-child(even) .overlay-content .post-date,
article:nth-child(even) .overlay-content .post-date a,
article:nth-child(even) .overlay-content .more-link{
    color: #fff;
}

article:nth-child(5n-1) .overlay-content .post-title a,
article:nth-child(5n-1) .overlay-content .post-excerpt,
article:nth-child(5n-1) .overlay-content .content,
article:nth-child(5n-1) .overlay-content .post-date,
article:nth-child(5n-1) .overlay-content .post-date a,
article:nth-child(5n-1) .overlay-content .more-link,

article:nth-child(odd) .overlay-content .post-title a,
article:nth-child(odd) .overlay-content .post-excerpt,
article:nth-child(odd) .overlay-content .content,
article:nth-child(odd) .overlay-content .post-date,
article:nth-child(odd) .overlay-content .post-date a,
article:nth-child(odd) .overlay-content .more-link{
    color: #000;
}
article:nth-child(5n-1) .overlay-content .post-content .post-cats > span a,
article:nth-child(odd) .overlay-content .post-content .post-cats > span a{
    border-color: #000;
    color: #000;
}
.overlay-content .post-media {
    position: absolute;
    bottom: 20px;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.15s ease 0.4s;
    -moz-transition: all 0.15s ease 0.4s;
    -o-transition: all 0.15s ease 0.4s;
    transition: all 0.15s ease 0.4s;
}
.overlay-content:hover .post-media{
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.15s ease 0.4s;
    -moz-transition: all 0.15s ease 0.4s;
    -o-transition: all 0.15s ease 0.4s;
    transition: all 0.15s ease 0.4s;
}
.overlay-content .meta_bottom {
    position: relative;
    bottom: initial;;
    visibility: initial;
    opacity: initial;
}

.promo-three .item .promo-content{
    color: #fff;
    padding: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent;    
}
.promo-three .post-date,
.promo-three .post-date a,
.promo-three .post-category a,
.promo-three .item .promo-content .post-title a{
    color: #000;
}
.promo-three .post-category{
    margin-bottom: 10px;
}
.promo-three .post-category a{
    visibility: visible;
    font-size: 8px;
    display: inline-block;
    margin: 0;
    line-height: 1;
    color: #000;
    padding: 5px 7px 5px 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid #000;  
    border-radius: 25px;
}
.promo-three .post-category a:hover{
    color: #d42929;
}
.promo-three figure{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.promo-three figure:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
}
.promo-three .slick-slide:nth-child(1) figure:before{
    background-color: rgb(249 49 169 / 80%);
}
.promo-three .slick-slide:nth-child(2) figure:before{
    background-color: rgb(243 177 13 / 80%)
}
.promo-three .slick-slide:nth-child(3) figure:before{
    background-color: rgb(214 108 251 / 80%);
}

.slide-wrap{
    background:#747cfd;
    -webkit-border-radius: 15px;    
    border-radius: 15px; 
    -moz-border-radius:15px;
    overflow: hidden;
}
.slide-wrap .post-excerpt, 
.slide-wrap .content,
.slide-wrap .more-btn,
.slide-wrap .caption span, 
.slide-wrap .caption span a,
.slide-wrap .caption h2 a,
.slide-wrap .caption .s-cat{
    color: #fff;
}
.slide-wrap .more-btn:before{
    background-color: #fff;
}

.show-more{
    -webkit-border-radius: 40px;    
    border-radius: 40px; 
    -moz-border-radius:40px;
}
.single .post-wrap .post-media{
    border-radius: 20px;
    overflow: hidden;
}
.single-no-sidebar .post-content p,
.single-no-sidebar .post-content h2,
.single-no-sidebar .post-content h3,
.single-no-sidebar .post-content h4,
.single-no-sidebar .post-content h5,
.single-no-sidebar .post-content h6,
.single-no-sidebar .post-content ul{
    max-width: 70%;
    margin: 20px auto;
}
.single-no-sidebar .post-content .post-cats,
.single-no-sidebar .post-content .post-date,
.single-no-sidebar .post-content .post-title{
    text-align: center;
}
.single-no-sidebar .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large){
    max-width: 70%;
    margin: 20px auto;
    display: block;
}
.single-no-sidebar .post-content blockquote p{
    max-width: 100%;
}
.comments-area {
    padding: 50px;
    background: #f0f1f7;
    border-radius: 20px;
}
.related-posts-list .post-content{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(50%);
}
.show-2-related-posts figure:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
}
.show-2-related-posts:nth-child(1) figure:before{
    background-color: rgb(249 49 169 / 80%);
}
.show-2-related-posts:nth-child(2) figure:before{
    background-color: rgb(243 177 13 / 80%)
}
.show-2-related-posts .post-title a,
.show-2-related-posts .post-date{
    color: #000;
}

@media (max-width: 767px){
    .single-no-sidebar .post-content p,
    .single-no-sidebar .post-content h2,
    .single-no-sidebar .post-content h3,
    .single-no-sidebar .post-content h4,
    .single-no-sidebar .post-content h5,
    .single-no-sidebar .post-content h6,
    .single-no-sidebar .post-content ul{
        max-width: 100%;
    }
    .single-no-sidebar .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large){
        max-width: 100%;
    }
    .related-posts .show-2-related-posts{
        width: 100%;
    }
}