/*!
Theme Name: fenchi
Theme URI: http://fenchgroup.com/
Author: Fench Group
Author URI: http://fenchgroup.com/fenchi
Description: beauty and minimalist theme for blogger- demo of theme [http://fenchgroup.com]
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fenchi
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

fenchi 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 {
    font-family: 'Alegreya', 'Hoefler Text', Times, Serif;
    background: #f0f0f0;
}

.text-center {
    text-align: center;
}

/* header */
#primary-menu {
    padding-left: 0;
    font-family: 'Alegreya SC';
}

#header-about {
    padding-left: 40px;
}

#header-about i {
    margin-right: 7px;
}

#header-about p {
    color: #fff;
}

#navbarHeader h4 {
    font-size: 24px;
    font-weight: bold;
}

#header-contact i {
    background: #fff;
    padding: 4px;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 7px;
    margin-top: 8px;
}

.hidden {
    display: none;
}

#changetoggle {
    margin-right: 30px;
}

.sidebar .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.bg-white {
    background: #fff;
}

.bg-dark {
    background-color: #00264c !important;
}

.nav-link {
    color: #989898;
    font-size: 18px;
    font-family: 'Alegreya SC';
}

.nav-item {
    border-right: 1px solid #efefef91;
    padding-right: 6px;
    list-style: none;
}

.dropdown-menu {
    border-radius: 0;
    border: none;
    box-shadow: -1px 0 3px 2px #ddd;
}

.my-toggler {
    color: #686868;

}

.my-toggler:active {
    outline: none;
}

.navbar-logo {
    margin-right: 20px;
}

.custom-logo {
    float: left;
    margin-right: 14px;
}

.main-menu {
    padding-left: 0;
}

.site-title {
    font-size: 1.6rem;
    margin-bottom: 0;
}

.site-description {
    font-size: 1rem;
    margin-bottom: 0;
}

#info {
    float: left;
    margin-right: 20px;
}

.navbar-toggler:focus {
    outline: none;
}

.navbar-toggler {
    padding-right: 0 !important;
}

.navbar-toggler-icon {
    color: #686868;
}

/* end header */

/* bootstrap nav */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-submenu .dropdown-toggle::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    vertical-align: 0;
    border: 0;
}

/* end bootstrap nav */

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.gallery-caption {
    display: block;
}

/* home content */
.all-posts {
    margin-top: 1.5rem !important;
}

.main-content {
    margin-top: 100px;
}

/* post type one */
.post-details-type-one {
    width: 100%;
    float: left;
}

.post-details-type-one .post-title {
    font-family: 'Alegreya SC';
    font-size: 22px;
    line-height: 26px;
    text-align: center;
}

.post-details-type-one .publish-date {
    float: right;
    font-family: 'Alegreya SC';
    font-style: italic;
}

.posts-content-type-one p {
    text-align: justify;
    padding-left: 25px;
}

.posts-content-type-one .read-more {
    /* color: #007bff; */
    font-weight: bold;
    float: right;
}

/* quote post format */
.quote-post-type {
    padding: 40px;
    margin-right: -1.25rem;
    margin-left: -1.25rem;
    margin-bottom: 0;
}

.quote-padding {
    margin-top: 1.25rem;
}

.quote-body {
    padding-bottom: 0;
}

.quote-post-type .posts-content-type-one p {
    text-align: center;
}

.quote-post-type a {
    color: #fff;
}

.quote-content {
    background: #ffffff26;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 15px;
    color: #fff;
    border-radius: 20px 0 20px;
}

.quote-text {
    text-align: center;
    font-size: 26px;
    padding-right: 20px;
    padding-left: 20px;
}

.quote-author {
    text-align: center;
    padding-top: 10px;
}

.post-type-icon {
    position: absolute;
    bottom: 120px;
    right: 50px;
    font-size: 3em;
    color: #fff;
    opacity: 0.15;

}

.player {
    position: absolute;
    bottom: 50px;
    width: 80%;
    left: 10%;
}

.just-player {
    position: relative;
    width: 80%;
    left: 10%;
    padding-top: 80px;
}

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
    border-radius: 24px;
}

.video-post .mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
    border-radius: 0px;
}

/* video post */
.wp-video,
video.wp-video-shortcode,
.mejs-container,
.mejs-overlay.load {
    width: 100% !important;
}

.video-post .mejs-container {
    padding-top: 56.25%;
}

.wp-video,
video.wp-video-shortcode {
    max-width: 100% !important;
}

video.wp-video-shortcode {
    position: relative;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mejs-controls {
    display: none;
}

.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}

/* end video post */
.quote-body .post-type-icon {
    bottom: 42px;
}

/* end quote post format */
.category {
    position: relative;
}

.no-thumbnail {

    margin-bottom: 40px;
}

.cat-list {
    position: absolute;
    top: 10px;
    background: #00000038;
}

.cat-list ul {
    padding: 5px 12px 5px 30px;
    margin: 0;
}

.cat-list ul li {
    display: inline;
    list-style: none;
}

.cat-list ul,
.cat-list ul a {
    color: #fff;
}

.cat-list ul li i {
    padding-right: 3px;
    font-size: 13px;
}

/* end post type one */

.thumbnail {
    max-width: 100%;
}

.post-details {
    width: 30%;
    float: left;
    margin-right: 25px;
}

.post-details .post-title {
    font-family: 'Alegreya SC';
    font-size: 22px;
    /* font-weight: bold; */
    line-height: 26px;
    text-align: right;
}

.post-details .publish-date {
    float: right;
    font-family: 'Alegreya SC';
    font-style: italic;
}

.posts-content img {
    max-width: 100%;
}

.posts-content p {
    text-align: justify;
    padding-left: 12px;
    padding-right: 12px;
}

.posts-content .read-more {
    color: #007bff;
    font-weight: bold;
    float: right;
}

.clear {
    clear: both;
}

.author {
    font-style: italic;
    font-family: 'Alegreya SC'
}

.share-link a {
    padding-left: 5px;
}

.social h4 {
    position: relative;
    overflow: hidden;
    text-align: right;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}

.social .col-8 {
    padding-left: 5px;
}

.social .col-md-8 h4 {
    padding-right: 10px;
}

.social h4 span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: relative;
    padding: 0 5px;
}

.social h4 span:before {
    content: '';
    display: block;
    width: 1300px;
    position: absolute;
    top: 0.5em;
    border-top: 1px solid #bbbbbb;
}

.social h4 span:before {
    right: 100%;
}

.share-link {
    float: right;
    width: 66%;
    padding-left: 0 !important;
}

/* end home content */

/* 404 page */
.not-found {
    text-align: center;
    padding-bottom: 40px;
}

.not-found .card-body {
    padding-bottom: 50px;
}

.not-found form {
    max-width: 50%;
    margin: 0 auto;
}

/* end 404 page */

/* comment */

.bypostauthor {
    display: block;
}

.cmt-btn {
    border: 1px solid rgba(0, 0, 0, .125);
    background-color: #fff;
    padding: 12px 24px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.form-control:focus {
    box-shadow: none;
}

.comment-body {
    border: 1px solid #ddd;
    padding: 16px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;

}

.comments-title {
    font-size: 18px;
    padding: 20px;
    font-weight: bold;
}

.comment-reply-title,
.comment-notes {
    font-size: 18px;

    font-weight: bold;
}

.comment-list {
    padding: 24px;
}

.commentForm {
    margin: 24px;
}

.comment-meta {
    margin-top: 0;
    box-shadow: none !important;
    padding: 0;
    background: none;
}

.comment-author {
    float: left;
}

.comment-author img {
    margin: 0 5px !important;
    width: 48px;
    float: left;
}

.comment-content {
    display: block;
    clear: both;
}

.comment-content img {
    max-width: 100%;
}

.comment-metadata {
    float: right;
}

.comment-form [type=submit] {
    background: #41d6c3;
    border-color: #41d6c3;
    color: #fff;
    border: 2px solid #41d6c3;
    padding: 10px 20px;
    border-radius: 4px;
}

.comment-form-comment label {
    float: left;
    width: 100%;
}

.comment-form-url #url,
.comment-form-email #email,
.comment-form-author #author,
.comment-form-comment #comment {
    width: 100%;
}

/* end comment */

/* full width */
.full-width .post-details-type-one {
    width: 30% !important;
    padding-left: 25px;
    padding-right: 25px;
}

.full-width .post-details-type-one .post-title {
    text-align: right !important;

}

.full-width .post-details-type-one .publish-date {
    float: right !important;
}

.full-width .author {
    padding-right: 20px;
}

/* end full width */

/* archive page */
.page-header {
    padding: 5px 16px 0px 25px;
}

.page-header h1 i {
    padding-right: 6px;
}

.page-header h1 {
    font-size: 16px;
    font-weight: bold;
}

.archive .posts-content,
.archive .post-details {
    width: 100%;
}

.archive .post-details .post-title {
    text-align: center;
}

.archive .social h4 {
    padding-left: 26px;
}

.archive .thumbnail {
    width: 100%;
    border-radius: 3px 3px 0 0;
}

.archive .posts-content p {
    padding-left: 0;
}

/* end archive page */

/* sidebar */

.widget-title {
    border-bottom: 1px solid #eee;
    color: #737373;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}

.widget ul {
    padding-left: 0;
}

.cat-item,
.page_item,
.widget_archive ul li,
.widget_recent_entries ul li,
.widget_meta ul li,
.widget_nav_menu .menu-item,
.widget_recent_comments ul li {
    list-style: none;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    color: #aaaaaa;
    text-transform: capitalize;
}

.cat-item a:before,
.page_item a:before,
.widget_recent_entries ul li a:before,
.widget_nav_menu .menu-item a:before,
.widget_recent_comments ul li span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    margin-left: 0;
    margin-right: 10px;
}

.widget_meta ul li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c1";
    margin-left: 0;
    margin-right: 10px;
}

.widget_archive ul li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f039";
    margin-left: 0;
    margin-right: 10px;
}

.tagcloud a {
    font-size: 13px !important;
    color: #aaa;
    padding: 4px 10px;
    display: inline-block;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    margin: 7px 7px;
    border-radius: 2px;
}

.widget_recent_comments ul li {
    color: #41d6c3;
    font-size: 13px;
}

.tagcloud a:hover {
    border: 1px solid #ff4a14;
    text-decoration: none;
}

.cat-item a,
.page_item a,
.widget_archive a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li span,
.widget_nav_menu .menu-item a {
    font-size: 13px;
    color: #aaaaaa;
}

.cat-item a:hover,
.widget_recent_entries ul li a:hover,
.widget_meta ul li a:hover,
.widget_nav_menu .menu-item a:hover,
.widget_recent_comments ul li a:hover {
    color: #ff4a14;
    text-decoration: none;
}

.widget .children {
    padding-left: 16px;
}

.widget .children li {
    display: table-footer-group;
}

.widget_categories .screen-reader-text {
    padding-right: 4px;
    display: none;
}

.widget_categories #cat {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    display: inline-block;
    width: 100%;
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.widget_media_image img {
    max-width: 100%;
    border: 1px solid #ddd;
    padding: 2px;
}

.widget_media_gallery figure {
    display: inline-block;
}

.widget_media_gallery img {
    border: 1px solid #ddd;
    padding: 2px;
    margin: 2px;
}

.widget_text img {
    max-width: 100%;
    height: auto;
}

.widget .wp-video,
video.wp-video-shortcode,
.mejs-container,
.mejs-overlay.load {
    height: auto;
}

/* calendar */
#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
    color: #fff;
}

#wp-calendar th {
    border: 1px solid #ddd;
    text-align: center;
    color: #fff;
}

#wp-calendar tr,
#wp-calendar td {
    border: 1px solid #ddd;
    text-align: center;
    padding: 4px;
}

#wp-calendar .pad {
    background: #f0f0f0;
}

/* calendar */

/* about me */
.line-left {
    position: relative;
    text-align: center
}

.line-left:before {
    content: "";
    display: block;
    border-top: solid 1px #bebebe;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    z-index: 0;
}

.line-left span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.about-me p {
    text-align: justify;
}

#author-pic {
    margin: -1.25rem -1.25rem 1.25rem -1.25rem;
}

.author-picture {
    border-radius: 3px 3px 0 0;
    width: 100%;
}

.social-link {
    text-align: center;
    font-size: 14px;
}

.social-link a {
    width: 26px;
    padding: 3px;
    height: 24px;
    border-radius: 4px;
    display: inline-block;
    margin: 2px;
}

.social-link a:hover {
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.social-link a i {
    color: #fff;

}

.post-img {
    width: 72px;
    height: 62px;
    border: 1px solid #ddd;
    padding: 2px;
    margin-right: 10px;
}

.latestpost-title a {
    display: flex;
    text-align: left;
}

.views {
    font-size: 13px;
    padding-left: 15px;
    display: block;
}

.user-avatar {
    width: 45px;
    height: 45px;
    border: 1px solid #ddd;
    padding: 2px;
    margin-right: 10px;
}

.latest-comments a {
    display: flex;
    line-height: 24px;
    text-align: left;
}

.user-name,
.comment {
    display: contents;
}

.banner-img {
    max-width: 100%;
    border: 1px solid #ddd;
    padding: 2px;
}

/* end sidebar */

/* single post */
.single-post {
    margin-top: 1.5rem !important;
}

.single-post .publish-date {
    display: block;
    text-align: right;
}

.single-post img,
.category img {
    margin: 0 auto;
    display: block;
    padding-bottom: 10px;
    height: auto;
}

.carousel-item img {
    max-width: 100%;
}

#carousel-indicator {
    bottom: 35px;
}

.thumbnail {
    border-radius: .25rem .25rem 0 0;
}

.post-thumbnail img {
    width: 100%;
}

.tags ul {
    margin-left: 0;
    padding-left: 25px;
}

.tags ul li,
.count ul li {
    display: inline;
    padding-right: 4px;
}

.tags .fa-tags {
    font-size: 12px;
}

.count {
    float: left;
}

.tags a,
.count a {
    color: #9a9a9a;
}

.tags a:hover,
.count a:hover {
    text-decoration: none;
}

.count ul {
    padding-left: 25px;
}

.post-format-icon {
    left: auto;
    right: 50%;
    margin-left: 0px;
    margin-right: -22px;
    position: absolute;
    bottom: -15px;

}

.post-format-icon i {

    text-align: center;
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 40px;
    background-color: #fff;
}

.cmb2-postbox {
    display: none;
}

/* end single post */


/* footer */
footer {
    background: #fff;
    padding: 12px 0;
    box-shadow: 0 -0.125rem .25rem rgba(0, 0, 0, .075) !important;
    margin-top: 44px;
}

.footer .col-md-6 {
    padding: 10px 0;
}

.go-top ul li {
    display: inline-block;
    float: right;
    padding: 0 3px;
    font-size: 20px;
}

.go-top ul {
    margin-bottom: 0;
    padding: 10px;
    text-align: right;
}

.go-top a {
    color: #686868;
    font-size: 23px;
}

footer p {
    text-align: left;
    color: #989898;
    padding: 10px;
    margin: 0;
}

.move-top {
    padding: 1px 6px;
    padding-top: 4px;
    margin-left: 20px;
    border-radius: 4px;
}

#back-top {
    position: fixed;
    width: 42px;
    height: 42px;
    right: 10px;
    bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
    background: #007bff;
    display: none;
}

#back-top i {
    position: absolute;
    top: 23%;
    left: 23%;
    font-size: 24px;
    color: #fff;
}

/* adminbar  */
.admin-bar .fixed-top {
    top: 32px;
}

/* end footer */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width : 320px) {
    .share-link {
        width: 100% !important;
    }

    .author {
        width: 100% !important;
    }

    #changetoggle {
        display: none;
    }

    .dropdown-menu {
        box-shadow: none;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    /* Styles */
    .social h4 {
        padding-left: 20px;
    }

    .share-link {
        /* width: 52%; */
    }

    .post-details {
        width: 100%;
    }

    .post-details .post-title {
        text-align: center;
    }

    .posts-content {
        width: 100%;
    }

    .posts-content p,
    .posts-content-type-one p {
        padding-left: 0;
    }

    footer p {
        text-align: center;
    }

    .go-top ul {
        text-align: center;
    }

    .go-top ul li {
        float: none;
    }

    .main-content {
        margin-top: 70px;
    }

    .full-width .post-details-type-one {
        width: 100% !important;
    }

    .full-width .author {
        padding-right: 0;
    }

    .full-width .post-details-type-one .post-title {
        text-align: center !important;
    }


    #changetoggle {
        display: none;
    }

    .dropdown-menu {
        box-shadow: none;
    }
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1023.9px) {

    /* Styles */
    .col-md-8,
    .col-md-4 {
        max-width: 100%;
        flex: none;
    }

    #header-about {
        padding-left: 20px;
    }

    #header-about p {
        text-align: justify;
    }

    #changetoggle {
        display: none;
    }

    .dropdown-menu {
        box-shadow: none;
    }

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    /* Styles */
    .social h4 {
        padding-left: 66px;
    }

    .double .social h4 {
        width: 100%;
    }

    .social-link a {
        width: 24px;
    }

    #back-top {
        bottom: 70px;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */

    .social h4 {
        padding-left: 63px;
    }

    .double .social h4 {
        padding-left: 20px;
        font-size: 13px;
    }

    .social-link a {
        width: 24px;
        margin-bottom: 10px;
    }
}