/*
Theme Name:  Polite Child
Description:  Child theme for Polite
Author:  Pascal
Template:  polite
Version:  0.1
License:  GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html              
*/

html {
    font-size: 100% !important;
}

body,
.canvi-content {
    background: #ffffff !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins';
    font-weight: 600;
    text-transform: none;
    color: #111;
    line-height: 1.4;
}

.menu-area {
    background: #f1f1f1;
}

.main-menu>ul>li>a {
    display: inline-block;
    color: #1a191e;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.main-menu ul li.current-menu-item>a,
.main-menu ul li:hover>a {
    background: transparent;
}

.search-box i {
    color: #1a191e;
}

.post-title {
    font-size: 20px;
}

.main-header .logo h1 {
    text-transform: uppercase;
}

.posts-container {
    padding-top: 30px;
}

.slide-wrap {
    background: #ffffff;
}

.hentry {
    margin: 0 0 50px;
}

.post-wrap {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 45px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 5px 45px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 45px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 5px 45px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 5px 45px rgba(0, 0, 0, .1);
}

.left-image {
    padding: 0;
}

.left-image .post-media {
    padding: 0;
    vertical-align: top;
}

.left-image .post-content {
    padding: 30px;
}



.sidebar-3 .sidebar-area .widget {
    -ms-box-shadow: 0 5px 45px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 45px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 45px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 45px rgb(0 0 0 / 10%);
    margin-bottom: 35px;
    background: #fff;
    padding: 30px 30px;
    border-radius: 10px;
    border: none;
}

.sidebar-3 .sidebar-area .widget-title {
    position: relative;
    padding-left: 0;
    display: inline-block;
}

.sidebar-3 .sidebar-area .widget-title:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ff6f00;
    width: 40px;
    height: 2px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    right: -50px;
}

.sidebar-3 .widget h3,
.sidebar-3 .widget-title {
    padding: 0px;
    font-size: 20px;
    letter-spacing: 0px;
    margin-bottom: 25px;
    color: #111;
    border: none;
}

.sidebar-3 .widget-title:after {
    content: initial;
}

.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;
}

.promo-three .post-category a,
.slide-wrap .caption .s-cat,
.entry-meta span,
.entry-meta span a,
.post-cats>span i,
.post-cats>span a {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.post-content .post-meta {
    border-top: 1px solid #eee;
}

.footer-wrap {
    padding: 0;
    background: #f7f7f7;
    border: none;
}

footer.site-footer {
    background: #f1f1f1;
    color: #949494;
    font-size: 14px;
    padding: 25px 0;
    border-top: solid 1px #ececec;
}

.footer-menu li a {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.promo-three .item .promo-content {
    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

.pagination .page-numbers {
    border: 0;
    line-height: 40px;
    padding: 0;
    margin-right: 5px;
    background: #eaeaea;
    min-width: 40px;
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 50%;
    color: #000;
}

ol.wp-block-latest-comments {
    padding-left: 0;
}

@media (max-width: 767px) {
    .post-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .left-image .post-media {
        max-width: initial;
        min-width: auto;
    }
}

@media (max-width: 991px) {
    .site-footer {
        margin-bottom: 0;
    }
}