/*
Theme Name: TS Mobile App
Theme URI: https://www.themeshopy.com/free/wp-bb-mobile-application-theme/
Author: ThemeShopy
Author URI: https://www.themeshopy.com/
Description: TS Mobile APP is a stunning and multipurpose unique business WordPress theme that can easily bring your website to perfection. Neat and extremely easy to use, it will truly make your website stand out among others. TS Mobile APP is a free WordPress theme for websites. It is an innovative lead capturing cum landing page WordPress theme. It is ideal for seeking reviews of upcoming products, mobile apps, Web App, gadgets or any other business proposition. The theme can be used by varying businesses like hotel, restaurant, real estate, gym, education, construction, tours and travel, photography, job board and portal, local business, startup businesses, digital products, one page website, playstore apps, architecture, android app, app developer, app launch, app marketing, App Showcase, events, gallery exhibition, fashion apparels, lens, yoga, university, school, sports, and similar websites. TS Mobile APP has niche specific design, responsive layout and theme customizer to manage sliders, custom logo, sidebars, It has RTL language support. header and footer without involving in the coding part. Its secure and clean code provides faster page loading. It provides numerous customization options making it effortless for you to make a personalized website. So, create a professional website with optimized codes with this theme. Demo: https://www.themeshopy.com/bb-mobile-application-theme/
Tested up to: 5.6
Requires PHP: 7.2.14
Version: 0.1.8
license: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: ts-mobile-app
Template: bb-mobile-application
Tags: custom-background, custom-menu, custom-colors, custom-logo, editor-style, featured-images, full-width-template, footer-widgets, one-column, sticky-post, two-columns, theme-options, threaded-comments, right-sidebar, left-sidebar, grid-layout, three-columns, blog, e-commerce
*/

body{
	font-family: 'Ubuntu', sans-serif !important;
    margin: auto !important;
}
#header,
.read-more-box,
#sidebar input[type="submit"],
#sidebar h3,
#comments input[type="submit"].submit,
.woocommerce span.onsale,
.woocommerce button.button.alt,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button, .woocommerce .cart input.button,
nav.woocommerce-MyAccount-navigation ul li,
.pagination .current,
.pagination a:hover,
.pagination span, .pagination a,
input[type="submit"]:hover,
input[type="submit"] ,
#footer .inner,
#footer .tagcloud a:hover,
#sidebar .tagcloud a:hover,
#footer input[type="submit"] {
    background: #b73558;
}
.woocommerce button.button{
    background-color: #b73558;
}
.woocommerce span.onsale,.woocommerce form .form-row .required, .woocommerce a.showcoupon,.woocommerce-cart .cart-collaterals .shipping-calculator-button,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    color: #fff !important;
 }
 .woocommerce a.showcoupon, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    color: #000 !important;
 }
 nav.woocommerce-MyAccount-navigation ul li a {
    color: #fff !important;
}
.woocommerce button.button:hover{
    background: #b73558;
}
#comments a.comment-reply-link:hover{
    background: #b73558;
}
#sidebar ul li a:hover,
.product_meta a,
.woocommerce p.stars a,
.woocommerce-MyAccount-content a,
#footer h3,
.woocommerce-message::before{
    color: #b73558;
}
.copyright-wrapper .widget{
    padding: 20px 0 0;
}
.woocommerce-message {
    border-top-color: #b73558;
}
.new-text {
    border-left: 20px solid #b73558;
}
.read-more-box{
    color: #fff !important;
}
.read-more-box:hover{
    color: #000 !important;
}
#sidebar h3,
#sidebar input[type="submit"],
#sidebar h3 a.rsswidget,
#footer h3 a.rsswidget{
    color: #fff;
}
#sidebar h3{
    padding: 15px ;
}
.search-form input.search-submit{
    color: #fff;
    display: block;
}
#footer input[type="submit"]{
    height: auto;
    padding: 10px;
}
.search-form label{
    float: left;
    margin-bottom: 10px !important;
}
.innerlightbox .search-form input.search-field{
    padding: 13px;
}
#footer .tagcloud a{
    border-color: #b73558;
}
#footer form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{
    background: #b73558;
    border:1px solid #b73558;
    color: #fff;
}
#footer .calendar_wrap a{
    color: #fff;
}
#sidebar .tagcloud a:hover,#footer .woocommerce a.button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover,.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background: #b73558;
    color: #fff !important;
}
.woocommerce a.woocommerce-review-link{
    color: #b73558;
}
.woocommerce form .form-row .required{
    color: #df0000 !important;
}
#footer p a, #footer p {
    color: #fff;
}
a:focus,button:focus{
  outline: 2px solid #FF4500;
  border-bottom: 1px solid #000;
}
.woocommerce ul.products li.product a img{
    margin-bottom:0;
}
/*button css*/
.wp-block-button a{
  background: #b73558 !important;
  border-radius:0;
  color: #fff !important;
}
.wp-block-button a:hover{
  background: #000 !important;
  color: #fff;
}
/*---- Slider ----------*/
#slider{
	background: #fff;
}
#slider .inner_carousel h1{
    font-size: 45px;
}
#slider .inner_carousel h1,
#slider .know-btn{
    padding: 0;
}
#slider .inner_carousel h1,
#slider .inner_carousel p{
	color: #3a2a34;
	line-height: 1.5;
}
#slider .inner_carousel h1{
    font-weight: 600;
}
#slider .know-btn a{
	background: #ca486c;
    border-top: none;
    border-radius: 3px;
    padding: 14px 18px;
    font-size: 13px;
    border-bottom: solid 3px #3a2a34;
    color: #fff;
}
#slider .know-btn a:hover, #about-mobile .know-btn a:hover{
    color: #000;
}
.page-template-custom-front-page #header{
	background: #3a2a34c4;
	border-bottom: solid 3px #ca486c;
}
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
    color: #3a2a34;
}

/*--------- header -----------*/
#header .logo {
    padding: 6px 0;
}
.page-template-custom-front-page .fixed-header #header{
    background: #3a2a34 !important;
}
#header .logo a ,#header .logo p{
    color: #fff;
}
.page-template-custom-front-page .fixed-header .primary-navigation a, .page-template-custom-front-page .fixed-header #header .logo a, .page-template-custom-front-page .fixed-header #header .logo p{
    color: #fff;
}
.meta-nav:hover, .tags p a:hover,a.button{
    background: #b73558;
    color: #fff !important;
}
#comments a.comment-reply-link{
    background: #b73558;
    color: #fff;
}
#comments a.comment-reply-link:hover{
    background: #000;
}
#comments input[type="submit"].submit{
    color: #fff;
}
.tags p a:hover{
    border: 1px solid #b73558;
}
.tags i,.woocommerce .star-rating span{
    color: #b73558;
}
.tags p a{
    display: inline-block;
    margin:5px;
    padding: 2px 10px;
}
.metabox a:hover{
    color: #b73558 !important;
}
.primary-navigation ul ul a,.page-template-custom-front-page .primary-navigation ul ul a{
    color: #b73558 !important;
}
#slider .know-btn a:hover, .search-form input.search-submit,#footer .tagcloud a:hover,#footer input[type="submit"], #footer h3,.pagination span, .pagination a, 
.primary-navigation a, .read-more-box:hover, .woocommerce a.button:hover,.woocommerce a.button:hover, .pagination .current, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    color: #fff !important;
}
.entry-content .woocommerce a{
    text-decoration: none;
}
.primary-navigation a,.primary-navigation ul ul a{
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
}
.primary-navigation ul ul {
    border-top: 6px solid #000 !important;
    border: 1px solid #b73558;
}
.page-template-custom-front-page .primary-navigation ul ul{
    border-top: 6px solid #b73558 !important;
}
.sf-arrows .sf-with-ul:after{
    position: absolute;
    top:20px;
}
.title-box{
    margin-bottom: 0;
}
/*----Service Section------*/
.service{
	text-align: center;
	padding: 25px;
}
.post-list-odd {
    background: #3a2a34;
    border-top: 5px solid #b73558;
}
.post-list-even {
    background: #b73558;
    border-top: 5px solid #3a2a34;
}
.service h4 {
    padding: 7px;
    color: #fff;
}
.creative-feature h2 {
    background: url(images/sectionborder.png) no-repeat center bottom;
}
main#maincontent a:hover{
    color: #000;
}
/*404 page*/
.page-content {
    margin: 20px 0;
}
/*------About-mobile ------*/
#about-mobile .know-btn a{
	background: #ca486c;
    border-top: none;
    border-bottom: solid 3px #3a2a34;
    color: #fff;
    padding: 14px 18px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
}
#about-mobile .know-btn{
	padding: 15px 0;
}
#about-mobile {
    margin: 25px 0;
}
#about-mobile h5 {
    text-align: left;
    background: url(images/sectionborder.png) no-repeat left bottom;
    padding: 15px 0px;
    color: #000;
    font-size: 25px;
}
#about-mobile p {
    color: #777777;
    line-height: 1.5;
    font-size: 16px;
}
#slider .know-btn a:hover, #about-mobile .know-btn a:hover{
    color: #fff;
}
/*-----footer----*/
#footer{
    background: #2c2c2c;
}
#footer h3 {
    border-bottom: 3px double #fff;
}
.copyright-wrapper li a:hover{
    color: #ca486c;
}
.metabox{
    padding: 0;
}
#sidebar #calendar_wrap a{
    color: #b73558;
}
#footer #calendar_wrap a, #footer #calendar_wrap a:hover{
    color: #fff;
}
/*--------media--------------*/
@media screen and (min-width: 320px) and (max-width: 425px){
    #slider .carousel-caption{
        right: 0;
        left: 0;
    }
    #slider .know-btn,
    #about,
    #about h4,
    .middle-image {
        text-align: center;
    }
    .middle-image .featuered-image img {
        width: 100%;
    }
    #header .logo{
        padding: 6px;
    }
}
/*------------------RESPONSIVE MEIDA-------------------*/
@media screen and (max-width: 1000px){
    #contact-info, #menu-sidebar, .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
        background-image: linear-gradient(-90deg, #000 0%, #b73558 120% );
    }
    .page-template-custom-front-page .primary-navigation ul ul,
    .primary-navigation ul ul{
        border: none !important;
    }
    #slider .inner_carousel p{
        display: none;
    }
    #slider .inner_carousel h1 {
        font-size: 40px;
    }
    .page-template-custom-front-page #header .logo a, .page-template-custom-front-page #header .logo p{
        color: #fff;
    }
    #contact-info label{
        width: 72%;
    }
    .page-template-custom-front-page .primary-navigation ul ul a:focus, .toggle-menu button:focus,.primary-navigation ul ul a:focus{
        outline: 2px solid #FF4500;
        border-bottom: 1px solid #fff;
    }
}