/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.share {
  background-color: white;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999; }
  @media (min-width: 768px) {
    .share {
      width: 450px; } }
  .share--show {
    display: block; }
  .share svg, .share img {
    vertical-align: top; }

.share__close {
  background: transparent;
  border: 0;
  cursor: pointer;
  float: right;
  height: 14px;
  outline: none;
  padding: 0;
  position: relative;
  width: 14px;
  -webkit-appearance: none;
  transition: all 0.25s ease; }
  .share__close svg {
    fill: gray; }
  .share__close:active, .share__close:focus, .share__close:hover {
    opacity: 0.5; }

.st-btn {
  display: inline-block !important; }

.article-layout {
  border-bottom: solid 1.25rem #e0e0e0;
  padding: 2.5rem 0 0; }

.article-layout__body .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  .article-layout__body .video-container iframe, .article-layout__body .video-container object, .article-layout__body .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.article-layout__body ul.wp-block-gallery {
  padding: 0;
  list-style-type: none; }

.article-main .article-layout__text {
  column-count: 1; }
  .article-main .article-layout__text img {
    display: block;
    height: auto;
    max-width: 100%; }

.article-layout__text {
  column-count: 1; }
  .article-layout__text p:first-child {
    margin-top: 0px; }
  @media (min-width: 768px) {
    .article-layout__text {
      column-count: 2; } }