/*
Theme Name: Tech Startup
Theme URI: https://www.themescaliber.com/products/tech-startup/
Author: ThemeShopy
Author URI: https://www.themeshopy.com/
Description: Tech Startup is a versatile and professional theme ideal for startups and agencies in the technical business domain. Perfect for IT and tech startups, corporates, web development agencies, tech bloggers, SaaS providers, fintech firms, AI-powered solutions, blockchain platforms, e-commerce startups, cloud service providers, IT solutions companies, cybersecurity consultants, data analytics experts, mobile app developers, edtech platforms, software development agencies, tech consulting firms, and digital marketing businesses, the theme features an innovative, minimalist design that highlights content and draws attention to key messages. Built on the robust Bootstrap framework, it delivers a responsive, mobile-friendly, and user-centric experience across desktops, laptops, tablets, and smartphones. SEO-friendly and schema-ready code ensures higher search engine rankings, while highly optimized code guarantees fast performance and quick page loading. Interactive Call to Action (CTA) buttons, smooth CSS animations, and integrated social media icons enhance engagement, while full compatibility with WooCommerce for online selling, Contact Form 7 for forms, Mailchimp for newsletters, and Yoast SEO for content optimization make it a complete solution. With numerous personalization options and an intuitive customizer, you can tailor the layout and give your site a unique identity. Demo: https://preview.themescaliber.com/tech-startup-pro/
Requires at least: 5.0
Tested up to: 6.9
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: tech-startup
Template: advance-startup
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{
    margin: auto !important;
}
:root {
  --primary-color: #ffd64e;
  --secondary-color: #06393a;
}
p{
    line-height: unset;
}
ul{
    padding: 0 !important;
}
a, .wc-proceed-to-checkout a.checkout-button{
    text-decoration: none !important;
}
input.search-field{
  padding: 10px !important;
}
input[type="submit"]{
  padding: 10px 30px !important;
}
.top-header,.talk-btn a,.primary-navigation li a:hover, .primary-navigation li:hover a, .primary-navigation li a:focus, .primary-navigation li:focus a,#slider .carousel-control-next-icon i, #slider .carousel-control-prev-icon i,#slider .inner_carousel .readbtn a,#we_provide .theme_button a, .read-more-btn a,#sidebar .tagcloud a:hover,#footer input[type="submit"],#footer .tagcloud a:hover,.tags p a:hover,.woocommerce span.onsale,#comments a.comment-reply-link,.read-moresec a:hover, #sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover, #footer .widget_block.widget_tag_cloud a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container 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, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
    background: var(--primary-color);
}
#slider .inner_carousel .readbtn a,#sidebar ul li:hover:before,nav.woocommerce-MyAccount-navigation ul li,#comments input[type="submit"].submit{
    background: var(--primary-color) !important;
}
.widget_text a,.entry-summary a, #footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a, .woocommerce-MyAccount-content p a, .new-text p a, .comment p a{
    text-decoration: underline !important;
    color: #906b00;
}
#sidebar .widget_block .wp-block-latest-comments a{
    color: #906b00;
}
.new-text h2 a, .metabox i, .metabox span a:hover, #sidebar .textwidget a,#sidebar ul li:hover, #sidebar ul li:hover a, #sidebar ul li:active, #sidebar ul li:focus,h1, h2, h3, h4, h5, h6,.tags i,.tags p a,.meta-nav,#comments a time, .pagination .current, .page-links .post-page-numbers.current, .pagination a:hover, .page-links a:hover, #sidebar .wp-block-search .wp-block-search__label{
    color: var(--primary-color) !important;
}
.tags p a:hover{
    color: #000 !important;
}
.woocommerce .woocommerce-MyAccount-content .title a, .woocommerce .entry-summary .posted_in a{
    background-color: var(--primary-color);
    text-decoration: none !important;
    color: #000000;
}
.woocommerce-MyAccount-navigation li a{
    text-decoration: none !important;
}
.tags p a,.tags p a:hover,.woocommerce-message,#footer input[type="search"],.read-moresec a{
    border-color: var(--primary-color);
}
#we_provide .theme_button a:hover, .read-more-btn a:hover,.talk-btn a:hover,#sidebar input[type="submit"]:hover,.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{
    background: var(--secondary-color) !important;
}
#we_provide .theme_button a:hover, .woocommerce a.button:hover{
    background: var(--secondary-color) !important;
}
#slider .carousel-control-next-icon i, #slider .carousel-control-prev-icon i, .logo h1 a,.logo p a,.logo p,.top-header p, .social-icons i,.talk-btn a,.primary-navigation li a:hover, .primary-navigation li:hover a, .primary-navigation li a:focus, .primary-navigation li:focus a,#slider .inner_carousel .readbtn a,#sidebar .tagcloud a:hover,nav.woocommerce-MyAccount-navigation ul li a,input[type="submit"],.sf-arrows .sf-with-ul:after,.read-moresec a, #sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover, #footer .widget_block.widget_tag_cloud a:hover, #footer .tagcloud a:hover{
    color: #000 !important;
}
.contact-info-box a,.contact-info-box p,.contact-info-box i{
    color: #707070 !important;
}
.contact-info-box a:hover{
    color: var(--primary-color) !important;
}
.talk-btn a:hover{
    color: #fff !important;
}
.social-icons i:hover{
    color: var(--secondary-color) !important;
}
.contact-info-box i {
    font-size: 35px;
}
.talk-btn a,#we_provide .theme_button a, .read-more-btn a,#we_provide .theme_button a:hover, .read-more-btn a:hover,#header-top{
    border: none;
}
.page-template-custom-front-page .main-menu .menu-color {
    background: linear-gradient( 90deg, #fff 94% , var(--primary-color) 75%);
    box-shadow: 0 0 20px 0px #9c9c9c;
    padding: 5px 0;
}
.main-menu .serach_inner input[type="submit"]{
    background-color: var(--primary-color);
    background-position: center;
}
.main-menu .menu-color{
    background: linear-gradient( 90deg, #fff 94% , var(--primary-color) 75%);
}
#header-top{
    background: transparent;
    background-size:cover;
}
.border-side {
    border-right: solid 2px #707070;
}
.main-menu{
    border-top: 1px solid #000;
}
.search-box {
    text-align: center;
}
.search-box i {
    font-size: 22px;
}
.primary-navigation a {
    font-weight: normal;
    padding: 10px 15px;
}
.primary-navigation ul ul li:first-child {
    border-top: 6px solid var(--secondary-color) !important;
}

.fixed-header {
    position: static !important;
    box-shadow: none !important;
}
.contact-info-box p{
    font-size: 16px;
}
.contact-info-box a, .location-text{
    font-size: 14px !important;
}
#sidebar .textwidget a, #footer .textwidget a, .entry-content a{
    text-decoration: underline !important;
    color: var(--primary-color);
}
#sidebar .wp-block-search__inside-wrapper button,
.noresult-content .search-form input[type="submit"]{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #000;
}
#sidebar h3, #sidebar .widget_block h2, #sidebar .wp-block-search .wp-block-search__label{
    background: var(--primary-color);
    color: #000 !important;
}
#maincontent .page-box-single .wp-block-button .wp-block-button__link:hover{
    color: #fff !important;
    background: var(--secondary-color) !important;
}
.wp-block-button .wp-block-button__link{
    background: var(--primary-color);
    color: #000;
    border-color: var(--primary-color);
}
#maincontent .page-box-single .wp-block-button.is-style-outline a{
    border-color: var(--primary-color);
}
.our-services .navigation .nav-previous a, .our-services .navigation .nav-next a{
    background: var(--primary-color);
    color: #000;
}
.our-services .navigation .nav-previous a:hover, .our-services .navigation .nav-next a:hover{
    background: var(--secondary-color);
    color: #fff;
}
/*--------Home Page--------------*/

.page-template-custom-front-page #header-top{
    position: static;
    background: transparent;
}
.page-template-custom-front-page #header{
    display: block;
}
.page-template-custom-front-page .main-menu {
    position: absolute;
    width: 100%;
    top: auto;
    margin-top: -15px;
}
#footer li a:Hover{
    color: var(--primary-color);
}
.copyright, .footer-social-icon{
    background-image: linear-gradient(130deg, var(--primary-color) 40% , var(--secondary-color) 77%) !important;
}
/*--------Slider--------------*/
#slider h1{
    color: #ffffff !important;
}
#slider .carousel-item,#menu-sidebar{
    background-image: linear-gradient(130deg, var(--primary-color) 40% , var(--secondary-color) 77%);
}
#slider .carousel-control-prev, #slider .carousel-control-next {
    width: 15%;
}
#slider .carousel-control-next-icon i, #slider .carousel-control-prev-icon i {
    color: #000;
    border-radius: 50%;
    padding: 16px 24px;
    box-shadow: 0 0 10px 0px #9c9c9c;
    display: flex;
    justify-content: center;
}
#slider .inner_carousel .readbtn a{
    border: none;
}
#slider .inner_carousel .readbtn a:hover{
    background: #fff !important;
}

.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{
    border-color: var(--secondary-color) !important;
}
.woocommerce a.added_to_cart{
    display: inline-block;
}
.woocommerce .added_to_cart:hover{
    border-color: var(--secondary-color);
    background: var(--secondary-color);
    color: #fff;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
    color: #000;
    background: var(--secondary-color) !important;
}
p.comment-form-url input{
    width: 100%;
    padding: 12px 10px;
    font-size: 18px;
    margin: 20px 0 0 0;
    border: 1px solid #bcbcbc;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.wc-block-grid__product .wc-block-grid__product-title{
    color: var(--primary-color) !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover, .wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color);
}
#we_provide .section-text:before{
    content: "" !important;
    font-family: 'FontAwesome' !important;
    height: 10px !important;
    width: 10px !important;
    border-radius: 50%;
    background: var(--primary-color) !important;
    display: block;
    margin: 10px auto;
}
#we_provide .section-text{
    color: #807a7a;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
}
#we_provide h2:before{
    display: none;
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  color: #000;
  padding: 10px 20px;
  background: var(--primary-color) !important;
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  border-color: unset;
}
.bradcrumbs a:hover, .post-categories li a:hover{
  border-color: unset;
  color: #fff;
  background:var(--secondary-color) !important;
}
.bradcrumbs span{
  color: #000;
  padding: 10px 20px;
  background: var(--primary-color) !important;
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
  border-color: unset;
}
.related-box h4 a{
    color: var(--primary-color);
}
/*--------category--------------*/

.post-categories li a{
    background: var(--primary-color) !important;
    color: #ffffff !important;
    border: none;
    border-radius: 0;
}
#slider img{
    height: 600px;
}
.wc-block-components-main button.wc-block-components-checkout-place-order-button{
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
}
.toggle-menu i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*--------media--------------*/
@media screen and (min-width: 320px) and (max-width: 767px){
    #header-top .border-side {
        border-right: none;
        margin-bottom: 20px;
    }
    .main-btn {
        text-align: center;
    }
    .contact-info-box a, .location-text{
        font-size: 12px !important;
    }
}
@media screen and (max-width: 1000px){
    .top-header, .header-nav .main-menu{
        display: block;
    }
    #header .nav ul.sub-menu li a, #header .nav ul li a{
        color: #000 !important;
    }
    .side-menu {
        background-image: linear-gradient(130deg, var(--primary-color) 40% , var(--secondary-color) 77%);
    }
    .page-template-custom-front-page .main-menu .menu-color {
        background: linear-gradient( 90deg, #fff 94% , var(--primary-color) 75%);
        box-shadow: none;
    }
    .page-template-custom-front-page .main-menu {
        position: static;
        background: transparent;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }
}