/**
* Theme Name: Brandberry Child
* Description: This is a child theme of Brandberry
* Author: <a href="https://treethemes.com">Treethemes</a>
* Template: brandberry
* Version: 1.0
*/


.p_0 p:last-of-type,
.p_0 p:last-child {
  margin-bottom: 0 !important;
}

.h_0 h1:last-of-type,
.h_0 h2:last-of-type,
.h_0 h3:last-of-type,
.h_0 h4:last-of-type,
.h_0 h5:last-of-type,
.h_0 h6:last-of-type, .h_0 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.slider_wrapper .ts-pagination{
display: none!important;
	}

/* Logo and dog image on menu opening */

/* Advanced Button – fix for theme CSS vs new plugin markup */

/* Stop the theme's old data-text pseudo elements */
.aae--btn-pro.btn-text-flip span::before,
.aae--btn-pro.btn-text-flip span::after {
  content: none !important;
  display: none !important;
}

/* Stop the theme moving every span on hover */
.aae--btn-pro.btn-text-flip .btn-flip-inner,
.aae--btn-pro.btn-text-flip .btn-flip-label,
.aae--btn-pro.btn-text-flip .icon,
.aae--btn-pro.btn-text-flip:hover .btn-flip-inner,
.aae--btn-pro.btn-text-flip:hover .btn-flip-label,
.aae--btn-pro.btn-text-flip:hover .icon {
  transform: none !important;
}

/* New flip effect */
.aae--btn-pro.btn-text-flip .btn-flip-inner {
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
.aae--btn-pro.btn-text-flip .btn-flip-text,
.aae--btn-pro.btn-text-flip .btn-flip-text-hover {
  display: flex;
  align-items: center;
  gap: 7px;
  transition: transform 0.4s ease !important;
}
.aae--btn-pro.btn-text-flip .btn-flip-text {
  transform: translateY(0) !important;
}
.aae--btn-pro.btn-text-flip .btn-flip-text-hover {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(100%) !important;
}
.aae--btn-pro.btn-text-flip:hover .btn-flip-text {
  transform: translateY(-100%) !important;
}
.aae--btn-pro.btn-text-flip:hover .btn-flip-text-hover {
  transform: translateY(0) !important;
}

.enquiry_form .wpcf7-submit {
    font-family: "Overused Grotesk", Sans-serif !important;
    font-size: 16px !important;
    height: unset !important;
    padding: 15px 30px !important;
}
.enquiry_form .wpcf7-submit svg {
    font-size: 18px !important;
}


/* BARK — images inside the opened Style 6 menu */
nav.nav-style-6 .cd-primary-nav::before,
nav.nav-style-6 .cd-primary-nav::after {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/* Logo: top-left */
nav.nav-style-6 .cd-primary-nav::before {
  top: -30px;
  left: 0px;
  width: 300px;
  aspect-ratio: 700 / 443;
  background-image: url("https://barkadvertisin.wpenginepowered.com/wp-content/uploads/2026/03/BARK_Logo_TempWebSite_white.png");
  background-position: left top;
}

/* Dog: smaller, bottom-right */
nav.nav-style-6 .cd-primary-nav::after {
  right: 40px;
  bottom: 25px;
  width: clamp(140px, 18vw, 280px);
  height: min(38vh, 340px);
  background-image: url("https://barkadvertisin.wpenginepowered.com/wp-content/uploads/2026/10/dog_sitting.png");
  background-position: right bottom;
}


@media (min-width: 1025px) {
  /* Match the Services page logo */
  nav.nav-style-6 .cd-primary-nav::before {
    width: 300px;
    height: auto;
    aspect-ratio: 700 / 443;
left: -76px;
top: -40px;
  }


  /* Match the Services page dog image */
  nav.nav-style-6 .cd-primary-nav::after {
    width: 530px;
    height: 569px;
            right: -80px;
        bottom: -100px;
  }
}

@media (max-width: 1540px){
  nav.nav-style-6 .cd-primary-nav::before {
left: -56px;
  }
}
/* Tablet */
@media (max-width: 1024px) {
  nav.nav-style-6 .cd-primary-nav::before {
    width: 220px;
  }

  nav.nav-style-6 .cd-primary-nav::after {
    right: 24px;
    width: 160px;
    height: 220px;
  }

/* Fix mobile scroll: stop #smooth-wrapper becoming its own scroll box */
  #smooth-wrapper {
    overflow-x: clip !important;
    overflow-y: visible !important;
    height: auto !important;
	}
}

/* Mobile */
@media (max-width: 767px) {
  nav.nav-style-6 .cd-primary-nav::before {
    top: -55px;
    left: -7px;
    width: 100px;
	
  }

  nav.nav-style-6 .cd-primary-nav::after {
    right: -15px;
    bottom: 0px;
    width: 150px;
    height: 150px;
  }
}

	@media (max-width: 767.98px){
	.slider_wrapper .ts-pagination{
position: unset !important;
		text-align: center !important;
display: block !important;
	}
	}