/*
Theme Name: TS Mobile App
Theme URI: https://www.themeshopy.com/themes/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, Utility Apps for Businesses, Enterprise-specific Apps, Chi;dren learning apps, playgroup apps, Communication Apps, Google play, woocommerce app, Mobile Apps, Technology, Software, Development, Startups, User Experience, Tech Solutions, App Design, Digital Products, Innovation, Mobile Payment Apps, launchpad for iPhone, app website, website HTML template, Web App, gadgets or any other business proposition. The theme can be used by varying businesses like hotel, restaurant, iOS app, Online Shopping Apps, Safety Apps, Parent Controlling Apps, Event Planning Tips, 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, appstore, ipad app, iphone app, startup sports, and similar websites. TS Mobile APP has niche specific design, responsive layout and theme customizer to manage sliders, Featured Images, 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/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 0.7.5
license: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ts-mobile-app
Template: bb-mobile-application
Tags: custom-background, custom-menu, custom-colors, custom-logo, editor-style, block-patterns, 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, four-columns, blog, e-commerce
*/

body{
	font-family: 'Ubuntu', sans-serif !important;
    margin: auto !important;
}
a, a.checkout-button.button.alt.wc-forward, .woocommerce-info a, .woocommerce-privacy-policy-text p a, .woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a{
    text-decoration:none !important;
}
ul{
    padding: 0 !important;
}
.woocommerce span.onsale,nav.woocommerce-MyAccount-navigation ul li a, .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;
}
a.checkout-button.button.alt.wc-forward, .search-form input.search-submit, #menu-sidebar input[type="submit"], .woocommerce button.button, .woocommerce button.button:hover, #comments a.comment-reply-link:hover, #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 .tagcloud a:hover,#sidebar .tagcloud a:hover,#footer input[type="submit"], .our-services .navigation .nav-previous a, .our-services .navigation .nav-next a{
    background: #b73558;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .page-links .post-page-numbers.current, .page-links a, .page-links a:hover, #sidebar .widget_block h2, #sidebar #block-2 button[type="submit"]{
    background: #b73558;
    color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
    color: #000;
}
.woocommerce a.woocommerce-review-link, #sidebar ul li a:hover,.product_meta a,.tags i,.woocommerce .star-rating span, .woocommerce p.stars a,.woocommerce-MyAccount-content a,#footer h3,.woocommerce-message::before{
    color: #b73558;
}
.woocommerce a.added_to_cart{
    display: inline-block;
}
.woocommerce .product .added_to_cart{
    background: #b73558;
    color: #fff;
}
.woocommerce .product .added_to_cart:hover{
    background: #000;
    color: #fff !important;
}
.copyright-wrapper .widget{
    padding: 20px 0 0;
}
.copyright-wrapper .copyright p a:hover{
    color: #000 !important;
}
.woocommerce .woocommerce-MyAccount-content .title a, .woocommerce .entry-summary .posted_in a{
    background: #b73558;
    color: #ffffff !important;
}
.woocommerce .entry-summary .posted_in a:hover{
    color: #ffffff !important;
}
.woocommerce-message {
    border-top-color: #b73558;
}
.new-text, .our-services .page-box.grid-box .new-text{
    border-left: 20px solid #b73558;
}
.our-services .page-box:hover, .our-services .page-box.grid-box:hover {
    box-shadow: 0 0 5px #b73558;
}
#scroll-top{
    background-color: #b73558;
    border-color: #b73558;
}
.search-form input.search-submit{
    display: block;
}
#footer input[type="submit"]{
    height: auto;
    padding: 10px;
}
.wp-block-latest-comments__comment-meta a{
    color: #b73558;
}
.search-form label{
    float: left;
}
.innerlightbox .search-form input.search-field{
    padding: 13px;
}
#footer .tagcloud a, .woocommerce a.woocommerce-review-link, #footer .widget_block.widget_tag_cloud 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 p{
    color: #fff;
}
.inner{
    background-color: #b73558;
}
#footer .footer-social-icon a{
    color: #ffffff;
}
#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, #footer .widget_block.widget_tag_cloud a:hover, #sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover, .our-services .wp-block-tag-cloud a:hover, #sidebar .widget_block.widget_search .wp-block-search__label{
    background: #b73558;
    color: #fff !important;
}
.woocommerce form .form-row .required{
    color: #df0000 !important;
}
a:focus,button:focus{
  outline: 2px solid #FF4500;
  border-bottom: 1px solid #000;
}
.woocommerce ul.products li.product a img{
    margin-bottom:0;
}
.our-services .navigation .nav-previous a:hover, .our-services .navigation .nav-next a:hover{
    color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale, .wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a, .wc-block-cart__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-checkout__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-checkout__form .wc-block-components-button{
    background: #b73558 !important;
    color: #ffffff !important;
    border-color: #b73558 !important;
}
.wp-block-woocommerce-empty-cart-block li .wc-block-grid__product-link, .wp-block-woocommerce-empty-cart-block .wp-block-button a, .wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
    text-decoration: none !important;
}
/*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;
}
#maincontent .page-box-single .wp-block-button.is-style-outline a:hover{  
  color: #fff !important;
}
/*---- Slider ----------*/
#slider{
	background: #fff;
}
#slider .inner_carousel .small-title{
    color: #3a2a34;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
#slider .inner_carousel h1{
    font-size: 45px;
}
#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;
    font-size: 13px;
    border-bottom: solid 3px #3a2a34;
    color: #fff;
    text-transform: uppercase;
}
#slider .know-btn a:hover, #about-mobile .know-btn a:hover{
    background: #000;
}
main#maincontent a:hover, #slider .know-btn a:hover, #about-mobile .know-btn a:hover{
    color: #000;
}
.page-template-custom-front-page #header{
	background: #3a2a34c4 !important;
	border-bottom: solid 3px #ca486c;
}
#slider .carousel-control-prev-icon,#slider .carousel-control-next-icon{
    color: #3a2a34;
}
.our-services .navigation .nav-previous a:hover, .our-services .navigation .nav-next a:hover{
    background: #000000;
}
.creative-feature {
    padding-top: 10px;
}
.creative-feature .middle-image{
    text-align: center;
}
/*--------- header -----------*/
.page-template-custom-front-page .fixed-header #header{
    background: #3a2a34 !important;
}
.meta-nav:hover, .tags p a:hover,a.button{
    color: #fff !important;
}
#comments a.comment-reply-link, .meta-nav:hover, .tags p a:hover,a.button{
    background: #b73558;
}
#comments a.comment-reply-link:hover{
    background: #000;
}
.tags p a:hover{
    border: 1px solid #b73558;
}
.tags p a{
    display: inline-block;
    margin:5px;
    padding: 2px 10px;
}
.entry-date:hover a, .entry-date:hover i, .entry-author:hover a, .entry-author:hover i,.metabox a:hover, .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, #footer .widget_block .wp-block-heading {
    color: #fff !important;
}
#footer .widget_block .wp-block-heading {
    text-transform: capitalize;
}
.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;
}
.fixed-header{
    background: #b73558;
}
/*----Service Section------*/
.post-list-odd {
    background: #3a2a34;
    border-top: 5px solid #b73558;
    height: 100%;
}
.post-list-even {
    background: #b73558;
    border-top: 5px solid #3a2a34;
    height: 100%;
}
.creative-feature h2 {
    background: url(images/sectionborder.png) no-repeat center bottom;
}
.post-categories li a, .post-categories li a:hover{
    background: #000;
    color: #fff !important;
}
.page-box .post-categories{
    padding-left: 40px !important;
}
/*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;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
}
#about-mobile h5 {
    background: url(images/sectionborder.png) no-repeat left bottom;
    color: #000;
    font-size: 25px;
}
#about-mobile p {
    color: #777777;
    line-height: 1.5;
    font-size: 16px;
}
.service h4, .search-form input.search-submit, #comments a.comment-reply-link, #comments input[type="submit"].submit, #header .logo a ,#header .logo p, .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, .read-more-box, #footer .calendar_wrap a, #sidebar h3,#sidebar input[type="submit"],#sidebar h3 a.rsswidget,#footer h3 a.rsswidget, #slider .know-btn a:hover, #about-mobile .know-btn a:hover, #footer #calendar_wrap a, #footer #calendar_wrap a:hover, .our-services .navigation .nav-previous a, .our-services .navigation .nav-next a{
    color: #fff;
}
/*-----footer----*/
#footer{
    background: #2c2c2c;
}
#footer h3, #footer .widget_block .wp-block-heading {
    border-bottom: 3px double #fff;
}
#footer p a{
    color: #fff;
}
.copyright-wrapper li a:hover{
    color: #ca486c;
}
#sidebar #calendar_wrap a{
    color: #b73558;
}
#sidebar .widget_shopping_cart_content a.button{
    display: inline;
}
#footer .copyright{
    padding: 0 20px;
}
#footer .textwidget a, #sidebar .textwidget a, .entry-content a, .comment-body p a, .woocommerce-product-details__short-description p a{
    text-decoration: underline !important;
}
p.comment-form-url input{
    width: 100%;
    padding: 12px 10px;
    font-size: 18px;
    margin: 20px 0 0 0;
    border: 1px solid #bcbcbc;
}
.bradcrumbs{
    padding:30px 0;
}
.bradcrumbs a{
    background: #b73558;
    color:#fff;
    padding:8px 15px;
    margin-right:5px;
    font-weight: 600;
}
.bradcrumbs a:hover{
    background: #b73558;
    color: #fff !important;
}
.bradcrumbs span{
    background: #b73558;
    color:#fff;
    padding:8px 15px;
    font-weight: 600;
}
.sf-arrows .sf-with-ul:after{
    top: 17px !important;
}
/*--------media--------------*/
@media screen and (min-width: 320px) and (max-width: 425px){
    #slider .inner_carousel h1{
        font-size: 20px !important;
    }
    #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%;
    }
}
@media screen and (min-width: 769px) and (max-width: 992px){
    .woocommerce .add_to_cart_button{
        font-size: 14px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    #service-cate .service a h4{
        font-size: 18px;
    }
    #about .left-part h3, #about .right-part h3{
        font-size: 16px;
    }
}
@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: 30px;
    }
    .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;
    }
}