/*
Theme Name: Ultimate Blogger Pro Child
Theme URI: https://www.buywptemplates.com/themes/premium-ultimate-blogger-wordpress-theme/
Template: ultimate-blogger-pro
Author: Severo Coutinho
Author URI: http://bit.ly/pirenko_codeable
Description: Ultimate Blogger Pro is a highly responsive Premium WordPress Theme. It is an ideal solution to build a blog or personal website. It is completely customizable and provides exclusive features such as Gallery, Search bar, multiple sidebar, Social media icon, newsletter, and latest post section. It is a cross browser compatible theme which works well on different browsers.
Tags: one-column,right-sidebar,custom-menu,editor-style,featured-images,full-width-template,sticky-post,theme-options,threaded-comments
Version: 1.0.1699535249
*/

html body {
    font-family: 'Muli', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}

html div#footer aside p.excerpt,
html #footer ul li a,
html div#footer p,
div#footer aside.widget ul li a,
html .tagcloud a,
html .relatedposts p,
html #post_blog .post_tag a,
html #post_blog .new_blogs ul.post-categories li a,
html p.comment_line,
html #sidebar ul li a,
html #sidebar h3,
html p,
html #post_blog .socila_share i,
html p.socila_share,
html .socila_share,
html p.excerpt {
    color: #FFFFFF;
}

html #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
html #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
    opacity: 1;
}

.postcontent p {
    padding: 0px;
}

#slider a.read-more,
html .read-more {
    text-transform: none;
}

.ej_tags a {
    color:#FFFFFF;
    font-size: 15px;
}
.ej_tags a:hover {
    color:#c7a770;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header>.container>.row {
    align-items: center;
}

#header .socialbox a {
    border-width: 0px;
    background-color: transparent !important;
    color: #1d1e20 !important;
    padding: 2px;
}

#header .socialbox i:hover {
    color: #1d1e20 !important;
}

#header .logo p,
#header .logo a {
    color: #1d1e20 !important;
}

html #header .logo h1 {
    font-size: 36px;
    font-family: 'Dancing Script', cursive !important;
}

html #header .logo p {
    margin-bottom: 0px;
}

#slider p {
    color: #1d1e20 !important;
    font-weight: bold;
}
html #slider .carousel-caption.d-none.d-md-block h2 {
    font-weight: bold;  
}

#header {
    position: fixed;
    width: 100%;
    top: 0px;
}

.admin-bar #header {
    top: 32px;
}

@media (min-width: 576px) {
    body {
        padding-top: 186px;
    }
}

@media (min-width: 768px) {
    body {
        padding-top: 147px;
    }
}

@media (min-width: 992px) {
    body {
        padding-top: 140px;
    }
}

@media (min-width: 1200px) {
    body {
        padding-top: 98px;
    }
}

@media screen and (max-width: 782px) {
    .admin-bar #header {
        top: 46px;
    }
}

@media only screen and (max-width: 719px) {
    body {
        padding-top: 142px;
    }
}

/*--------------------------------------------------------------
# Archive pages
--------------------------------------------------------------*/
#ej_cat_description {
    margin-top: 12px;
    letter-spacing: 0px;
    font-size: 15px;
}
#ej_cat_description p {
    font-size: 15px;
}
body.archive .feature-box {
    display: none !important;
}

/*--------------------------------------------------------------
# Share
--------------------------------------------------------------*/
.socila_share a,
.share_icon-single a {
    display: none;
}

.post_tag a {
    display: inline-block !important;
}

.socila_share i+a,
.share_icon-single i+a {
    display: inline-block;
}

.sharedaddy.sd-sharing-enabled {
    text-align: left;
}

.share-customize-link,
.sharedaddy>.sd-title {
    display: none !important;
}

/*--------------------------------------------------------------
# Masonry
--------------------------------------------------------------*/
html .new_blogs {
    padding: 20px 20px 20px 20px;
}

html .new_blogs .cat-title {
    width: 100%;
}

p.post_head {
    line-height: 34px;
}

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

.new_blogs p.reading {
    text-align: center;
}

.new_blogs p.reading a {
    text-transform: capitalize;
}

.ej_unbreak i {
    font-size: 14px;
    margin-left: 0px !important;
    margin-right: 3px;
}

.ej_flexy {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px 12px;
}

/*--------------------------------------------------------------
# Gallery shortcode
--------------------------------------------------------------*/
.masonr_imgs_wrapper {
    columns: 2;
    gap: 25px;
}

.blog_fader_grid {
    background: #3d3d3d;
    padding: 10px;
    margin-bottom: 25px;
    display: inline-block;
}

/*--------------------------------------------------------------
# Single Gallery Items
--------------------------------------------------------------*/
.single-gallery_items #post_blog .thumnail {
    display: block !important;
    margin-bottom: 20px;
    pointer-events: none;
}

.single-gallery_items .single-post-nav,
.single-gallery_items .authordetails,
.single-gallery_items .recomend_section,
.single-gallery_items .cat-title,
.single-gallery_items #jp-relatedposts {
    display: none !important;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
html #sidebar aside.widget_recent_entries ul li a,
html #sidebar h3 {
    text-transform: none;
}

#sidebar .about_me img {
    border-radius: 50%;
    max-width: 75%;
}

html #sidebar ul li:before {
    display: none;
}

/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/
body.single-post .post_head {
    text-align: center;
}

body.single-post #post_blog .thumnail {
    display: none !important;
}

html div#post_blog {
    text-align: left;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.credit-link {
    display: none !important;
}

html #header .nav ul,
html .container #blog-right-sidebar h3,
html #footer h3,
html #bwt_content #footer h3 {
    text-transform: none;
}

#header .nav ul li a {
    font-size: 14px;
}

#footer .wpforms-container input[type=email] {
    width: 100%;
    margin-bottom: 0px;
}

#footer button {
    color: #1d1e20;
    background: #c7a770;
    font-size: 14px;
    padding: 12px 24px;
    font-weight: bold;
    outline: none;
    border-width: 0px;
    width: auto;
    font-family: "Muli";
}

#footer .wpforms-container.inline-fields .wpforms-field-container,
#footer .wpforms-container.inline-fields .wpforms-submit-container {
    width: 100%;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
textarea {
    background-color: #FFFFFF;
    color: #1d1e20;
}

/*--------------------------------------------------------------
# Responsive rules
--------------------------------------------------------------*/
@media screen and (min-width: 720px) {
    #header .nav ul li a {
        color: #1d1e20 !important;
    }

    #header .nav ul li a:hover {
        color: #FFFFFF !important;
    }

    #header .nav ul .sub-menu li {
        background-color: #b08f55 !important;
    }

    #header .nav {
        display: flex !important;
    }
}
@media (min-width: 577px) and (max-width: 767px) {
html #slider h2 {
    font-size: 21px;
}
}
@media only screen and (max-width: 767px) {
    html #slider .carousel-caption.d-none.d-md-block {
        display: block !important;
        right: inherit !important;
        width: calc(100% - 190px);
        max-width: none;
        left: 95px !important;
        position: absolute !important;
        padding: 0px !important;
    }

    html #slider .carousel-caption.d-none.d-md-block h2 {
       
    }

    html #slider .carousel-caption.d-none.d-md-block .slide-btn {
        margin-top: 26px;
    }
}

@media only screen and (max-width: 719px) {

    #header .col-md-3,
    #header .col-md-6 {
        max-width: none;
        width: 100% !important;
        flex: 0 0 100%;
    }

    #header {
        padding-bottom: 20px;
    }

    html #header .menus {
        background-color: transparent;
    }

    #header .toggle a {
        color: #1d1e20;
    }

    #header .nav ul li:first-child {
        border-top: 0px #303030 solid;
    }

    ul.sub-menu:before {
        display: none !important;
    }

    #header .logo,
    #header .logo h1 {
        text-align: left;
    }
}
@media only screen and (max-width: 576px) {
    html #slider .carousel-caption.d-none.d-md-block {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
}
@media only screen and (max-width: 560px) {
    html #slider .carousel-caption.d-none.d-md-block {
        width: calc(100% - 90px);
        left: 45px !important;
        top: 50%;
        transform: translateY(-50%);
    }

    html #slider .carousel-caption.d-none.d-md-block .slide-btn {
        margin-top: 9px;
    }

    html #slider h2 {
        font-size: 16px;
        padding-bottom: 2px;
        padding-top: 0px;
    }

    html #slider p {
        font-size: 12px;
        max-height: 90px;
        overflow: hidden;
        line-height: 15px;
    }

    html #slider a.read-more {
        font-size: 14px;
        padding: 6px 18px !important;
    }
}