/* FAFH Partnership page overrides */

html {
  scroll-behavior: smooth;
}

main {
    padding: 0rem 0px !important;
}

.special-section-halves {
  scroll-margin-top: 100px;
}

.page-template-default:not(.home).page-color-scheme-green-white main:before {
    background: rgb(255 255 255 / 0%);
}

/* Hero Overrides */

.page-template-default:not(.home).page-color-scheme-green-white main article {
	h1, h3 {
    color: #002B49;
	}}

.featured-image-wrap {
    border-radius: 0px;
}

section.main-section {
  background-image: url('/wp-content/uploads/2026/07/orange-bg.jpg');
  background-size: cover;
  background-position: 100% 87%;
  background-repeat: no-repeat;
}

.main-section .wrapper {
	padding: 4.5rem 0px;
}

.main-section {
  position: relative;
}

.featured-image-wrap {
  position: absolute;
  left: 48% !important;
  right: auto;
  width: 48rem;
  height: auto;
  border-radius: 0;
  overflow: visible;
  font-size: initial;
}


.featured-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  position: static;
  transform: none;
  object-fit: contain;
}

article a {
    font-weight: 400;
	transition:300ms;
}

article a:hover {
    opacity: 0.85;
}

.wp-block-button__link {
    padding: .875rem 1rem .75rem 1rem;
    font-size: 1rem;
}

article h1, article p {
		margin: 0px 0px 2rem;
    }


@media screen and (min-width:1024px) {
.main-section .wrapper {
    display: flex !important;
    align-items: center !important;
}

.featured-image-wrap {
    width: 50% !important;
}

.wrapper-inner {
    width: 45% !important;
    margin-right: 0 !important;
    margin-left: auto !important;
	}}


/* Products */

.special-section-halves .half-image-wrap+.half-description {
	margin-bottom: 2rem;
}

.special-section-halves .half-description .special-section-title {
    font-size: 2.5rem;
	margin-bottom: 2rem;
}

#align-taste-texture-in-your-formulation.special-section-halves .half-description .special-section-title {
	width: 71%;
}


#find-harmony-in-healthier-products.special-section-halves .half-description .special-section-title {
	width: 78%;
}


#get-vibrant-hues-and-flavor-in-sync.special-section-halves .half-description .special-section-title {
	width: 74%;
}




.special-section-halves:first-child .special-section-title {
		color: #313131;
	}


.special-section-halves:nth-child(2) .special-section-title  {
		color: #313131;
	}


.special-section-halves:nth-child(3) .special-section-title {
		color: #313131;
	}


section.white__buttons .special-section-halves a {
    color: #ffffff !important;
    border: 0px solid;
    padding: 0.875rem 1.2rem 0.75rem 1.2rem;
    font-weight: 400 !important;
	transition:300ms;
}

section.white__buttons .special-section-halves a:hover {
	opacity: 0.85;
}

section.white__buttons .special-section-halves:first-child a {
	background-color: #1D508E !important;
}

section.white__buttons .special-section-halves:nth-child(2) a {
	background-color: #1D508E !important;
}

section.white__buttons .special-section-halves:nth-child(3) a {
	background-color: #1D508E !important;
}

/* CTA */

.book__content {
	padding-right: 100px;
	width: 40% !important;
}

section.white__buttons .book__group a {
	color: #ffffff !important;
    border: 0px solid;
    padding: 0.875rem 1.2rem 0.75rem 1.2rem;
    font-weight: 400 !important;
    transition: 300ms;
    background: #FD5F1E !important;
	transition: 300ms;
}

section.white__buttons .book__group a:hover {
	background: #FD5F1E !important;
    opacity: 0.85;
}

.book__group h3 {
	    margin: 0px 0px 2rem;
}

.book__group .cta-sub-text {
	margin-bottom: 2rem;
}


/* Media Queries */

@media (min-width: 64rem) {
    .single-product.layout-flipped main .wrapper-inner, .page-template-default:not(.home).layout-flipped main .wrapper-inner {
        margin-right: 50%;
		padding-bottom: 40px;
    }
	article h1 {
        font-size: 2.9rem !important;
    }
	article h3 {
   	    font-size: 1.9rem;
	}
}

@media (min-width: 1024px) and (max-width:1798px) {
	.book__group {
	    max-width:630px;
     }
	.book__content {
	    width: 60% !important;
}
}


@media (min-width: 1320px) and (max-width: 1445px) {
  .featured-image-wrap {
	width: 36rem !important;
  }
}

@media (min-width: 1240px) and (max-width: 1319px) {
  .featured-image-wrap {
	width: 35rem !important;
  }
}

@media (min-width: 1100px) and (max-width: 1239px) {
  .featured-image-wrap {
	width: 32rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1099px) {
  .featured-image-wrap {
	 width: 28rem !important;
  }
}

@media (min-width: 1024px)  {
  .featured-image-wrap {
    left: 5% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1235px) {
	.wp-block-button__link {
    	font-size: 0.93rem;
	}
}

@media (min-width: 1446px) {
  .featured-image-wrap {
	width: 33rem !important;
	left: auto !important;
  }
}

@media (max-width: 1023px) {
   section.main-section {
	background-image: url(/wp-content/uploads/2026/07/orange-bg.jpg);
	background-size: cover;
	background-position: 100% 2%;
	background-repeat: no-repeat;
	}

  .main-section .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .page-template-default:not(.home) .featured-image-wrap {
    position: relative;
    left: auto !important;
    right: auto;
    bottom: auto;
    transform: none;
    width: 90%;
    height: auto;
    margin: 60px 0px 40px 0px;
    padding-bottom: 0;
    border-radius: 0;
    overflow: visible;
    flex: 0 0 auto;
  }

  .page-template-default:not(.home) .featured-image-wrap img {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    transform: none;
    object-fit: contain;
  }

  .wrapper-inner {
    position: relative;
    width: 100%;
    margin-top: 0;
    clear: both;
    flex: 0 0 auto;
  }

  .wrapper-inner.active,
  .featured-image-wrap.active {
    transform: none;
  }

  .wrapper-inner article {
    margin-top: 0;
  }
	
  .wrapper-inner .wp-block-buttons {
     flex-direction: column;
     align-items: start;
  }
	article h1 {
    font-size: 2.8rem;
}
	.special-sections {
    margin-top: 0rem;
}
		.special-section {
		padding: 4rem 0px 1rem 0px;
}
	h5.special-section-eyebrow {
    font-size: 1.25rem;
}
	.special-section-halves .half-description .special-section-title {
    width: 100% !important;
}
	.book__content {
	width: 100% !important;
}
	
}

@media screen and (max-width: 900px) {
  .image-wrap {
    min-height: unset !important;
    height: auto;
    position: relative !important;
  }

  .image-wrap img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    display: block;
  }
	.special-section-halves .half-description .special-section-title {
    font-size: 2rem;
	}}