/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.page-description-with-single-canvas {
    padding: var(--page-description-with-single-canvas-padding);
}

.page-description-with-single-canvas .canvas-column {
    max-width: 300px;
}

.page-description-with-single-canvas .page-description-title {
    font-family: var(--font-primary);
    font-weight: bold;
    color: var(--page-description-with-single-canvas-title-color);
    font-size: var(--page-description-with-single-canvas-title-size);
    letter-spacing: var(--page-description-with-single-canvas-title-letter-spacing);
    padding-bottom: var(--page-description-with-single-canvas-title-pb);

}

@media(min-width: 992px) {
    .page-description-with-single-canvas .canvas-column {
        max-width: unset;
    }
    .page-description-with-single-canvas .page-description-title {
        font-size: var(--page-description-with-single-canvas-title-lg-size);
        width:  var(--page-description-with-single-canvas-title-lg-width);
        max-width:  var(--page-description-with-single-canvas-title-lg-max-width);
        padding-bottom: var(--page-description-with-single-canvas-title-lg-pb);
    }
}

@media(min-width: 1300px) {
    .page-description-with-single-canvas .page-description-title {
        font-size: var(--page-description-with-single-canvas-title-xl-size);
        width:  var(--page-description-with-single-canvas-title-xl-width);
        max-width:  var(--page-description-with-single-canvas-title-xl-max-width);
        padding-bottom: var(--page-description-with-single-canvas-title-xl-pb);
    }
}

.page-description-with-single-canvas .page-description-text {
    color: var(--page-description-with-single-canvas-text-color);
    font-size: var(--page-description-with-single-canvas-text-size);
    line-height: var(--page-description-with-single-canvas-text-line-height);
}

.page-description-with-single-canvas .btn-more-info{
    display: inline-block;
    background: black;
    border: 1px solid var(--page-description-with-single-canvas-btn-color);
    border-radius: var(--g-btn-radius);
}

.page-description-with-single-canvas .btn-more-info > a {
    color: var(--page-description-with-single-canvas-btn-color);
    padding: var(--page-description-with-single-canvas-btn-padding);
    font-size: var(--page-description-with-single-canvas-btn-font-size);
    font-style: italic;
}

.page-description-with-single-canvas .btn-more-info > a .btn-more-info-image {
    padding-left: var(--page-description-with-single-canvas-btn-img-padding);
}