/*
Theme Name: sokhibuilders
Theme URI: https://www.themesglance.com/products/free-startup-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Multipurpose Startup is a professional, clean, and modern startup theme crafted for innovative startups, entrepreneurs, corporate businesses, freelancers, agencies, IT companies, tech startups, business coaches, portfolios, law firms, digital marketing firms, consulting organizations, charities, and online enterprises, making it an excellent choice for any growing agency, consulting service, or marketing firm aiming to build a strong digital identity. Perfect for showcasing business services, portfolios, team members, case studies, and client testimonials, this theme creates a polished and trustworthy online presence that resonates with clients across industries. Fully responsive and mobile-friendly, it ensures seamless performance on desktops, tablets, and smartphones, while cross-browser compatibility and translation-ready features make it accessible to a global audience. Built on a robust Bootstrap framework, it is SEO-optimized for improved search engine visibility and faster loading speeds, helping businesses gain traction online. With extensive customization options, users can easily control headers, footers, sidebars, colors, fonts, and layouts through the theme customizer without requiring coding knowledge. Social media integration boosts brand reach, while compatibility with essential plugins like Contact Form 7 enhances communication and lead generation, making Multipurpose Startup a powerful solution for businesses, agencies, and marketing professionals looking to establish a strong, innovative, and professional online presence.
Demo: https://preview.themesglance.com/multipurpose-startup-pro/
Requires at least: 5.0
Version: 1.4.0
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: multipurpose-startup
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce

Multipurpose Startup WordPress Theme has been created by Themesglance(themesglance.com), 2018.
Multipurpose Startup WordPress Theme is released under the Terms of GNU GPL
*/

/* Basic Style */

*{
  margin:0;
  padding:0;
  outline:none;
}

/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
  text-align: left;
}
.nav-menu ul{
  margin:0;
  padding:0;
  font-size:15px;
  text-transform: uppercase;
  font-weight:600;
}
.nav-menu li{
  display:inline-block;
  margin:0;
  position:relative;
}
.nav-menu a{
  color: #fff;
  padding: 18px;
  display:block;
}
.nav-menu ul li a:active, .nav-menu ul li a:hover{
  color:#1e90ff;
}
.nav-menu a:focus{
/*  outline: 2px solid #fff;*/
}
/*.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  min-width: 230px;
  z-index: 9999;
  border: 1px solid #ffdd59;
}*/
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #0f3661;
  padding: 10px;
}
.nav-menu ul ul a:hover{
  background: #e96f1c;
  color: #ffdd59;
  border-left: 4px solid #fff;
}
.nav-menu ul ul li{
  float: none;
 /* display: block;*/
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav-menu ul ul li:last-child{
  border-bottom: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}
.nav-menu a:hover{
  color: #ffdd59;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul, .topbar .sf-arrows .sf-with-ul{
  padding: 10px 25px 10px 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: relative;
  top: 50%;
  margin-left: 10px;
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.toggle-menu, a.closebtn{
  display:none;
}



/* Media Css*/
@media screen and (max-width: 1000px){
  .menu_w {
    display: block;
    float: right;
    padding: 0px;
    /* width: 100%; */
    position: absolute;
    right: 5px;
    top:70px;
}
  .fixed-header{
    position: static;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .nav-menu .nav ul li a:focus, a.closebtn.responsive-menu:focus,.toggle-menu button:focus, .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline:none;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    z-index: 999999;
    font-size: 20px;
    background: #1e90ff;
    border-bottom: 1px solid #fff;
  }
  .nav-menu ul ul a:hover{
    background: none !important;
  }
  .nav-menu ul ul a{
    color: #fff;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    visibility: hidden;
    right: 0;
    overflow-y: scroll;
    background-color: #1e90ff;
    overflow-x: hidden;
    transition: 0.5s top ease-in-out;
    padding-top: 60px;
  }
  body.show-main-menu .side-nav{
    visibility: visible;
    top: 48px;
    transition: 0.5s top ease-in-out;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .side-nav .closebtn i{
    margin: 15px;
  }
  .toggle-menu{
    display: block;
  }
  .nav-menu .nav ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff;
    border: none;
    text-align: left;
    border-bottom: 1px solid #fff;
    background: none !important;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #fff;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
    color: #ffdd59;
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav ul li ul li a{
    color: #fff;
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav-menu ul ul{
    position: static;
    width: 100%;
    background: none;
    border:none;
  }
  .nav-menu li{
    display: block;
      width: 100%;
  }
  .nav-menu ul li a:hover{
    border-left: 4px solid #ffdd59;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
    .menu_w {
    display: block;
    float: right;
    padding: 0px;
    /* width: 100%; */
    position: absolute;
    right: 5px;
    top:60px;
}
  .alignwide{
    margin:0;
  }
  .social-media i{
    padding: 9px;
  }
  #slider .inner_carousel p, #slider .inner_carousel h1{
    display: none;
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  #comments .reply {
    float: left !important;
    margin-bottom: 5%;
  }
  #wrapper #comments ol li{
    padding:0 !important;
  }
  #slider .carousel-caption {
    top: 25%;
    right: 15%;
  }
  .post-categories{
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 720px) and (max-width: 768px){
  .contact-details i {
    font-size: 25px;
  }
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  #slider .inner_carousel p {
    display: none;
  }
  #slider .inner_carousel h1 {
    font-size: 35px;
  }
  #slider .carousel-caption {
    top: 40%;
  }
  #sidebar input[type="submit"]{
    width: 100%;
  }
  #sidebar .widget p {
    padding: 0px;
  }
  #footer input[type="submit"] {
    padding: 15px 2%;
    font-size: 11px;
  }
  .logo h1, .logo p.site-title{
    font-size:27px;
  }
  .related.products ul.products li.product{
    width: 48%;
  }
}
@media screen and (max-width:720px) {
  hr.startup-head{
    width: 15%;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px){
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
}