/*
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 business theme that can easily bring your website to perfection. Neat, highly customizable, and extremely easy to use, it makes your website stand out. TS Mobile App is ideal for lead capturing and landing pages, reviews of upcoming products, mobile apps, utility apps for businesses, enterprise-specific apps, children learning apps, playgroup apps, communication apps, Google Play apps, WooCommerce apps, technology solutions, software development, startups, user experience design, tech solutions, app design, digital products, innovation, mobile payment apps, launchpads for iPhone, web apps, HTML templates, gadgets, and other business propositions. It is suitable for hotels, restaurants, iOS apps, online shopping apps, safety apps, parental control apps, event planning, real estate, gyms, education, construction, tours and travel, photography, job boards, local businesses, startup businesses, one-page websites, Playstore apps, architecture, Android apps, app developers, app launches, app marketing, app showcases, events, gallery exhibitions, fashion, lenses, yoga, universities, schools, app stores, iPad apps, iPhone apps, startup sports, and similar websites. TS Mobile App features a niche-specific design, responsive layout, theme customizer for managing sliders, featured images, custom logos, sidebars, headers, and footers without coding. Fully RTL-supported, SEO-optimized, and built with clean, secure code for faster page loads, it offers numerous customization options to create a professional and personalized website. Fully compatible with WooCommerce for selling digital products, Contact Form 7 for lead capture, YITH WooCommerce Wishlist, and YITH WooCommerce Compare, TS Mobile App provides a comprehensive platform for mobile app and tech-related websites. 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.9
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;
    }
}