/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.img-accent-banner-container .img-accent-banner-figure {
  display: flex;
  flex-direction: row; }
  .img-accent-banner-container .img-accent-banner-figure picture a {
    display: block; }

.img-accent-banner-container .img-accent-banner-image-block {
  flex-basis: unset;
  padding: 2.75rem 0 2.3125rem;
  position: relative;
  z-index: 1;
  background-color: transparent; }
  @media (min-width: 769px) {
    .img-accent-banner-container .img-accent-banner-image-block {
      padding: 7.125rem 15px 9.375rem;
      max-width: 58.57143%;
      background-image: url("../../../../images/textures/stone.jpg");
      background-position: -7.0625rem 0;
      background-repeat: no-repeat;
      background-size: 95% 100%; } }
  @media (min-width: 992px) {
    .img-accent-banner-container .img-accent-banner-image-block {
      background-position: -14.0625rem 0; } }
  @media (min-width: 1200px) {
    .img-accent-banner-container .img-accent-banner-image-block {
      background-size: 96% 100%; } }
  .img-accent-banner-container .img-accent-banner-image-block:after {
    content: '';
    position: absolute;
    background-image: url("../../../../images/textures/stone.jpg");
    background-repeat: no-repeat;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: -11.875%; }
    @media (min-width: 769px) {
      .img-accent-banner-container .img-accent-banner-image-block:after {
        left: -90%; } }
  .experience-cms_assets-varietalImageAccentBanner .img-accent-banner-container .img-accent-banner-image-block {
    padding: 2.3125rem 0; }
    @media (min-width: 769px) {
      .experience-cms_assets-varietalImageAccentBanner .img-accent-banner-container .img-accent-banner-image-block {
        padding: 5.375rem 0; } }
  .img-accent-banner-container .img-accent-banner-image-block .img-accent {
    display: block;
    position: absolute;
    top: -1.5rem;
    left: 0.5rem;
    z-index: 3; }
    @media (min-width: 769px) {
      .img-accent-banner-container .img-accent-banner-image-block .img-accent {
        top: -2.1875rem;
        left: unset;
        right: 8.6875rem; } }
    @media (min-width: 992px) {
      .img-accent-banner-container .img-accent-banner-image-block .img-accent {
        right: 15.5rem; } }
    .img-accent-banner-container .img-accent-banner-image-block .img-accent .accent-tick {
      display: block;
      background-color: var(--color-dark-brown);
      width: 1.5625rem;
      height: 0.625rem;
      transform: skew(0deg, 40deg);
      margin-bottom: 0.625rem; }
  .img-accent-banner-container .img-accent-banner-image-block .img-accent-banner-image-link {
    display: block; }
  @media (max-width: 768.98px) {
    .img-accent-banner-container .img-accent-banner-image-block.order-2:after {
      left: unset;
      right: -11.875%; }
    .img-accent-banner-container .img-accent-banner-image-block.order-2 .img-accent {
      left: unset;
      right: 0.5rem; }
      .img-accent-banner-container .img-accent-banner-image-block.order-2 .img-accent .accent-tick {
        transform: skew(0deg, -40deg); } }
  @media (min-width: 769px) {
    .img-accent-banner-container .img-accent-banner-image-block.order-md-2 {
      background-position: 8.4375rem 0; }
      .img-accent-banner-container .img-accent-banner-image-block.order-md-2:after {
        left: unset;
        right: -90%; }
      .experience-cms_assets-varietalImageAccentBanner .img-accent-banner-container .img-accent-banner-image-block.order-md-2 {
        background-position: 330% 0; }
      .img-accent-banner-container .img-accent-banner-image-block.order-md-2 .img-accent {
        right: unset;
        left: 8.6875rem; }
        .img-accent-banner-container .img-accent-banner-image-block.order-md-2 .img-accent .accent-tick {
          transform: skew(0deg, -40deg); } }
  @media (min-width: 992px) {
    .img-accent-banner-container .img-accent-banner-image-block.order-md-2 {
      background-position: 16.0625rem 0; }
      .experience-cms_assets-varietalImageAccentBanner .img-accent-banner-container .img-accent-banner-image-block.order-md-2 {
        background-position: 355% 0; }
      .img-accent-banner-container .img-accent-banner-image-block.order-md-2 .img-accent {
        left: 15.5rem; } }

.img-accent-banner-container .img-accent-banner-text-block {
  display: flex;
  align-items: center;
  margin: 1.5rem 0 2rem; }
  @media (min-width: 769px) {
    .img-accent-banner-container .img-accent-banner-text-block.order-md-1 {
      padding-right: 8.23129%; }
    .img-accent-banner-container .img-accent-banner-text-block.order-md-2 {
      padding-left: 8.23129%; } }
  .img-accent-banner-container .img-accent-banner-text-block .header-eyebrow {
    display: block;
    font-weight: 700;
    margin-bottom: 0.625rem; }
  .img-accent-banner-container .img-accent-banner-text-block .headline h1,
  .img-accent-banner-container .img-accent-banner-text-block .headline h1 a,
  .img-accent-banner-container .img-accent-banner-text-block .headline h2,
  .img-accent-banner-container .img-accent-banner-text-block .headline h2 a,
  .img-accent-banner-container .img-accent-banner-text-block .headline h3,
  .img-accent-banner-container .img-accent-banner-text-block .headline h3 a,
  .img-accent-banner-container .img-accent-banner-text-block .headline h4,
  .img-accent-banner-container .img-accent-banner-text-block .headline h4 a {
    font-size: 1.875rem;
    line-height: 1.1; }
    @media (min-width: 992px) {
      .img-accent-banner-container .img-accent-banner-text-block .headline h1,
      .img-accent-banner-container .img-accent-banner-text-block .headline h1 a,
      .img-accent-banner-container .img-accent-banner-text-block .headline h2,
      .img-accent-banner-container .img-accent-banner-text-block .headline h2 a,
      .img-accent-banner-container .img-accent-banner-text-block .headline h3,
      .img-accent-banner-container .img-accent-banner-text-block .headline h3 a,
      .img-accent-banner-container .img-accent-banner-text-block .headline h4,
      .img-accent-banner-container .img-accent-banner-text-block .headline h4 a {
        font-size: 2.25rem; } }

.img-accent-banner-container .img-accent-banner-btns {
  width: 100%;
  margin-top: 0.75rem;
  display: block;
  white-space: nowrap; }
  .img-accent-banner-container .img-accent-banner-btns .cta-btn {
    margin: 0.75rem 0 0;
    vertical-align: top;
    white-space: nowrap; }
  @media (min-width: 769px) {
    .img-accent-banner-container .img-accent-banner-btns.twoButtons .cta-btn:first-child {
      margin-right: 1rem; } }

/*# sourceMappingURL=cmsImageAccentBanner.css.map*/