/* Headings */
h1, h2, h3, h4, h5, h6 {
    
    font-weight: 700;
    line-height: 1.2;
    color: #222;
    margin-bottom: 20px;
}

/* Individual Heading Sizes */
h1 {
    font-size: 64px;
	font-family: "Merriweather", serif;
}

h2 {
    font-size: 60px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 28px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 18px;
}

/* Paragraphs */
/* p {
    font-family: "Merriweather", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
} */

/* Tablet */
@media (max-width: 1024px) {
    h1 { font-size: 73px; }
    h2 { font-size: 60px; }
    h3 { font-size: 32px; }
    h4 { font-size: 26px; }
    h5 { font-size: 20px; }
    h6 { font-size: 18px; }

    p {
        font-size: 17px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    h1 { font-size: 40px; }
    h2 { font-size: 32px; }
    h3 { font-size: 28px; }
    h4 { font-size: 24px; }
    h5 { font-size: 20px; }
    h6 { font-size: 18px; }

    p {
        font-size: 16px;
        line-height: 1.7;
    }
}
.custom-header-main-sac .kb-off-canvas-overlay {
  background: rgba(118, 91, 64, 0.55) !important;
}
.open-right .kb-off-canvas-inner {
  justify-content: space-between !important;
}
.burger-icon:hover svg {
  width: 55px !important;
  height: 55px !important;
}
.burger-icon svg {
  transition: .1s all ease-in-out;
}
.cc-social-bg-clr a.wp-block-social-link-anchor {
    background-color: #000;
    border-radius: 50%;
}
.hero-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1366 768'%3E%3Cg%3E%3Cpath d='M140.1 702.5c-.4 0-.7-.3-.7-.7V105.2h26.5V93.4h-13.3V78.7h14.7V92h11.8V65.5h476.5c.4 0 .7.3.7.7s-.3.7-.7.7h-475v26.5h-13.3v13.3h-26.5v595.2c0 .4-.3.7-.7.7Zm14-610.5h11.8V80.2h-11.8z' fill='%23ffffff'/%3E%3Cpath d='M1225.9 702.5c-.4 0-.7-.3-.7-.7V106.7h-26.5V93.4h-13.3V66.9H655.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h531.1V92h11.8V78.7h14.7v14.7H1200v11.8h26.5v596.6c0 .4-.3.7-.7.7ZM1200.1 92h11.8V80.2h-11.8z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
}
.kb-row-layout-wrap:before {
    display: block;
}
.cc-hero-heading {
    font-family: "Merriweather" !important;
    margin-bottom: 30px;
	line-height:1 !important;
	font-size: 90px;
}
.cc-hero-heading em {
    font-weight: 100 !important;
    font-style: italic;
}



.hero-frame {
    position: relative;
    overflow: hidden;
}


.cc-banner-logo {
    display: block;
    width: 237px;
}
.kb-row-layout-wrap:before {
    display: block;
}
.cc-hero-heading {
    font-family: "Merriweather", serif;
    margin-bottom: 30px;
}
.sec-wide-width {
  margin-right: calc(50% - 50vw);
}
.cf-marquee-track img {
  height: 26px !important;
}
.cf-row-img::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1366 768'%3E%3Cg%3E%3Cpath d='M140.1 702.5c-.4 0-.7-.3-.7-.7V105.2h26.5V93.4h-13.3V78.7h14.7V92h11.8V65.5h476.5c.4 0 .7.3.7.7s-.3.7-.7.7h-475v26.5h-13.3v13.3h-26.5v595.2c0 .4-.3.7-.7.7Zm14-610.5h11.8V80.2h-11.8z' fill='%23ffffff'/%3E%3Cpath d='M1225.9 702.5c-.4 0-.7-.3-.7-.7V106.7h-26.5V93.4h-13.3V66.9H655.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h531.1V92h11.8V78.7h14.7v14.7H1200v11.8h26.5v596.6c0 .4-.3.7-.7.7ZM1200.1 92h11.8V80.2h-11.8z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 120%;
  height: 100% !important;
  content: '';
  display: block;
  position: absolute;
  top: 120px;
  right: -21vw;
  z-index: 1;
  transform: scale(1, -1);
  rotate: 270deg;
}
.page-id-73 .cf-row-img::after{
	background-image:none;
	z-index: -1;
}
.page-id-73 .cf-row-img::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1366 768'%3E%3Cg%3E%3Cpath d='M140.1 702.5c-.4 0-.7-.3-.7-.7V105.2h26.5V93.4h-13.3V78.7h14.7V92h11.8V65.5h476.5c.4 0 .7.3.7.7s-.3.7-.7.7h-475v26.5h-13.3v13.3h-26.5v595.2c0 .4-.3.7-.7.7Zm14-610.5h11.8V80.2h-11.8z' fill='%23ffffff'/%3E%3Cpath d='M1225.9 702.5c-.4 0-.7-.3-.7-.7V106.7h-26.5V93.4h-13.3V66.9H655.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h531.1V92h11.8V78.7h14.7v14.7H1200v11.8h26.5v596.6c0 .4-.3.7-.7.7ZM1200.1 92h11.8V80.2h-11.8z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
	pointer-events: none;
}
.cf-row-img {
  overflow: hidden;
}
.cf-row-img .wp-block-image img {
  width: 100%;
}
.cf-row-wide-text > .kt-inside-inner-col {
  padding-left: 10% !important;
}
.page-id-87 .cf-row-wide-text > .kt-inside-inner-col {
  padding-left: 0% !important;
	  margin-left: -120px;
    padding-left: 60px !important;
}
}
.page-id-84 .cf-row-img::after{
display: none !important;
	content: none;
} 
.page-id-87 .cf-row-img::after {
    background-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%27xMidYMid%20meet%27%20viewBox%3D%270%200%201366%20768%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cg%3E%3Cpath%20d%3D%27M140.1%20702.5c-.4%200-.7-.3-.7-.7V105.2h26.5V93.4h-13.3V78.7h14.7V92h11.8V65.5h476.5c.4%200%20.7.3.7.7s-.3.7-.7.7h-475v26.5h-13.3v13.3h-26.5v595.2c0%20.4-.3.7-.7.7Zm14-610.5h11.8V80.2h-11.8z%27%20fill%3D%27%23ffffff%27/%3E%3Cpath%20d%3D%27M1225.9%20702.5c-.4%200-.7-.3-.7-.7V106.7h-26.5V93.4h-13.3V66.9H655.7c-.4%200-.7-.3-.7-.7s.3-.7.7-.7h531.1V92h11.8V78.7h14.7v14.7H1200v11.8h26.5v596.6c0%20.4-.3.7-.7.7ZM1200.1%2092h11.8V80.2h-11.8z%27%20fill%3D%27%23ffffff%27/%3E%3Cpath%20fill%3D%27none%27%20d%3D%27M1226.6%2065.5v637.1H139.4V65.5z%27/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 130%;
    height: 100% !important;
    content: '';
    display: block;
    position: absolute;
    top: 61%;
    right: -45%;
    z-index: 1;
   
}
/* ========================================
   ACCORDION - BOTTOM HEADING + UPWARD CONTENT
   ======================================== */
.toggle-options:has(.wp-block-accordion-item.is-open) {
  color: white !important;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.04);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  backdrop-filter: blur(1px);
}
/* Reverse order - heading at bottom */
.toggle-options .wp-block-accordion-item {
  display: flex !important;
  flex-direction: column-reverse !important;
}

/* Content panel - hide by default */
.toggle-options .wp-block-accordion-panel {
  overflow: hidden !important;
  opacity: 0 !important;
  transition: all 0.5s ease !important;
  padding: 0 !important;
}

/* Show content when is-open */
.toggle-options .wp-block-accordion-item.is-open .wp-block-accordion-panel {
  opacity: 1 !important;
  padding: 20px 0 23px 0 !important;
}
.toggle-options .wp-block-accordion-item.is-open .wp-block-accordion-panel p {
  max-width: 94%;
  font-weight: 100 !important;
}

/* Heading at bottom */
.toggle-options .wp-block-accordion-heading {
  border-bottom: none !important;
  padding: 0px 0 !important;
  margin: 0px 0 0 !important;
}

/* Icon rotate on open */
.toggle-options .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
  transform: rotate(45deg) !important;
}

/* Text white when open */
.toggle-options .wp-block-accordion-item.is-open .wp-block-accordion-panel,
.toggle-options .wp-block-accordion-item.is-open .wp-block-accordion-panel p {
  color: white !important;
}


/* Button styling */
.toggle-options .wp-block-accordion-heading__toggle {
  width: 100% !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  text-align: left !important;
  box-shadow: unset !important;
  gap: 16px;
}

.toggle-options .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon {
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;
}
.toggle-options .wp-block-accordion-item .wp-block-accordion-heading__toggle-title {
  text-decoration: none !important;
}
.col-has-button {
  align-items: flex-end;
}
.contact-us-text {
  max-width: 330px;
}
.contact-us-form .kb-form .kadence-blocks-form-field {
  margin-bottom: 30px;
}
.contact-us-form .kb-form .kadence-blocks-form-field.kb-submit-field {
  margin-bottom: 0px;
}
.contact-us-form .kb-forms-submit {
  display: inline-block !important;
  width: auto !important;
  margin-left: auto;
  margin-right: auto;
  min-width: 119px;
}
/* Tablet */
@media (max-width: 1024px) {
    .cc-hero-heading {
        font-size: 60px;
        line-height: 1.05;
    }
	.hero-frame::before {
		display: none;
	}
	.cf-marquee-track span {
  padding: 20px 30px !important;
	}
	.cf-marquee-track img {
  height: 20px !important;
	}
	.cf-row-img::after {
		display: none !important;
	}
}

/* Mobile */
@media (max-width: 767px) {
     .cc-hero-heading {
    	font-size: 26px !important;
  	}
	.hero-frame {
		height: 607px;
    min-height: unset !important;
	}
	.hero-frame .wp-block-kadence-column {
  height: 537px;
	}
	.hero-frame .kt-row-column-wrap {
		height: 100% !important;
		align-content: flex-start;
		min-height: 607px !important;
	}
	.hero-frame .wp-block-kadence-column .kt-inside-inner-col {
		flex: 1;
	}
	.hero-frame .wp-block-kadence-column .kt-inside-inner-col h1 {
		flex: 1;
		align-content: flex-start;
    margin-top: 0 !important;
	}
	.cc-hero-btn .kt-btn-inner-text {
  font-size: 10px;
  letter-spacing: 0.3em;
	}
	.mobile-img-resize .aligncenter.image-is-svg {
  max-width: 30% !important;
	}
	.tiitle-main-top {
		font-size: 15px !important;
		margin-bottom: 24px !important;
    max-width: 140px;
	}
	.text-main-center {
		font-size: 10px !important;
		margin-bottom: 24px !important;
	}
	.cf-row-img > .kt-row-column-wrap {
  min-height: unset !important;
	}
	.cf-row-wide-text > .kt-inside-inner-col {
  padding-left: 20px !important;
  padding-right: 20px;
	}
	.cf-col-img-main>.kt-inside-inner-col {
  height: 100%;
	}
	.cf-col-img-main > .kt-inside-inner-col .row-col-img {
		height: 100%;
	}
	.cf-col-img-main > .kt-inside-inner-col .row-col-img img {
		height: 100%;
		object-fit: cover;
	}
	.click-sec-main .wp-block-cover__background {
  background-image: url(https://stagingcirclefoutfitters.com/wp-content/uploads/2026/06/click-sec-main-bg-mobile.webp);
  opacity: 1 !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
	}
.page-id-90 .click-sec-main .wp-block-cover__background {
  background-image: url(https://stagingcirclefoutfitters.com/wp-content/uploads/2026/06/outdoor-mobile.avif);
  opacity: 1 !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
	}
	.wp-block-group.click-main-inner {
  grid-template-rows: minmax(50.85520672874948px, auto) minmax(252.52240582551462px, auto) minmax(81.9348874457359px, auto);
  grid-template-columns: minmax(0px, 1fr);
		}
	.click-sec-top, .click-sec-bottom {
  min-height: unset !important;
  margin: 0 !important;
  padding: 20px !important;
	}
	.click-sec-center {
		padding: 20px !important;
	}
	.toggle-options .wp-block-accordion-item.is-open .wp-block-accordion-panel, .toggle-options .wp-block-accordion-item.is-open .wp-block-accordion-panel p {
		font-size: 10px !important;
	}
	.click-sec-bottom h5 {
  font-size: 12px !important;
	}
	.click-sec-bottom h6 {
		font-size: 10px !important;
	}
  .col-has-button {
    min-height: 360px !important;
    padding-bottom: 32px !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
	.text-hide-on-mobile {
		display: none !important;
	}
	.align-center {
		text-align: center;
	}
	.custom-logo {
  width: 39px;
  height: 39px !important;
	}
	.off-canvas-width .kb-off-canvas-inner-wrap {
		width: 90% !important;
		max-width: 90% !important;
	}
	.off-canvas-width .kb-off-canvas-inner-wrap .kb-nav-link-content {
		font-size: 18px !important;
	}
	.off-canvas-width .kb-off-canvas-inner-wrap .current-menu-item .kb-nav-link-content {
		color: #98a2ac !important;
	}
}

/* our story page css */

@media (max-width: 767px) {
	.page-id-73 .cf-row-img::before{
		content:none;
	}
	.cc-our-story-title{
		max-width:100% !important;
	}
	.cc-our-story-main-title{
		font-size: 47px !important;
		max-width:100% !important;
	}
    .page-id-73 #lifestyle .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
    }

    .page-id-73 .kadence-column73_c4307a-17,
    .page-id-73 .kadence-column73_9e7177-3a {
        width: 100% !important;
        max-width: 100% !important;
    }

}

/* Mobile banner BG for mobile all pages Css start*/

@media (max-width: 767px) {
	
/* apparel page mobile bg */
.page-id-105 .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id105_f3c863-74 {
        background-image: url(https://stagingcirclefoutfitters.com/wp-content/uploads/2026/06/apparel-mobile-bg.avif);
        background-size: cover;
        background-position: center center;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }

	/* home decore page mobile bg */
.page-id-84 .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id84_ac1571-ea {
        background-image: url(https://stagingcirclefoutfitters.com/wp-content/uploads/2026/06/home-decore-mobile-bg.avif);
        background-size: cover;
        background-position: center center;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }	
	
		/* outdoor-gear page mobile bg */
.page-id-90 .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id90_7d4f7e-81 {
        background-image: url(https://stagingcirclefoutfitters.com/wp-content/uploads/2026/06/outdoor-gear-mobile-bg.avif);
        background-size: cover;
        background-position: center center;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }
	
	
		/* contact us page mobile bg */	
.page-id-96 .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id96_b3f5d1-2a {
        background-image: url(https://stagingcirclefoutfitters.com/wp-content/uploads/2026/06/contact-us-mobile-bg.avif);
        background-size: cover;
        background-position: center center;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }

 .page-id-96 .hero-frame,
    .page-id-96 .hero-frame .kb-row-layout-wrap,
    .page-id-96 .hero-frame .kt-row-column-wrap,
    .page-id-96 .hero-frame .wp-block-kadence-column,
    .page-id-96 .hero-frame .kt-inside-inner-col {
        min-height: auto !important;
        height: auto !important;
    }
    .page-id-96 .hero-frame .wp-block-spacer {
        display: none !important;
    }
   .page-id-96 .hero-frame .wp-block-kadence-column .kt-inside-inner-col h1 {
        flex: 1;
        align-content: flex-start;
        margin-top: 100px !important;
		 font-size: 42px !important;
    }
	
/* 	the vault page mobie bg */
.page-id-87 .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id87_dc3dca-06
 {
        background-image: url(https://stagingcirclefoutfitters.com/wp-content/uploads/2026/06/the-vault-mobile-bg.avif);
        background-size: cover;
        background-position: center center;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }
	
	.apparrel-banner .kt-row-column-wrap {
		min-height: 477px !important;
	}
	.apparrel-banner .kt-row-column-wrap .wp-block-kadence-column {
		height: 477px !important;
	}
	.apparrel-banner {
		height: 517px;
	}
	.apparrel-banner .kt-row-column-wrap .kt-inside-inner-col {
		flex: auto;
	}
	.apparrel-banner .kt-row-column-wrap .wp-block-kadence-column .wp-block-heading {
		flex: 0;
		margin-bottom: 0 !important;
		font-size: 23px !important;
		line-height: 1.4 !important;
	}
}



/* Mobile banner BG for mobile all pages Css end*/

/* 	vault page  */
	
	.page-id-87 .hero-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='92.3 130.8 1181.4 506.4'%3E%3Cg%3E%3Cpath d='M92.3 637.1v-463h28.8v-12.9h-14.4v-15.9h15.9v14.4h12.9v-28.8h517.8c.4 0 .8.3.8.8s-.3.8-.8.8H137.1v28.8h-14.4v14.4H93.9v461.5m14.4-477.5h12.9v-12.9h-12.9z' fill='%23ffffff'/%3E%3Cpath d='M1273.7 637.1h-1.5m-.1 0V175.6h-28.8v-14.4h-14.4v-28.8H653.3c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h577.1v28.8h12.9v-14.4h15.9v15.9h-14.4V174h28.8v463.1m-28.7-477.4h12.9v-12.9h-12.9z' fill='%23ffffff'/%3E%3Cpath d='M1272.9 637.1H93.1c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h1179.8c.4 0 .8.3.8.8s-.3.8-.8.8' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");

    background-size: 90% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
@media only screen and (max-width: 767px) {
  .page-id-87 .cf-row-wide-text > .kt-inside-inner-col {
    padding-left: 30px !important;
    margin-left: 0px;
    padding-left: 20px !important;
    padding-top: 0 !important;
		padding-bottom: 20px !important;
  }
	.page-id-87	.kadence-column305 > .kt-inside-inner-col
 {

    padding-left: 0px !important;
}
    /* 1. Force container into row mode and prevent stacking */
    .page-id-87 .kb-row-layout-id300 > .kt-row-column-wrap {
        display: flex !important;
        flex-direction: row !important; /* Keeps them side-by-side */
        flex-wrap: nowrap !important;
        align-items: flex-start !important; /* Aligns both columns to the top */
        padding-top: 20px !important;
    }

    /* 2. Text Column (White Box) - Move to Left, adjust width */
  .page-id-87 .kb-row-layout-id300 .cf-row-wide-text {
    width: 85% !important;
    flex-basis: 85% !important;
    order: 1 !important;
    margin-right: 0px !important;
    z-index: 1 !important;
    margin-left: 0 !important;
    margin-top: 50px;
  }

    /* 3. Image Column - Move to Right, make it taller/prominent */
    .page-id-87 .kb-row-layout-id300 .cf-col-img-main {
        width: 45% !important;
        flex-basis: 35% !important;
        order: 2 !important;
			margin-left: -50px; /* Forces image column to the right side */
        z-index: 2 !important; /* Ensures the image layers slightly over the white box edge if they touch */
    }

    /* 4. Force the actual image HTML element inside Kadence to display properly */
    .page-id-87 .kb-row-layout-id300 .cf-col-img-main img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
			border: 5px solid white;
    }
    
    /* 5. Scale down text elements so they don't break/overflow the white box */
    .page-id-87 .kb-row-layout-id300 .cf-row-wide-text h4, 
    .page-id-87 .kb-row-layout-id300 .cf-row-wide-text .cf-vault-title {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    .page-id-87 .kb-row-layout-id300 .cf-row-wide-text p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
	.page-id-87 .kb-row-layout-id300 .cf-row-wide-text .cc-vault-title {
  font-size: 12px !important;
  margin-bottom: 10px !important;
	}
	.page-id-87 .cf-row-wide-text .wp-block-spacer {
  display: none !important;
	}
	.page-id-87 .cf-row-wide-text .wp-block-kadence-advancedbtn {
  display: none !important;
		}
}
.cc-hero-heading.home-decore-main-title {
  font-family: Carlito, sans-serif !important;
  font-size: 106px !important;
  letter-spacing: 0.16em !important;
  line-height: 0.9 !important;
}
.cc-hero-heading.home-decore-main-title em {
  font-family: "Merriweather", serif !important;
  font-size: 54px !important;
  letter-spacing: 0.06em;
  line-height: 0.9;
}
.home-decore-row-img::before, .home-decore-row-img::after {
	display: none;
}
.cc-hero-heading.vault-main-title {
  font-family: var(--global-body-font-family) !important;
  font-size: 140px !important;
  letter-spacing: 0.16em !important;
  line-height: 0.9 !important;
}
.cc-hero-heading.vault-main-title em {
  font-family: var(--global-body-font-family) !important;
  font-style: normal !important;
  font-size: 28px;
  line-height: 0.9 !important;
  letter-spacing: 0.06em;
  display: block;
}
.cc-hero-heading.vault-main-title br {
  display: none !important;
}

/* Menu css */
/* /* ====================================================
   DESKTOP ONLY: FORCE BURGER MENU (DEVICES > 1024px)
   ==================================================== */
@media screen and (min-width: 1025px) {
    /* 1. Hide the desktop navigation links entirely */
    .site-header-row-layout-standard .header-navigation,
    .site-header-row-layout-standard .site-header-item-main-navigation,
    .site-header-section-right .header-menu-container {
        display: none !important;
    }

    /* 2. Force the mobile toggle wrappers to display */
    .site-header-row-layout-standard .site-header-item-navigation-popup-toggle,
    .site-header-row-layout-standard .mobile-toggle-open-container {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 3. Force the button element into clear dimensions */
    .site-header-row-layout-standard button#mobile-toggle,
    .site-header-row-layout-standard .menu-toggle-open-drawer-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        min-width: 44px !important;  /* Touch target safety minimums */
        min-height: 44px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* 4. Force ANY inner graphic element/SVG to show up at 24px */
    .site-header-row-layout-standard .mobile-toggle-open-container svg,
    .site-header-row-layout-standard .mobile-toggle-open-container .menu-toggle-icon,
    .site-header-row-layout-standard button#mobile-toggle span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 24px !important;
        height: 24px !important;
    }

    /* 5. Keep alignment clean on the right */
    .site-header-main-section-right {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

    /* 6. Ensure the target drawer element can structurally show on desktop scale */
    #mobile-drawer {
        display: block !important;
    }
}
@media (max-width: 767px) {
	.apparrel-banner .kt-row-column-wrap .wp-block-kadence-column .cc-hero-heading.home-decore-main-title {
			font-size: 42px !important;
			font-style: italic;
			line-height: 0.9 !important;
		}
	.cc-hero-heading.home-decore-main-title em {
		font-size: 28px !important;
		flex: 0 !important;
    margin-bottom: 0 !important;
	}
	.apparrel-banner .kt-row-column-wrap .wp-block-kadence-column .wp-block-kadence-advancedbtn {
  margin-top: 40px;
		}
	
	.cc-hero-heading.vault-main-title {
		font-size: 70px !important;
		margin-bottom: 0 !important;
		text-align: center;
		max-width: 260px !important;
		margin: 0 auto !important;
	}
	.cc-hero-heading.vault-main-title em {
		font-size: 21px !important;
		text-align: right;
		max-width: 230px !important;
		font-style: italic !important;
	}
	.apparrel-banner .kt-row-column-wrap .kt-inside-inner-col > .wp-block-spacer {
  display: none;
	}
}