/*
Theme Name: SarangBrass Child
Theme URI: 
Author: Tushar sharma
Author URI: mailto:smartstak@gmail.com
Description: 
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: startup-blocks
Text Domain: sarangbrass-child
Tags: 
*/

/* Global touch restrictions */
/* Global touch restrictions */
html, body {
  touch-action: pan-x pan-y;
  -ms-touch-action: pan-x pan-y;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.coblocks-lightbox__image {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.coblocks-lightbox__image img {
  display: block;
  max-height: 70vh;
  max-width: 70vw;
  width: auto;
  height: auto;
  object-fit: contain;
  transform-origin: center;
  will-change: transform;
  touch-action: none;
  transition: transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  margin: 0 auto;
}

.coblocks-lightbox__caption {
  color: #fff;
  margin-top: 16px;
  text-align: center;
  position: relative;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

@media(min-width: 960px) {
  .coblocks-lightbox__image img {
    max-height: 80vh;
    max-width: 80vw;
  }
}

.coblocks-lightbox__heading{
  z-index: 3;
}

:root{
  --font-size-28-35:clamp(28px,4.2vw,35px);
}
.font-35{
  font-size: var(--font-size-28-35);
}
.flex{
  display:flex;
}
.align-items-center{
  align-items: center;
}
.mt-0 a.wp-block-button__link {
  margin-top: 0px;
}
.text-decoration-none, .text-decoration-none a{
  text-decoration: none;
}
.border-radius8{
    border-radius: 8px;
}
.direction-col{
    flex-direction: column;
}
.bg-attachment-fixed{
  background-attachment: fixed;
}
.has-extra-large-font-size {
  font-size: clamp(28px, 6vw, 36px) !important;
}
#metaslider-id-51 .flexslider .caption-wrap .caption {
  backdrop-filter: blur(15px);
  padding: 10px 25px;
  border-radius: 8px;
  width:auto;
}
header ul.wp-block-navigation__container > li.wp-block-navigation-item:not(.current-menu-item) > a:hover > span{
  color: var(--wp--preset--color--secaccent);
}
.header-inner-menu .wp-block-navigation-link:hover {
  background-color: transparent;
  color: var(--wp--preset--color--secaccent);
  border-radius: 5px;
}
header ul.wp-block-navigation__container > li.current-menu-item > a {
  padding: 10px 18px !important;
  background-color: var(--wp--preset--color--secaccent);
  border-radius: 10px;
  color: var(--wp--preset--color--accent);
}
header ul.wp-block-navigation__container > li.current-menu-item > a > span {
color: var(--wp--preset--color--accent);
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  border: none;
  border-radius: 10px;
  left: -30px;
  margin-top: 5px;
  padding: 10px 0px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container::before {
  position: absolute;
  top: -8px;
  left: 0px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  content: '';
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}

footer ul.wp-block-navigation__container > li.wp-block-navigation-item > a:hover > span,
footer ul.wp-block-navigation__container > li.current-menu-item > a > span {
    color: var(--wp--preset--color--secaccent);
}

  .metaslider.ms-theme-databold .flexslider .flex-direction-nav li a {
    width: 50px;
    height: 60px;
  }
  .home-slider.metaslider .caption-wrap .caption {
    bottom: 0px !important;
    left: 10px !important;
    top: auto !important;
    transform: translateY(-10px) !important;
  }
  .project-main-heading::after{
    left: 0;
    transform: translateX(0%);
  }
  .project-main-heading:where(:not(.has-text-align-left):not(.has-text-align-right):not(.alignfull))::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container .wp-block-navigation-item{
    width: 100%;
    align-items: flex-start !important;
    padding: 15px 0 !important;    
  }

  .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > .wp-block-navigation-item:not(:last-child){
    border-bottom: 1px solid #f7f7f7;
  }
  
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container::before{
    content: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 20px;
    color: #000;
  }

  .footer-box {    
    p{
      word-break: break-word;
    }
  }
  .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container{
    min-width: 250px;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    left: 0px;
  }
  .single-product .is-layout-constrained > .alignwide{
    max-width: 90% !important;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container:hover{
    background:var(--wp--preset--color--accent) !important
  }

  @media(max-width:781px){
    .justify-center-mobile {
      justify-content: center !important;
    }
    #schedule-a-visit{
      text-align: center;
    }
    .hide-on-mobile{
      display: none !important;
    }
    .show-on-mobile{
      display: block !important;
    }
    .email-box, .call-box, .location-box{
      padding-left: 0px;
    }
  }
  @media only screen and (max-width: 767px) {
    .metaslider.home-slider .caption-wrap,
    .metaslider.home-slider .caption-wrap .caption {
      position: initial !important;
      display: block;
    }
    .metaslider.home-slider .caption-wrap .caption {
      padding: 5px 0px !important;
      transform: none !important;
      max-width: 100% !important;
      box-shadow: none !important;
    }
    .metaslider .caption h2 {
      position: relative;
    }
    .metaslider .caption h2::after {
      position: absolute;
      content: "";
      width: 100px;
      left: 0;
      transform: translateX(0%);
      bottom: -3px;
      height: 3px;
      background: var(--wp--preset--color--secaccent);
      border-radius: 10px;
    }
    .footer-content {
      
      max-width: 95% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      
      .wp-block-column {
        padding-left: 0px !important;
      }
    }

    .footer-box{
      &:not(:first-child){
        margin-top: 25px !important;
      }

      h2{
        text-align: left;
        position: relative;

        &::after{
            content: '';
            width: 70px;
            height: 4px;
            background-color: var(--wp--preset--color--secaccent);
            display: block;
            margin-top: 10px;
        }
      }

      p{
        text-align: left;
      }

      nav{
        align-content: flex-start;
      }

      ul{
        align-items: flex-start;
        gap: 10px;
      }
    }
  }
  

  @media (max-width:600px){
    .wp-block-columns .wp-block-column.header-logo {
      flex-basis: 150px !important;
      width: 150px !important;
    }
    .wp-block-columns .wp-block-column.header-inner-menu {
      flex-basis: 100px !important;
      padding-right: var(--wp--preset--spacing--40);
    }
    .header-logo .wp-block-site-logo {
      width: 180px;
      margin-left: 0px;
      float: left !important;
    }
    .wp-block-columns .wp-block-column.header-inner-menu > nav {
      justify-content: flex-end;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
      gap: 0px !important;
      align-items: flex-start;
      width: 100%;
    }
    .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
      width: 100%;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
      max-height: 0;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      overflow: hidden;
      transition: max-height 0.5s ease-out;
    }  
    .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon[aria-expanded="true"] + ul.wp-block-navigation__submenu-container{
      max-height: 500px !important;
      padding-top: 0.7rem !important;
      padding-bottom: 0.5rem !important;
    }
  }

  @media screen and (max-width: 599px) {
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        background-color: #fff !important;
    }
    header li.wp-block-navigation-item{border-bottom: none;}
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container:hover{
      background: transparent !important;
    }
}