@charset "UTF-8";
@use "sass:math" as *;
/**
 * Clay 3.105.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.wrapper-visual-link {
  height: 100%; }
  @media (max-width: 1178px) {
    .wrapper-visual-link {
      height: auto; } }
  .wrapper-visual-link .visual-link-img .visual-link-bg {
    width: 100%;
    height: 0px;
    padding-bottom: 74.58%;
    background-repeat: no-repeat;
    background-size: cover; }
  .wrapper-visual-link .visual-link-cta {
    padding-left: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 1178px) {
      .wrapper-visual-link .visual-link-cta {
        padding-left: 12px;
        margin-top: 20px; } }
    .wrapper-visual-link .visual-link-cta h2 {
      font-family: 'SuisseIntl-Medium', 'rocablack';
      font-size: 40px;
      line-height: 40px;
      letter-spacing: -1px;
      font-weight: normal; }
      @media (max-width: 767.98px) {
        .wrapper-visual-link .visual-link-cta h2 {
          font-family: 'SuisseIntl-Medium', 'rocablack';
          font-size: 26px;
          line-height: 26px;
          letter-spacing: -1px;
          font-weight: normal; } }
    .wrapper-visual-link .visual-link-cta p {
      font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 24px; }
    .wrapper-visual-link .visual-link-cta a, .wrapper-visual-link .visual-link-cta #r-url {
      display: flex;
      display: row;
      margin-top: 10px; }
      .wrapper-visual-link .visual-link-cta a .visual-link-btn, .wrapper-visual-link .visual-link-cta #r-url .visual-link-btn {
        font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 18px;
        text-transform: uppercase;
        color: #FFFFFF;
        background-color: #000000;
        padding: 32px 30px;
        height: 78px;
        flex: auto;
        text-align: center;
        -webkit-transition: background-color 0.75s ease;
        transition: background-color 0.75s ease; }
        @media (max-width: 1178px) {
          .wrapper-visual-link .visual-link-cta a .visual-link-btn, .wrapper-visual-link .visual-link-cta #r-url .visual-link-btn {
            padding: 32px 10px; } }
      .wrapper-visual-link .visual-link-cta a .visual-link-3r, .wrapper-visual-link .visual-link-cta #r-url .visual-link-3r {
        color: #000000;
        background-color: #FFFFFF;
        padding: 32px 30px;
        height: 78px;
        width: 78px;
        border: 3px solid #000000;
        background-repeat: no-repeat;
        background-position: 50%; }
      .wrapper-visual-link .visual-link-cta a:hover .visual-link-btn, .wrapper-visual-link .visual-link-cta #r-url:hover .visual-link-btn {
        background-color: #776e65; }