/* ===========================
	1. RESET & BASE STYLES
=========================== */
/* make sure the scrollable area is allowed to pan vertically immediately */
html, body, #pageData, main, .page-content {
  touch-action: pan-y;
  overscroll-behavior-x: contain;
}

/* ===========================
	2. GLOBAL UTILITIES
=========================== */
/* ===== Colors ===== */
.origin-background-color{ background-color: hsl(180.66, 100%, 35.88%) !important;}
.background-blk{ background-color: black !important; }
.background-gry{ background-color: hsl(216, 2.92%, 66.47%) !important; }
.origin-color{ color: hsl(180.66, 100%, 35.88%) !important; }
.color-gray{ color: hsl(216, 2.92%, 66.47%) !important; }
.color-black{ color: black !important; }

.background-light-grey{ color: hsl(0, 0%, 90.98%) !important; }
.holiday25-color{ color: #00babc; }

/* ===== Backgrounds & Images ===== */
.bg-img-position-right{
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
}
.fit-cover{ object-fit: cover; }

.banner-image,
.banner-section {
  background-size: cover;
  background-position: center center; /* shared default */
  background-repeat: no-repeat;
}

.banner-section {
  min-height: 70vh;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.campaign-banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 70vh;
  display: flex;
  align-items: center;
}

/* ===== Heights & Widths ===== */
.h-70vh{ height: 70vh; }
.h-100dvh{ height: 100dvh; }
.height-inherit{ min-height: inherit !important; }
.min-vh-80{ min-height: 80vh !important; }
.min-width-50{ min-width: 50% !important; }
.max-width-70{ max-width: 70% !important; }
.max-width-80{ max-width: 80% !important; }
.max-width-50{ max-width: 50% !important; }
.max-width-33{ max-width: 33.33333% !important; }
.width-100{ width: 100%; }
.width-300{ width: 300px !important;}
.line-h-1{ line-height: 1; }
.flex-grow-1{ flex-grow: 1; }

/* ===== Typography ===== */
.c-text-1{ font-size: 1rem !important; }
.c-text-1-quarter{ font-size: 1.25rem; }
.c-text-1-third{ font-size: 1.3rem; }
.c-text-2{ font-size: 2rem; }
.c-text-3{ font-size: 3rem; }
.c-text-3-half{ font-size: 3.5rem; }
.c-text-4{ font-size: 4rem; }
.c-text-5{ font-size: 5rem; }
.c-text-6{ font-size: 6rem; }
.c-text-8{ font-size: 8rem; }
.c-text-10{ font-size: 10rem; }
.c-font-weight-600{ font-weight: 600 !important; }
.c-font-weight-800{ font-weight: 800 !important; }
.no-underline { text-decoration: none !important;}

/* ===== Spacing ===== */
.space-evenly{ justify-content: space-evenly !important; }
.padding-t-1 { padding-top: 1rem !important; }
.padding-t-3 { padding-top: 3rem !important; }
.padding-t-5 { padding-top: 5rem !important; }
.padding-t-7 { padding-top: 7rem !important; }
.padding-b-3 { padding-bottom: 3rem !important; }
.padding-b-4 { padding-bottom: 4rem !important; }
.padding-0{ padding: 0 !important; }
.padding-1-half { padding: 1.5rem !important; }
.padding-4{ padding: 4rem !important; }
.padding-5{ padding: 5rem !important; }
.padding-l-16p { padding-left: 16px !important; }
.padding-l-1 { padding-left: 1rem !important; }
.padding-l-2 { padding-left: 2rem !important; }
.padding-r-1 { padding-right: 1rem !important; }
.padding-r-2 { padding-right: 2rem !important; }
.margin-l-0 { margin-left: 0 !important; }
.margin-l-2 { margin-left: 2rem !important; }
.margin-r-0 { margin-right: 0 !important; }
.margin-t-6 {margin-top: 6rem !important; }
.margin-revert{ margin: revert !important; }
.custom-margin-bottom{ margin-bottom: 3rem !important; }
.mb-22{ margin-bottom: 22rem !important; }
.bg-position-100 { background-position: 100%;}
.titles-right{
	align-self: self-start;
  margin-right: 2rem;
  padding-top: 1rem;
}
.titles-left{
	align-self: self-start;
  margin-left: 1rem;
  padding-top: 1rem;
}

/* ===== Buttons =====*/
.holiday25-banner-button {
  font-family: 'Casanova Serif Display Free Regular', serif;
  background-color: black;
  color: #00babc;
  border: none;
  border-radius: 0;
  padding: 0.75rem 2rem;
  font-size: 1.25rem;
  font-weight: 400;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.holiday25-banner-button:hover {
  background-color: transparent;
  border: 2px solid black;
  color: black !important;
}

/* ===== Positioning & Layers ===== */
.z-1 { z-index: 1 !important;}
.justify-self-center { justify-self: center !important; }
.m-height-70{ min-height: 70vh !important; }

/* ===== Borders & Containers ===== */
.border-primary{ box-shadow: 0 0 0 3px #000; }
.custom-container-max{
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1400px !important;
  padding-right: 15px !important;
}

/* ===========================
	3. GLOBAL ANIMATIONS
=========================== */
@keyframes slide {
  from { background-position: 0 0; }
  to { background-position: -10000px 0; }
}
@keyframes fade-slide-in {
  from { opacity: 0; transform: translateY(30%); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes scroll-left {
   0% { transform: translateX(0);}
   100% { transform: translateX(-50%);}
}
.observe-fade-slide {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.4s ease-out, transform 1.4s ease-out;
	will-change: opacity, transform; 
}
.fade-slide-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.overlay-content { transition: transform 0.3s ease, opacity 0.3s ease; }
.overlay-content.hide { transform: translateY(-100%); opacity: 0; }
.overlay-content.show { transform: translateY(0); opacity: 1; }

/* ===== Navbar show/hide ===== */
.navbar.hide { transform: translateY(-100%); }
.navbar.show { transform: translateY(0); }

/* ===== Font Famliy ===== */
@font-face {
  font-family: 'Casanova Serif Display Free Regular';
  src: url('https://store-media.mpowerpromo.com/6810e561a2a397b79e3abe75/assets/Casanova%20Serif%20Display%20Free%20Regular-1756915648550.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
.casanova{ font-family: 'Casanova Serif Display Free Regular', serif; }

/* ===============================
	4. COMPONENT-SPECIFIC CSS
=============================== */

/* ---------- Navbar ---------- */
.navbar {
 	background: black;
  transition: transform 0.3s ease;
}
.text-padding{ padding: .5rem 1rem !important; }
a:hover{
  color: hsl(216, 2.92%, 66.47%) !important;
  background: none !important;
}
  
/* ---------- Holiday25 Page ---------- */

/* ==== Modal backdrop ==== */
.contact-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  padding: 2rem;
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* ==== Modal inner box ==== */
.contact-modal .modal-contact-form {
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  max-width: 700px;
  width: 100%;
  position: relative;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  transform: translateY(-20px);
  transition: transform 0.25s ease;
}

/* ==== Close button ==== */
.contact-modal .close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  color: #333;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 4px 8px;
  border-radius: 4px;
}
.contact-modal .close-btn:hover,
.contact-modal .close-btn:focus {
  color: #000;
  background: rgba(0,0,0,0.05);
  outline: none;
}
.contact-modal.active { display: flex; opacity: 1; }
.contact-modal.active .modal-contact-form { transform: translateY(0); }

/* ===== Banner Scoped Logo ===== */
.banner-section img.giftDifferent-img {
  display: block;
  max-width: 300px;
  width: 100%;
  height: auto;
}

/* ---------- Origin Brand Merch Home Page ---------- */

/* ===== Banner ===== */
.overlay-content button{
  border: none;
  height: 30px;
	width:450px;
	transition: filter 0.1s ease, opacity 0.1s ease;
  }
.overlay-content button:hover{ opacity: 0.6 !important;}
.overlay-content button span{
	font-family: 'Montserrat', sans-serif;
  font-size: 0.6rem;
}

/* ===== Expert Section ===== */
.expert-message{ max-width: 49%; }

/* ===== Brand Your Brand Section ===== */
.product-bg{ background-color: hsl(216, 2.92%, 66.74%); }
.productSection-title-2{ font-size: 5.5rem; }
.col-md-4{ max-width: 28.33333% !important; }
.order-button:hover{
	color: white !important;
	background-color: hsl(180.66, 100%, 35.88%) !important;
}

/* ===== Customized Promotional Products Section ===== */
.slider {
  width: 100%;
  overflow: hidden;
	position: relative;
	height: 400px;
}
.slider-track {
  display: flex;
  width: max-content; /* expand to fit both images */
  animation: scroll-left 30s linear infinite;
}
.slider-track img {
  height: 100%;
  flex-shrink: 0; /* prevent shrinking */
  object-fit: contain;
}
.slider:hover .slider-track {
  animation-play-state: paused;
}

/* ===== Branding Your Brand Section ===== */
.quote-button{
  padding-bottom: 5rem;
	transition: opacity 0.1s ease !important;
}
.quote-custom-button:hover{opacity: 0.6 !important;}

/* ===== Making it Happen Section ===== */
.makeItHappen-button{ border: 1px solid hsl(180.66, 100%, 35.88%) !important; }
.makeItHappen-button:hover{
  color: white !important;
  background-color: hsl(180.66, 100%, 35.88%) !important;
}

/* ---------- Blog Page ---------- */

.blog-paragraph{
  max-width: 32%;
  margin: 0 auto;
  line-height: 1.6;
}
[data-id="mPower-BlogPost1"] .row.blog-post-container {
  	display: flex;
		justify-content: center;
		padding-top: 5rem
}
.mt-3{ color: #00b5b9 !important;}
.ml-1{ /* blog card author's names */
  pointer-events: none;
  color: black !important;
  text-decoration: none !important;
  }
.breadcrumb{
  display:none !important;
}

/* ---------- About Page ---------- */

/* ===== From A Basement ===== */
.basement-text-container{ margin-top:8rem; }

/* ===== Slide Show ===== */
.carousel-indicators li{ background-color: grey !important; }

/* ===== Meet The Team ===== */
.wave-border svg {
  width: 100%;
  height: 100px;
  margin-bottom: -1px; /* Prevent visual gaps */
  line-height: 0;
}

/* ---------- Services Page ---------- */

/* ===== Banner ===== */
.btn-service{
	width: 400px;
	border-color: hsl(180.66, 100%, 35.88%) !important;
}
.btn-light:hover {
	background-color: hsl(180.66, 100%, 35.88%) !important;
	color: white !important;
}

/* ===== Creating Brands Not Products ===== */
.creatingBrandNotProducts-title-container{ padding-top: 5rem; }
.creatingBrandNotProducts-title-1{ font-size: 5.8rem; }
.creatingBrandNotProducts-title-2{ font-size: 7rem; }
.creatingBrandNotProducts-text-container{
	margin-top: 3rem;
	margin-bottom: 5rem;
}

/* ---------- Marketing QR Page ---------- */

/* ===== Sunset Banner Message ===== */
.sunset-banner::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url('https://store-media.mpowerpromo.com/6810e561a2a397b79e3abe75/pages/686eb02d31d940284ba395c5/4-		1752097566435.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
}
.marketing-text{ 
		font-size: 1.25rem; 
		max-width: 50% !important; 
	}

/* ===== Excursion ===== */
.excursion-container{ padding-top: 8rem !important; }
.overlay-image {
	top: 63%;
	left: 55.2%;
}

/* ===== Men's Apparel ===== */
.premium-comfort-tee{
	margin-top: 43%;
	margin-left: 36%;
}
.left-container{ padding-top: 17rem; }
.legends-sherpa-1{ margin-left: 6rem; }
.legends-sherpa-2{
	bottom: -4%;
	left: 67%;
}
.legends-carson-pant-2{
	right: 27%;
	top: 21%;
}

/* ===== Women's Apparel ===== */
.womens-header-2{
	top:30%;
	left:44%;
}
.rhone-hoodie{ margin-top: 7rem; }
.legends-pullover-2{
	top: 25%;
	right: 17%;
}
.legends-pullover-1{ margin-left: 3rem; }
.legends-leggings-1{ margin-top: -9rem; }
.legends-leggings-2{
	top:37%;
	left:49%;
	max-width: 400px !important;
}
.legends-pullover-3{
	margin-left: -6rem;
	margin-bottom: -1rem;
}
.legends-pullover-4{
	top:20%;
}

/* ===== Golf Gear ===== */
.golf-text-container{
	margin-bottom: 22%;
	margin-right: 25%;
}
.greyson-vest{ margin-top: 10rem; }

/* ===== Blankets ===== */
.kanata-throw-wrapper img{ top: 5rem; }
.terrytown-wrapper img{ top: 17rem; }
.kanata-stadium-wrapper img{top: 6rem; }

/* ===== Hard Goods ===== */
.candle-holder{
	margin-top: -63%;
	margin-left: 47%;
}
.plant-wrapper{ margin-left: 10%; }
.lifestyle-2{ top: 10%; }

/* ---------- Footer ---------- */
.footer-logo{ height: 50px !important; }
.footer-links{ padding: .5rem 1rem; }
.footer-item{ border-right: 2px solid black !important; }

/* ===============================
	5. Media CSS
=============================== */

/* ---------- Small Desktop View ---------- */
@media (min-width: 1024px) and (max-width: 1044px){
	.sm-desktop-text-size4{
	 font-size: 4rem !important;
	}
	.sm-desktop-min-width-auto{
		min-width: auto !important;
	}
}

/* ---------- Desktop View ---------- */
@media (min-width: 1024px){
	
	.desktop-align-content-center{
		align-content: center !important;
	}
	
	.desktop-align-self-center{
		align-self: center !important;
	}
	
	.desktop-align-items-center{
		align-items: center !important;
	}
	
	.desktop-justify-content-start{
		justify-content: start !important;
	}
	
  .desktop-justify-content-around{
		justify-content: space-around !important;
	}
	
	.desktop-justify-content-center{
		justify-content: center !important;
	}
	
	.desktop-justify-content-end{
		justify-content: end !important;
	}
	
	.desktop-padding-r-7{
		padding-right: 7rem;
	}

  /* Banner content anchored left */
  .banner-section .col-lg-5 {
    margin-left: 5%;
  }
  .banner-section {
    background-position: center center; /* ensure desktop alignment */
  }
	.bg-desktop-20{
		background-position-x: 20%;
	}
}

/* ---------- Tablet View ---------- */
@media (min-width:768px) and (max-width:991px) {
  .nav.d-flex.justify-content-center.align-items-center { display: none !important; }
  .banner-section { background-position: 40% center; }
		
	.campaign-banner{
		min-height: 60vh;
	}
	
	.tablet-justify-content-end{
		justify-content: end !important;
	}
	
	.tablet-align-item-start{
		align-items: start !important;
	}
	
	.tablet-self-center{
		align-self: center !important;
	}
	
	.bg-tablet-85 {
    background-position-x: 85%;
	}
	.bg-tablet-70 {
    background-position-x: 70%;
  }
	.bg-tablet-60 {
    background-position-x: 60%;
  }
	.bg-tablet-50 {
    background-position-x: 50%;
  }
	.bg-tablet-40 {
    background-position-x: 40%;
  }
	.bg-tablet-30 {
    background-position-x: 30%;
  }
	.bg-tablet-20 {
		background-position-x: 20%;
	}
	.tablet-margin-l-0 {
	margin-left: 0 !important;
	}
  /* ===== Spacing ===== */
	.tablet-padding-t-0{
	  padding-top: 0 !important;
	}
		.tablet-padding-t-4{
	  padding-top: 4rem !important;
	}
		.tablet-padding-t-9{
		padding-top: 9rem !important;
	}
	 .tablet-margin-0 {
		margin: 0 !important; 
	}
	 .tablet-margin-left-1{ 
    margin-left: 1rem !important;
  }
	.tablet-margin-left-2{ 
    margin-left: 2rem !important;
  }
	.tablet-margin-bottom-4{ 
    margin-bottom: 4rem !important;
  }
	 .tablet-right-p { right: 10% !important; }
	 .tablet-left-36p { left: 36% !important; }
	
	/* ===== Typography ===== */
	 .tablet-c-text-p7 {
		font-size: 0.7rem !important; 
	}
	 .tablet-c-text-2 {
		font-size: 2rem !important; 
	}
	 .tablet-c-text-2-half {
		font-size: 2.4rem !important;
	}
	 .tablet-c-text-3 {
		font-size: 3rem !important; 
	}
	.tablet-c-text-4 {
		font-size: 4rem !important; 
	}
	.tablet-c-text-5 {
		font-size: 5rem !important; 
	}
	
	/* ===== Heights and Widths ===== */
	.tablet-min-width-30{ 
		min-width: 30% !important;
	}
	.tablet-min-width-40{ 
		min-width: 40% !important; 
	}
	.tablet-max-width-50 {
		max-width: 50% !important;
	}
	.tablet-max-width-75 {
		max-width: 75% !important;
	}
	.tablet-max-width-80 {
		max-width: 80% !important;
	}
	 .tablet-line-height-0 {
		 line-height: 0
	}
	/* ===== Positions/Layers ===== */
	.position-init-tablet-view{
		position: initial !important;
	}
	/* ===== Specific CSS ===== */
	 .meetTheTeam-img-container{
    flex: 0 0 auto !important;
    max-width: 50% !important;
  }
	/*  blog page  */
	[data-id="mPower-BlogPostsList1"] .justify-content-end {
		display: flex !important;
		justify-content: center !important;
}
	[data-id="mPower-BlogPostsList1"] .pl-4 {
		padding: inherit !important
}
	[data-id="mPower-BlogPostsList1"] .row.blog-posts-list-posts {
		display: flex !important;
		justify-content: center !important;
	}
}

/* ---------- Mobile View ---------- */
@media (max-width: 767px){
	.mobile-hide{
		display: none !important;
	}
  .nav.d-flex.justify-content-center.align-items-center { display: none !important; }

  .campaign-banner{
		max-height: 50vh;
	}
	
	/* Reduce container padding for campaign banners */
  .campaign-banner .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
		min-height: inherit !important;
  }

  /* Keep banners constrained */
  .campaign-banner .col-12 {
    max-width: 50%;
    flex: 0 0 50%;
  }

  /* Alignments */
  #gifts-hero .col-12,
  #gifts-personality .col-12,
  #self-care .col-12 {
    margin-left: auto;
    text-align: right;
  }
  #merch-people-want .col-12,
  #gifts-grandma .col-12,
  #little-luxuries .col-12,
  #name-drop .col-12 {
    margin-right: auto;
    text-align: left;
  }

  /* Banner text & Spacing */
	.mobile-max-width {
	max-width: 100% !important;
	}
	.mobile-max-width-90 {
	max-width: 90% !important;
	}
	.mobile-max-width-75 {
	max-width: 75% !important;
	}
	.mobile-width-50{
		max-width: 50% !important;
	}
	.mobile-height-50{
		max-width: 50% !important;
	}
	.mobile-padding-0{
	padding: 0 !important;
	}
	.mobile-padding-t-0{
		padding-top: 0 !important;
	}
	.mobile-padding-t-4{
		padding-top: 4rem;
	}
	.mobile-padding-t-7{
		padding-top: 7rem;
	}
	.mobile-padding-b-2{
		padding-bottom: 2rem !important;
	}
	.mobile-padding-b-7{
		padding-bottom: 7rem;
	}
	.mobile-padding-left-0{
		padding-left: 0 !important;
	}
	.mobile-padding-right-0{
		padding-right: 0 !important;
	}
	.mobile-padding-right-1{
		padding-right: 1 !important;
	}
	.mobile-padding-right-3{
		padding-right: 3rem !important;
	}
	.mobile-left-0{
		left: 0 !important;
	}
	.mobile-right-0{
		right: 0 !important;
	}
	.lead{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.mobile-margin-0{
	margin: 0 !important;
	}
	.margin-mobile-l-0{
	margin-left: 0;
	}
	.margin-mobile-l-0persent{
	margin-left: 0% !important;
	}
	.margin-mobile-r-0{
	margin-right: 0 !important;
	}
	.margin-mobile-t-0persent{
	margin-top: 0% !important;
	}
	.margin-mobile-t-1{
	margin-top: 1rem !important;
	}
	
  .banner-section .lead,
  .banner-section .display-4 {
    max-width: 100%;
    margin: 0;
  }
  .banner-section .display-4 {
    font-size: clamp(2.4rem, 7.5vw, 3rem);
    font-weight: 700;
    line-height: 1.2;
  }

	.mobile-text-left{
		text-align: left !important;
		margin-right: auto;
	}
	
	.mobile-text-right{
		text-align: right !important;
		margin-left: auto;
	}
	/* ===== Positioning ===== */
	.mobile-flex-column{
		flex-direction: column !important;
	}
	.mobile-text-align-center{
		text-align: center !important;
	}
	.mobile-align-items-start{
		align-items: start !important;
	}
	
	.mobile-align-items-end{
		align-items: end !important;
	}
	
	.mobile-align-self-start{
		align-self: flex-start !important;
	}
	
	.mobile-align-self-center{
		align-self: center !important;
	}
	
	.mobile-align-self-end{
		align-self: flex-end !important;
	}
	.mobile-justify-content-center{
		justify-content: center !important;
	}
	.mobile-justify-content-start{
		justify-content: start !important;
	}
	
	.mobile-justify-content-between{
		justify-content: space-between !important;
	}
	
	.mobile-justify-content-around{
		justify-content: space-around !important;
	}
	
	.mobile-justify-content-end{
		justify-content: end !important;
	}
	
	.mobile-direction-reverse{
		flex-direction: column-reverse !important;
	}
	
	.mobile-shift-down-120{
		transform: translate(0%, 120%);
	}
	
	.mobile-shift-down-75{
		transform: translate(0%, 75%);
	}
	
  /* Buttons */
  .banner-section .holiday25-banner-button {
    width: auto;
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }

  /*Background Image Shift*/
	.bg-mobile-80 {
    background-position-x: 80%;
  }
	.bg-mobile-75 {
    background-position-x: 75%;
  }
	.bg-mobile-65 {
    background-position-x: 65%;
  }
  .bg-mobile-60 {
    background-position-x: 60%;
  }
	.bg-mobile-55 {
    background-position-x: 55%;
  }
	.bg-mobile-45 {
		background-position-x: 45%;
	}
	.bg-mobile-40 {
		background-position-x: 40%;
	}
	.bg-mobile-35 {
		background-position-x: 35%;
	}
	.bg-mobile-30 {
		background-position-x: 30%;
	}
	.bg-mobile-25 {
		background-position-x: 25%;
	}
	.bg-mobile-20 {
		background-position-x: 20%;
	}
  .navbar-brand{
    margin-right: 0 !important;
  }
	/* Poisitioning & Layer */
	.mobile-position-initial{
		position:initial !important;
	}
	.mobile-position-relative{
		position:relative;
	}
	.mobile-position-absolute{
		position:absolute;
	}
	.mobile-top-25p{
		top: 25%;
	}
	/* Typography */
	.mobile-c-text-point-7{
	font-size: 0.7rem !important;
	}
	.mobile-c-text-1{
	font-size: 1rem !important;
	}
	.mobile-c-text-2{
	font-size: 2rem !important;
	}
	.mobile-c-text-2point3{
	font-size: 2.3rem !important;
	}
	.mobile-c-text-2-half{
	font-size: 2.5rem !important;
	}
	.mobile-c-text-3{
	font-size: 3rem !important;
	}
	.mobile-c-text-3-half{
	font-size: 3.5rem !important;
	}
	.mobile-c-text-3point9{
	font-size: 3.9rem !important;
	}
	.mobile-c-text-4{
	font-size: 4rem !important;
	}
	/* ---------- Origin Brand Merch Site ---------- */
	/* ===== Banner ===== */
   .overlay-content button{
    width: 300px !important;
  }
	/* ===== Home Page ===== */
	.quote-button{
	padding-bottom: 2rem !important;
	}
	/* ===== blog page ===== */
		[data-id="mPower-BlogPost1"] .row.blog-post-container{
		margin: 0 !important;
	}
		[data-id="mPower-BlogPostsList1"] .col-sm-6.col-md-4.col-lg-3.pl-4 {
		padding: 0 !important;
	}
		[data-id="mPower-BlogPostsList1"] .col-sm-6.col-md-4 {
		max-width: 100% !important;
	}
		/* ---------- Marketing QR Site ---------- */
		 .sunset-banner {
    	min-height: 65vh !important;
  }
		.cornhole-set-media{
			background-position: 70% !important;
			min-height: 70vh !important;
	}
		/* ---------- Privacy Page ---------- */
		p a {word-wrap: break-word;}
}