/*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));*/
@media (min-width: 992px) {
  .vid-collections {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.625rem;
    margin-right: -0.625rem; } }

@media (min-width: 992px) {
  .vid-collection {
    float: left;
    padding: 0 0.625rem;
    width: 50%; } }

@media (min-width: 1200px) {
  .vid-collection {
    width: 20%; } }

.vid-collection--small {
  padding-bottom: 0.625rem; }

@media (min-width: 992px) {
  .vid-collection--small {
    padding-bottom: 0;
    flex: 1;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.625rem; } }

.vid-collection-title {
  font-weight: 300;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.2rem; }

@media (max-width: 575.98px) {
  .vid-collection-title {
    text-align: center;
    font-size: 1.5rem; } }

.vid-collection__thumb {
  width: 100%; }

.vid-collection-item {
  color: #22A2E4;
  text-decoration: none;
  display: block;
  margin-bottom: 0.625rem; }

.vid-collection-item svg {
  vertical-align: sub; }

@media (max-width: 575.98px) {
  .vid-collection-item {
    width: 50%;
    display: inline-block;
    float: left; } }

.video-page .anchor {
  position: relative; }

.video-page .anchor a {
  position: absolute;
  left: 0px;
  top: -90px; }

@media (max-width: 767.98px) {
  .video-page .anchor a {
    position: absolute;
    left: 0px;
    top: -90px; } }

@media (min-width: 992px) {
  .community-vids {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.625rem;
    margin-right: -.625rem; } }

@media (min-width: 992px) {
  .community-vids-group {
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem; } }

.community-vids--3 .community-vids-group {
  flex: auto; }
  @media (min-width: 992px) {
    .community-vids--3 .community-vids-group {
      width: 67.8%; } }
  @media (min-width: 1200px) {
    .community-vids--3 .community-vids-group {
      width: 67.65%; } }
  @media (min-width: 1470px) {
    .community-vids--3 .community-vids-group {
      width: 67.48%; } }
  @media (min-width: 992px) {
    .community-vids--3 .community-vids-group:last-child {
      display: flex;
      flex-direction: column;
      width: 32.2%; } }
  @media (min-width: 1200px) {
    .community-vids--3 .community-vids-group:last-child {
      width: 32.35%; } }
  @media (min-width: 1470px) {
    .community-vids--3 .community-vids-group:last-child {
      width: 32.52%; } }