/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[3].use[4]!./src/components/template-parts/blocks/full-width/hero-section-columned/_hero-section-columned-styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Bootstrap Variables
 */
/*
 * Color system
 */
/**
 * Grid
 */
/**
 * Border Radius
 */
/**
 * Fonts
 */
/**
 * Crunch Utilities
 */
*[class^=clamp] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/**
 * Variables
 */
/* ~~~~~~~~~~ WP Admin Bar heights ~~~~~~~~~~ */
/* ~~~~~~~~~~ Settings ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fonts ~~~~~~~~~~ */
/* ~~~~~~~~~~ Plugins ~~~~~~~~~~ */
/* stylelint-disable */
/**
 * Mixins
 */
/* ~~~~~~~~~~ Helper Functions ~~~~~~~~~~ */
/* ~~~~~ Strip Unit ~~~~~ */
/* ~~~~~ Convert to REM ~~~~~ */
/* ~~~~~ Get Crunch Spacer ~~~~~ */
/* ~~~~~~~~~~~~ Fluid  ~~~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Fluid
 */
/* ~~~~~~~~ String split ~~~~~~~~ */
/* ~~~~~~~~ String replace ~~~~~~~~ */
/* ~~~~~~~~ Join sign with number  ~~~~~~~~ */
/* ~~~~~~~~~~ String to number conversion by Hugo Giraudel ~~~~~~~~~~ */
/* ~~~~~ Helper for fluid function ~~~~~ */
/* ~~~~~ Letter-spacing functions ~~~~~ */
/* ~~~~~~~~ Return index of array diff ~~~~~~~~ */
/* ~~~~~~~~~ Fluid margin/padding helpers ~~~~~~~~~ */
/**
 * Spacings
 */
/* ~~~~~~~~~~ Sizing Class Generator ~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Classes
 */
/* ~~~~~~~~~~ Respond to specific brekpoint ~~~~~~~~~~ */
/* ~~~~~~~~~~ Bootsrap Container Max Width ~~~~~~~~~~ */
/* ~~~~~~~~~~ Transition ~~~~~~~~~~ */
/**
 * Placeholders Template Part Styles
 */
/* ~~~~~~~~~~ Background cover ~~~~~~~~~~ */
/* ~~~~~~~~~~ Object Fit ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hide ~~~~~~~~~~ */
/* ~~~~~~~~~~ Adjustable Element ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fill the whole space ~~~~~~~~~~ */
/* ~~~~~~~~~~ Optimize image contrast ~~~~~~~~~~ */
/* ~~~~~~~~~~ Font Size Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Letter Spacing Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Animated Border Bottom ~~~~~~~~~~ */
/* ~~~~~~~~~~ Lock Position ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hover opacity classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Flex 0 0 auto ~~~~~~~~~~ */
/**
 * Placeholders Buttons Template Part Styles
 */
/**
 * ACF Block Hero Section Columned Template Part Styles
 */
@media (min-width: 768px) {
  .acf-block-hero-section-columned {
    min-height: 36.25rem;
  }
}
@media (max-width: 767.98px) {
  .acf-block-hero-section-columned__left-column {
    height: 60vw;
  }
}
@media (min-width: 768px) {
  .acf-block-hero-section-columned__left-column {
    position: absolute;
    left: 0;
    width: 62.5vw;
  }
}
.acf-block-hero-section-columned__right-column {
  position: relative;
}
@media (min-width: 768px) {
  .acf-block-hero-section-columned__right-column {
    position: absolute;
    right: 0;
    width: 37.5vw;
  }
}
@media (min-width: 768px) {
  .acf-block-hero-section-columned__right-column-cta {
    position: absolute;
    right: 0;
    bottom: 2rem;
    left: 0;
  }
}
.acf-block-hero-section-columned__share-icons {
  bottom: 0;
  left: calc(100% + 0.9375rem);
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.625rem);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.acf-block-hero-section-columned__share-icons .share-icons__item {
  justify-content: center;
  padding: 0.625rem;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translateY(0.625rem);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.acf-block-hero-section-columned__share-icons .share-icons__item {
  width: 2.75rem;
  height: 2.75rem;
}
@media (min-width: 576px) {
  .acf-block-hero-section-columned__share-icons .share-icons__item {
    width: 2.75rem;
    height: 2.75rem;
  }
}
@media (min-width: 768px) {
  .acf-block-hero-section-columned__share-icons .share-icons__item {
    width: 2.75rem;
    height: 2.75rem;
  }
}
@media (min-width: 992px) {
  .acf-block-hero-section-columned__share-icons .share-icons__item {
    width: 2.75rem;
    height: 2.75rem;
  }
}
@media (min-width: 1280px) {
  .acf-block-hero-section-columned__share-icons .share-icons__item {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.acf-block-hero-section-columned__share-icons .share-icons__item:not(:last-child) {
  margin-bottom: 0.625rem;
}
.acf-block-hero-section-columned__share-icons .share-icons__item:nth-child(5) {
  transition-delay: 0.1s;
}
.acf-block-hero-section-columned__share-icons .share-icons__item:nth-child(4) {
  transition-delay: 0.15s;
}
.acf-block-hero-section-columned__share-icons .share-icons__item:nth-child(3) {
  transition-delay: 0.2s;
}
.acf-block-hero-section-columned__share-icons .share-icons__item:nth-child(2) {
  transition-delay: 0.25s;
}
.acf-block-hero-section-columned__share-icons .share-icons__item:nth-child(1) {
  transition-delay: 0.3s;
}
.acf-block-hero-section-columned__share-icons.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.acf-block-hero-section-columned__share-icons.active .share-icons__item {
  opacity: 1;
  transform: translateY(0);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[3].use[4]!./src/components/template-parts/sharer/_sharer-styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Bootstrap Variables
 */
/*
 * Color system
 */
/**
 * Grid
 */
/**
 * Border Radius
 */
/**
 * Fonts
 */
/**
 * Crunch Utilities
 */
*[class^=clamp] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/**
 * Variables
 */
/* ~~~~~~~~~~ WP Admin Bar heights ~~~~~~~~~~ */
/* ~~~~~~~~~~ Settings ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fonts ~~~~~~~~~~ */
/* ~~~~~~~~~~ Plugins ~~~~~~~~~~ */
/* stylelint-disable */
/**
 * Mixins
 */
/* ~~~~~~~~~~ Helper Functions ~~~~~~~~~~ */
/* ~~~~~ Strip Unit ~~~~~ */
/* ~~~~~ Convert to REM ~~~~~ */
/* ~~~~~ Get Crunch Spacer ~~~~~ */
/* ~~~~~~~~~~~~ Fluid  ~~~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Fluid
 */
/* ~~~~~~~~ String split ~~~~~~~~ */
/* ~~~~~~~~ String replace ~~~~~~~~ */
/* ~~~~~~~~ Join sign with number  ~~~~~~~~ */
/* ~~~~~~~~~~ String to number conversion by Hugo Giraudel ~~~~~~~~~~ */
/* ~~~~~ Helper for fluid function ~~~~~ */
/* ~~~~~ Letter-spacing functions ~~~~~ */
/* ~~~~~~~~ Return index of array diff ~~~~~~~~ */
/* ~~~~~~~~~ Fluid margin/padding helpers ~~~~~~~~~ */
/**
 * Spacings
 */
/* ~~~~~~~~~~ Sizing Class Generator ~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Classes
 */
/* ~~~~~~~~~~ Respond to specific brekpoint ~~~~~~~~~~ */
/* ~~~~~~~~~~ Bootsrap Container Max Width ~~~~~~~~~~ */
/* ~~~~~~~~~~ Transition ~~~~~~~~~~ */
/**
 * Placeholders Template Part Styles
 */
/* ~~~~~~~~~~ Background cover ~~~~~~~~~~ */
/* ~~~~~~~~~~ Object Fit ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hide ~~~~~~~~~~ */
/* ~~~~~~~~~~ Adjustable Element ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fill the whole space ~~~~~~~~~~ */
/* ~~~~~~~~~~ Optimize image contrast ~~~~~~~~~~ */
/* ~~~~~~~~~~ Font Size Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Letter Spacing Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Animated Border Bottom ~~~~~~~~~~ */
/* ~~~~~~~~~~ Lock Position ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hover opacity classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Flex 0 0 auto ~~~~~~~~~~ */
/**
 * Placeholders Buttons Template Part Styles
 */
/**
 * Sharer Template Part Styles
 */
.share-icons__item .share-link {
  width: 1rem;
  height: 1rem;
}
@media (min-width: 576px) {
  .share-icons__item .share-link {
    width: 1.09375rem;
    height: 1.09375rem;
  }
}
@media (min-width: 768px) {
  .share-icons__item .share-link {
    width: 1.1875rem;
    height: 1.1875rem;
  }
}
@media (min-width: 992px) {
  .share-icons__item .share-link {
    width: 1.28125rem;
    height: 1.28125rem;
  }
}
@media (min-width: 1280px) {
  .share-icons__item .share-link {
    width: 1.375rem;
    height: 1.375rem;
  }
}
.share-icons__item .share-link__icon path {
  fill: #00181e;
}
.share-icons__item--arrow {
  cursor: pointer;
}
.share-icons__text-tooltip {
  bottom: 175%;
  left: 50%;
  width: 8.75rem;
  margin-left: -4.375rem;
  padding: 0.375rem;
  border-radius: 0.375rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}
.share-icons__text-tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.375rem;
  border-width: 0.375rem;
  border-style: solid;
  border-color: #0d6efd transparent transparent transparent;
  transition: opacity 0.3s;
}
.share-icons__copy-svg {
  transition: opacity 0.2s ease-in-out;
}
.share-icons__copy-link:hover .share-icons__text-tooltip, .share-icons__copy-link:focus .share-icons__text-tooltip {
  opacity: 1;
  visibility: visible;
}