/**
Theme Name: Smooth Cafe
Theme URI: https://themepalace.com/downloads/smooth-cafe/
Author: moralthemes
Author URI: https://moralthemes.com
Description: Smooth Cafe is one elegant and sophisticated, clean and retina ready, beautiful and responsive multipurpose theme that is ideal for pizza shops, tea shops, coffee shops, cafeterias, bakeries, burger shops, restaurants, and many more. If you are a crazy foodie who loves to discover new varieties of dishes and share with people as a food blogger then this theme is also suitable for you. You can fully customize your website with so many customization and personalization options available. The Smooth Cafe theme is very user-friendly as well as SEO friendly which will help your website get indexed on search engines soon. The theme has optimized codes for faster page load times and is fully responsive with all devices.
Version: 1.0.1
Requires PHP: 5.6
Tested up to: 5.8
Requires at least: 5.0
Template: smooth-blog
Text Domain: smooth-cafe
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
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.
*/


.second-design #masthead {
    background-color: rgba(0, 0, 0, 0.60);
}
#secondary-menu {
    text-align: left;
}
.second-design .site-branding {
    margin: 0;
}
#our-services .section-subtitle {
    color: #ffffff;
}
.second-design .service-item-wrapper, 
.second-design #our-services .section-title {
    position: relative;
    color: #fff;
}
.second-design .service-item-wrapper .entry-title a:hover {
    color: #fff;
    opacity: 0.8;
}
.second-design .service-icon .fa {
    color: #fff;
}
.second-design #our-services .btn {
    border-color: #fff;
    color: #fff;
}
.second-design #our-services .btn:hover, 
.second-design #our-services .btn:focus {
    background-color: #171616;
    color: #fff;
    border-color: #171616;
}
#cta .read-more .btn:hover,
#cta .read-more .btn:focus {
    background-color: #171616;
    color: #fff;
}

#related-posts{
    padding-top: 0px;
}

#testimonial .wrapper {
    background: #d56442;
    padding: 60px 0px;
}


.site-info span a,
#cta .section-subtitle,
#our-services .section-subtitle,
#menu .woocommerce-Price-amount,
.featured-content-wrapper .entry-header span {
    color: #d56442;
}

.second-design #masthead {
    background-color: #d56442;
}

#site-navigation a{
    color: #000;
}

#colophon,
.second-design #top-navigation {
    background-color: #000;
}

.site-title a:hover, .site-title a:focus {
    opacity: 0.8;
    color: #fff;
}

.main-navigation .social-menu-item ul li a:focus,
.menu-toggle:focus {
    outline: thin dotted #fff;
}

.second-design .menu-toggle {
    background-color: black;
}

.widget-title, .widgettitle {
    font-family: 'Dancing Script', cursive;
    font-size: 32px;
    background: #ededed;
     padding: 0px; 
    margin-bottom: 20px;
}

#secondary {
    background: #eaedf3;
    padding: 20px;
}

input[type="submit"]{
    background-color: #d56442;
}

.single .featured-image{
    text-align: center;
}

.service-item-wrapper .read-more {
    margin-top: 25px;
}

#colophon a{
    color: #fff;
}

#colophon a:hover{
    opacity: 0.8;
}

@media screen and (min-width: 767px){
    .second-design #about-us article.has-post-thumbnail .featured-image {
        left: 0;
        right: 0;
    }

    .second-design #about-us article.has-post-thumbnail .entry-container {
        padding: 44px 55px 44px 55px;
        text-align: center;
    }
}

@media screen and (min-width: 1025px) {
    #masthead {
        position: relative;
        top: auto;
        padding: 20px 0px;
    }
    #masthead nav {
        margin: auto;
        float: right;
    }
    nav#site-navigation > ul > li > a {
        color: #fff;
    }
    #masthead .main-navigation ul.nav-menu li.current-menu-item > a, 
    #masthead .main-navigation ul.nav-menu > li > a:hover, 
    .main-navigation ul.nav-menu li:hover > a {
        color: #fff;
        opacity: 0.8;
    }

    .main-navigation .social-menu-item .social-icons {
        padding: 0px 0;
    }

    #page-site-header .wrapper {
        background: #d56442;
    }
}

@media screen and (max-width: 1024px){
    .second-design .site-branding {
        float: none;
        text-align: center;
        padding: 20px 0;
    }

    .main-navigation form.search-form input {
        padding-left: 40px;
        background: antiquewhite;
    }

    .main-navigation .search-menu {
        padding: 20px;
    }

    .main-navigation .social-menu-item .social-icons {
        margin: 0;
        padding: 0px 15px 20px 15px;
        text-align: center;
    }
}