/*
Theme Name: Chic Lifestyle
Theme URI: https://thebootstrapthemes.com/chic-lifestyle/
Author: thebootstrapthemes
Author URI: https://thebootstrapthemes.com
Description: Chic Lifestyle is a free feminine and chic WordPress theme is a minimalist and fully responsive multipurpose theme that enables you to customize your website with live preview. This theme is very lightweight, easy to use, SEO friendly and customizable according to your necessity and desire. This is one of the best WordPress theme designed for feminine blog, newspaper, magazine, photographers, personal portfolio, travel blogging, travel bloggers, colleges, universities, small medium and large scale businesses, corporates, lawyers, bloggers, restaurants, weddings, hotels, churches, salons, fitness, resorts, ecommerce, businesses, shopping, woocommerce, female bloggers, creative freelancers, professionals etc. This theme is build in bootstrap.
Version: 11.1.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chic-lifestyle
Tags: right-sidebar, portfolio, e-commerce, theme-options, featured-images, rtl-language-support, grid-layout, editor-style, custom-header, threaded-comments, custom-background, custom-colors, blog, footer-widgets

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.

chic-lifestyle is based on Underscores http://underscores.me/, (C) 2012-2015 thebootstrapthemes.
chic-lifestyle is distributed under the terms of the GNU GPL v2 or later.

*/

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    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. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Content Issax
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

/*--------------------------------------------------------------
## Asides Isaax
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comments-area .comment-form label {
    display: inline-block !important;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */

    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
## Galleries NotFound
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
## Main style starts here
--------------------------------------------------------------*/

section.logo {
    background-color: #fff;
    border: none;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
header .site-title {
    color: var(--logo-font-color);
    font-size: var(--logo-font-size);
    font-family: var(--logo-font-family);
    margin: 0;
}
header .main-logo img {
    width: auto;
    height: var(--logo-size);
}
.search-top .search-field {
    border-bottom: 1px dotted #000;
}

.search-submit {
    text-indent: -99999px;
    background: url(images/search.png) no-repeat center/50%;
}

section .social-icons li.facebook a {
    background: #507cbe;
}

section .social-icons li.twitter a {
    background: #63ccf1;
}

section .social-icons li.google-plus a {
    background: #dc4a38;
}

section .social-icons li.youtube-play a {
    background: #dc4a38;
}

section .social-icons li.linkedin a {
    background: #2386ef;
}

section .social-icons li.pinterest a {
    background: #63ccf1;
}

section .social-icons li.instagram a {
    background: #e22291;
}

section.logo img.custom-logo {
    margin: 15px 0;
}

section.logo .site-title {
    font-size: var(--logo-font-size);
    font-family: var(--logo-font-family);
}


/*header top aread ends*/


.breadcrumbs a {
    color: var(--text-secondary-color);
}

/* dynamic */
.owl-nav {
    position: absolute;
    top: 40%;
    right: 0;
    width: 60px;
    width: 100%;
    font-size: 0.70em;
    color: #888;
    text-transform: uppercase;
}

.owl-carousel .owl-nav .owl-prev {
    float: left;
    background: url(images/left.png) no-repeat center;
}

.owl-carousel .owl-nav .owl-next {
    float: right;
    background: url(images/right.png) no-repeat center;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    background-size: 20px;
    text-indent: -10000px;
    overflow: hidden;
    height: 50px;
    width: 30px;
    background-color: #000;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    opacity: 1.0;
}

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

.owl-dot {
    background: #ccc;
    height: 2px;
    width: 10px;
    display: inline-block;
    margin: 0 3px;
}

.owl-dot.active {
    background: #888;
}
/* dynamic end */


/* dynamic */
footer h5.widget-title {
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff21;
    padding-bottom: 10px;
}

footer ul {
    margin: 0;
}

footer a {
    color: #fff !important;
}

footer .widget,
footer .about-wrapper {
    margin-bottom: 0;
    float: left;
    width: 25%;
    padding-right: 30px;
}

footer .widget:last-child {
    padding: 0;
}
/* dynamic end */

/* dynamic */

/* dynamic end */



/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

.widget {
    margin-bottom: 45px;
    float: left;
    width: 100%;
    position: relative;
}

.widget ul,
.widget ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.widget li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 1px 0 !important;
}

.widget .widgets-list-layout-links {
    float: left;
    width: 80.404255%;
    line-height: 19px;
    padding-left: 15px;
}

.widget_archive li,
.widget_categories li {
    text-align: right;
}

.widget_archive li a,
.widget_categories li a {
    float: left;
}

.widget_search {
    background: #ccc;
    padding: 30px;
}

.widget_search label {
    width: 78%;
    float: left;
}

.widget_search input.search-field {
    padding: 8px 5%;
    border: none;
    width: 90%;
}

.widget_search input.search-submit {
    border: none;
    background: url(images/search.png) center no-repeat;
    color: #fff;
    width: 22%;
    background-size: 25px;
    background-color: #00000070;
}

.jetpack_subscription_widget {
    background: #333;
    padding: 30px;
    color: #fff;
}

.jetpack_subscription_widget h3.widget-title {
    color: #fff;
}

.widget #subscribe-email input {
    width: 100%;
}

.widget .entry-meta a,
.widget .post-date {
    color: #aaa;
    font-size: 0.85em;
    display: block;
}

.widget h3.entry-title a {
    color: #333;
}

.widget-instagram .popup-gallery {
    display: none;
}

.widget-instagram .owl-carousel {
    display: block;
}


.widget .popup-gallery li {
    float: none;
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    position: relative;
    overflow: hidden;
}

.widget-instagram .widget {
    margin: 0;
}

.widget-instagram ul {
    margin: 0 !important;
    padding: 0;
    position: relative;
    list-style: none;
}

.widget-instagram .owl-nav {
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.widget-instagram .owl-carousel .owl-nav .owl-prev {
    float: left;
    background: url(images/left.png) no-repeat center;
    margin-left: 30px;
}

.widget-instagram .owl-carousel .owl-nav .owl-next {
    float: right;
    background: url(images/right.png) no-repeat center;
    margin-right: 30px;
}

.widget-instagram .owl-carousel .owl-nav .owl-prev,
.widget-instagram .owl-carousel .owl-nav .owl-next {
    background-color: #000000c4;
    background-size: 20px;
    text-indent: -10000px;
    overflow: hidden;
    height: 35px;
    width: 35px;
}

.widget-instagram .owl-carousel .owl-item {
    height: 200px;
    background-color: #000;
}

.widget-instagram .owl-carousel .owl-nav .owl-prev.disabled,
.widget-instagram .owl-carousel .owl-nav .owl-next.disabled {
    background-color: #616161c4;
    opacity: 0.3;
}

.widget-instagram ul li .instagram-meta {
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 12px;
    left: 50%;
    letter-spacing: 1px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    z-index: 100;
    width: 100%;
    display: block !important;
    bottom: auto;
    background: none;
    bottom: -50px;
}

.widget-instagram ul li:hover .instagram-meta {
    top: 50%;

}

.widget-instagram ul .instagram-meta span {
    margin: 0 10px;
}

.widget-instagram .profile-link {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    border-radius: 25px;
    border: 3px solid #fff;
    width: auto;
    background: #000;
    padding: 7px 25px;
    color: #fff;
}

.widget-instagram ul li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.widget-instagram ul li:hover:after,
.widget-instagram ul li:focus:after {
    opacity: 1;
}

.widget-instagram .widget_btif_instagram_widget ul li .instagram-meta {
    display: none;
}

.widget-instagram .widget_btif_instagram_widget ul.photos-5 li {
    width: 100%;
    border: none;
    margin: 0 !important;
    padding: 0 !important;
}

.widget-instagram .widget_btif_instagram_widget ul li .instagram-meta .fa-comment {
    float: none;
}
/* May have dynamically injected html markup, shall i remove? */
/* END */



/* no bootstrap utility */
.scroll-top-wrapper {
    background: rgba(0, 0, 0, 0.5);
    line-height: 30px;
}


@media (max-width: 991px) {}

@media (max-width: 767px) {
    section.logo {
        padding: 15px 0;
    }

    section .social-icons {
        width: 100%;
    }

    .search-top {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    .search-top label {
        width: 85% !important;
    }

    .search-top .search-field {
        width: 90% !important;
    }

    section.top-nav ul {
        text-align: center;
    }

    section.top-nav .search-social .search-top,
    section.top-nav .search-social .social-icons {
        width: 100%;
    }

    section.top-nav .search-social .search-top label {
        width: 60%
    }

    section.top-nav .search-social .search-top .search-submit {
        width: 40%;
    }

    section.top-nav .search-social .social-icons {
        margin-top: 10px;
    }

    footer .widget,
    footer .about-wrapper {
        width: 100%;
        padding: 0;
        margin-bottom: 60px;
    }

    .banner-news .banner-news-list:nth-child(1) {
        width: 100%
    }

    .banner-news .banner-news-list:nth-child(1) img,
    .banner-news .banner-news-list img {
        width: 100%;
        height: auto;
    }

    .banner-news .banner-news-list {
        width: 100%;
    }

    .grid-view {
        display: block;
    }

    .list-view .featured-image,
    .list-view .summary {
        width: 100%;
        padding: 0;
    }

    .widget-newsletter .blossomthemes-email-newsletter-wrapper .text-holder {
        width: 100%;
    }

    .widget-newsletter .blossomthemes-email-newsletter-wrapper form {
        width: 100%;
    }

    .widget-newsletter .blossomthemes-email-newsletter-wrapper form input[type="text"],
    .widget-newsletter .blossomthemes-email-newsletter-wrapper form input[type="email"] {
        width: 100%;
        margin-bottom: 15px;
    }

    .widget-newsletter .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
        width: 100%;
    }
}
