/* Common */

.maybe-sticky.sticky {
    position: fixed;
}

.marketing-page-main-content .anchor {
    scroll-margin-top: 50px;
}

.marketing-page-main-content {
    font-size: 18px;
    min-height: unset !important;
    padding-bottom: 0 !important;
}

.marketing-page-main-content.preview {
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -moz-box-shadow: 0 0 15px #EBEDF1;
    -webkit-box-shadow: 0 0 15px #EBEDF1;
    box-shadow: 0 0 15px #EBEDF1;
}

.marketing-page-main-content.preview.read-only:before {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--panel-default-backgroundColor);
    opacity: 0.75;
    z-index: 100;
}

.marketing-page-main-content.preview.read-only:hover:before {
    display: unset;
}

.marketing-page-main-content .breadcrumbs {
    display: none;
    font-size: 14px;
    margin: 30px 15px 20px;
}

.marketing-page-main-content .breadcrumbs .drawer-toggle {
    margin-right: 10px;
}

.marketing-page-main-content .breadcrumbs .breadcrumb-item:not(:last-child)::after {
    content: "/";
    color: var(--text-muted-color);
    margin: 0 5px 0 10px;
}

.marketing-page-main-content .frame {
    margin: 60px 25px 60px 0;
    border-radius: 4px;
    overflow: hidden;
    min-height: 100px;
}

@media (max-width: 1299px) {
    .marketing-page-main-content .breadcrumbs {
        display: block;
    }
    .marketing-page-main-content .frame {
        margin-top: 0;
    }
}

@media (max-width: 1200px) {
    .marketing-page-main-content .frame {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* Headings */

.marketing-page-main-content h1.title {
    font-size: 48px;
    font-weight: 600;
    line-height: 55px;
    margin-bottom: 30px;
}

.marketing-page-main-content h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 30px;
}

.marketing-page-main-content h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 30px;
}

.marketing-page-main-content h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 30px;
}

/* Main Heading */

.marketing-page-main-content .main-content-heading {
    margin-bottom: 0;
}

.marketing-page-main-content .main-content-heading * {
    /*text-align: center !important;*/
}

@media screen and (max-width: 768px) {
    .marketing-page-main-content .main-content-heading {
        margin-bottom: 30px;
    }

    .marketing-page-main-content .main-content-heading * {
        text-align: left !important;
    }

    .marketing-page-main-content .main-content-heading * {
        text-align: left !important;
    }
}

/* Main Tags */

.marketing-page-main-content .main-content-heading .type {
    margin-bottom: 30px;
}

.marketing-page-main-content .main-content-heading .tags {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.marketing-page-main-content .main-content-heading .tags .input-checkboxes-picker-wrap .values .value svg {
    top: 6px;
}

.marketing-page-main-content .main-content-heading .tags a {
}

.marketing-page-main-content .main-content-heading .input-checkboxes-picker-wrap .values {
    /*padding-right: 40px;*/
}
.marketing-page-main-content .main-content-heading .input-checkboxes-picker-wrap .value:first-child {
    /*margin-left: 80px;*/
}

.marketing-page-main-content .main-content-heading .input-checkboxes-picker-wrap .value:not(:first-child):last-child {
    /*margin-right: 40px;*/
}

/* Main Title */

.marketing-page-main-content h1 {
    /*color: var(--text-primary-color);*/
    margin-bottom: 0;
}

.marketing-page-main-content .form-group-input-expandable-text.form-group-title {
    margin-bottom: 30px;
}

.marketing-page-main-content .form-group-input-expandable-text.form-group-title .form-control {
    background: transparent;
    border-color: transparent;
    /*color: var(--text-primary-color);*/
    font-size: 48px !important;
    font-weight: 600;
    line-height: 55px;
    padding: 0;
}

@media (max-width: 768px) {
    .marketing-page-main-content .form-group-input-expandable-text.form-group-title .form-control {
        font-size: 28px !important;
        line-height: 32px;
    }
}

.marketing-page-main-content .form-group-input-expandable-text.form-group-title .form-control.blank {
    border: 1px dashed var(--divider-color);
}

/* Main Lead in */

.marketing-page-main-content .lead {
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    margin: 30px 0;
    max-width: unset;
}

@media (max-width: 768px) {
    .marketing-page-main-content .lead {
        font-size: 18px;
        line-height: 20px;
    }
}

.marketing-page-main-content .form-group-input-expandable-text.form-group-lead {
    margin-bottom: 30px;
}

.marketing-page-main-content .form-group-input-expandable-text.form-group-lead .form-control {
    background: transparent;
    border-color: transparent;
    color: var(--lead-color);
    font-size: 25px !important;
    font-weight: 300;
    line-height: 30px;
    padding: 0;
    /*text-align: center;*/
}

.marketing-page-main-content .form-group-input-expandable-text.form-group-lead .form-control.blank {
    border: 1px dashed var(--divider-color);
}

/* Main Cover Image */

.marketing-page-main-content .main-content-heading .form-group-cover-image {
    margin-bottom: 0;
}

.marketing-page-main-content .main-content-heading .cover-image-container {
    margin-top: 70px;
}

@media screen and (max-width: 768px) {
    .marketing-page-main-content .main-content-heading .cover-image-container {
        margin-top: 30px;
    }
}

.marketing-page-main-content .main-content-heading .cover-image-container img {
    width: 100%;
    border-radius: 12px;
}

/* Fields and Controls */

.marketing-page-main-content .form-control {
    font-size: 16px !important;
    font-weight: 300;
}

.marketing-page-main-content label.control-label {
    font-size: 16px !important;
    font-weight: 300;
}

.marketing-page-main-content .checkbox label,
.marketing-page-main-content .radio label {
    font-size: 16px !important;
    font-weight: 300;
    margin-top: 2px;
    padding-left: 40px;
}

.marketing-page-main-content .checkbox + .checkbox,
.marketing-page-main-content .radio + .radio {
    margin-top: 15px;
}

.marketing-page-main-content .binary-images-with-upload .list.blocks .block,
.marketing-page-main-content .binary-videos-with-upload .list.blocks .block {
    margin-bottom: 25px;
}

.marketing-page-main-content .binary-images-with-upload .image-container,
.marketing-page-main-content .binary-images-with-upload .image-container img {
    background: transparent;
    border-radius: var(--border-radius-md);
}

/* Button */

.marketing-page-main-content {
    --border-radius-md: 8px;
}

.marketing-page-main-content .btn-xs,
.marketing-page-main-content .btn-sm,
.marketing-page-main-content .btn-md,
.marketing-page-main-content .btn-lg,
.marketing-page-main-content .btn-xl {
    border-radius: 300px;
}

/* Table */

.marketing-page-main-content .tc-wrap {
    border: 3px solid var(--divider-color);
    border-radius: 10px 10px 8px 8px;
    margin: 10px 0 15px 0;
}

.marketing-page-main-content .tc-wrap .tc-table {
    border: none;
    border-radius: 8px;
    background: color-mix(in srgb, var(--section-backgroundColor) 99%, black);
}

.marketing-page-main-content .tc-wrap .tc-table.tc-table--heading {
}

.marketing-page-main-content .tc-wrap .tc-row {
    font-size: var(--section-font-size-p);
}

.marketing-page-main-content .tc-wrap .tc-row:first-child {
    border-radius: 8px 0 0 0;
}

.marketing-page-main-content .tc-wrap .tc-table:last-child .tc-row:last-child {
    border-bottom: none;
}

.marketing-page-main-content .tc-wrap .tc-table.tc-table--heading .tc-row:first-child {
    background: color-mix(in srgb, var(--divider-color) 50%, white);
    border-bottom-width: 1px;
    z-index: 1;
}

.marketing-page-main-content .tc-wrap .tc-table.tc-table--heading .tc-row:first-child:after {
    border-bottom-width: 1px;
    border-radius: 0 8px 0 0;
    bottom: -1px;
}

.marketing-page-main-content .tc-wrap .tc-cell {
    padding: 20px 20px;
}

.marketing-page-main-content .tc-wrap .tc-table.tc-table--heading .tc-row:first-child .tc-cell {
    color: var(--section-color);
    font-weight: 500;
}

.marketing-page-main-content .tc-wrap .tc-add-column {
    border-radius: 0 8px 0 0;
    border-top: none;
}

.marketing-page-main-content .tc-wrap .tc-add-column:hover {
    background: transparent;
}

.marketing-page-main-content .tc-wrap .tc-add-column svg {
    background: transparent;
    margin-top: 18px;
    padding: 0;
}

.marketing-page-main-content .tc-wrap .tc-add-row {
    border-radius: 0 0 8px 8px;
}

.marketing-page-main-content .tc-wrap .tc-add-row:hover,
.marketing-page-main-content .tc-wrap .tc-add-row:hover:before {
    background: transparent;
}

.marketing-page-main-content .read-only .tc-wrap {
    grid-template-columns: 100%;
}

.marketing-page-main-content .read-only .tc-wrap :before,
.marketing-page-main-content .read-only .tc-wrap :after {
    display: none;
    width: 0;
    height: 0;
}

.marketing-page-main-content .read-only .tc-wrap .tc-table .tc-row:first-child {
    border-radius: 8px 8px 0 0;
}

/* Input Inline Editor */

.marketing-page-main-content div.input-inline-editor .ce-toolbar__plus {
    background: transparent;
}

.marketing-page-main-content div.input-inline-editor .ce-toolbar__plus:hover {
    background: #eff2f5;
}

.marketing-page-main-content .form-group-input-inline-editor:not(.read-only) {
    margin: 0 !important;
}

div.input-inline-editor .codex-editor {
    z-index: unset; /* needed for toolbar of previous editor to go above this editor */
}

div.input-inline-editor .codex-editor .codex-editor__redactor {
    padding-bottom: 0;
}

.marketing-page-main-content .codex-editor--narrow .codex-editor__redactor {
    margin-right: 0;
}

.marketing-page-main-content .ce-block:last-child .ce-block__content {
    margin-bottom: 0 !important;
}

.marketing-page-main-content .input-inline-editor {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.marketing-page-main-content div.input-inline-editor .codex-editor {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
}

.marketing-page-main-content div.input-inline-editor.read-only .codex-editor {
    margin: 0 !important;
}

.marketing-page-main-content div.input-inline-editor .ce-toolbar__actions {
    left: -100px;
    width: 60px;
}

.marketing-page-main-content .input-inline-editor .ce-block__content {
    margin: 0;
}

.marketing-page-main-content .input-inline-editor .ce-block__content > * {
    margin-left: auto !important;
    margin-right: auto !important;
}

.marketing-page-main-content .preview .form-group-input-inline-editor:not(.read-only) {
    /*outline: 3px dotted #ccc;*/
    /*background: rgba(0, 0, 0, 0.05);*/
}

.marketing-page-main-content.preview .form-group-input-inline-editor.read-only {
    /*min-height: 5px;*/
}

.marketing-page-main-content div.input-inline-editor .cdx-block.ce-meta {
    font-size: 16px;
    font-weight: 500;
}

/* Blocks */

.marketing-page-main-content .block {
}

.marketing-page-main-content #page\.sections > .block.sort-helper {
    -moz-box-shadow: 0 0 30px #EBEDF1;
    -webkit-box-shadow: 0 0 30px #EBEDF1;
    box-shadow: 0 0 30px #EBEDF1;
    z-index: 5;
}

.marketing-page-main-content .list.blocks.vertical .block .prepend .fa.left,
.marketing-page-main-content .list.blocks.vertical .block .prepend .fa.right {
    top: -9px;
}

.marketing-page-main-content .list.blocks.vertical .block .append .fa.left,
.marketing-page-main-content .list.blocks.vertical .block .append .fa.right {
    top: -9px;
}

.marketing-page-main-content .list.blocks.vertical .block .edit {
    border: 0;
    position: absolute !important;
    margin: 0 !important;
    padding: 5px !important;
    top: 0;
    font-size: 7px;
    overflow: visible;
    text-align: center;
    text-transform: uppercase;
    visibility: hidden;
    z-index: 52;
}

.marketing-page-main-content .list.blocks.vertical .block:hover .edit {
    visibility: visible;
}

.marketing-page-main-content .list.blocks.vertical .block .edit .fa {
    background: #f0f0f0;
    color: #000;
    cursor: pointer;
    opacity: 1.0;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-decoration: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.marketing-page-main-content .list.blocks.vertical .block .edit .fa:hover {
    background: var(--primary-backgroundColor);
    color: var(--primary-color);
}

.marketing-page-main-content .blocks .block:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.marketing-page-main-content .blocks .block:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.marketing-page-main-content .list.blocks.vertical .block .edit-styles {
    right: 30px;
    z-index: 1;
}

.marketing-page-main-content .list.blocks.vertical .block .edit-background {
    right: 60px;
    z-index: 1;
}

.marketing-page-main-content .list.blocks.vertical .block .edit-background.uploading .fa {
    background: #f0f0f0;
    color: #000;
    font-size: 18px;
}

/* Section */

.marketing-page-main-content .section {
    --section-backgroundColor: var(--main-content-backgroundColor);
    --section-color: --body-color;
    --section-highlightColor: var(--primary-backgroundColor);
    --section-a-color: var(--a-color);
    --section-a-color-hover: var(--a-color-hover);
    --section-a-decoration: none;
    --section-font-size-h1: 40px;
    --section-line-height-h1: 1.3em;
    --section-font-size-h2: 25px;
    --section-line-height-h2: 1.3em;
    --section-font-size-h3: 22px;
    --section-line-height-h3: 1.3em;
    --section-font-size-p: 18px;
    --section-line-height-p: 1.42857143em;
    --section-text-align: left;
}

.marketing-page-main-content .section {
    color: var(--section-color);
    background: var(--section-backgroundColor);
}

.marketing-page-main-content .section .background-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
}

.marketing-page-main-content .section .ce-block,
.marketing-page-main-content .section h1,
.marketing-page-main-content .section h2,
.marketing-page-main-content .section h3 {
    color: var(--section-color);
}

.marketing-page-main-content .section h1,
.marketing-page-main-content .section h2,
.marketing-page-main-content .section h3 {
}

.marketing-page-main-content .section h1 .cdx-marker,
.marketing-page-main-content .section h2 .cdx-marker,
.marketing-page-main-content .section h3 .cdx-marker {
    color: var(--section-highlightColor);
    background: transparent;
    padding: 0;
}

.marketing-page-main-content .cdx-block.ce-meta {
    color: var(--section-highlightColor) !important;
}

.marketing-page-main-content .section a:not(.btn) {
    color: var(--section-a-color);
    text-decoration: var(--section-a-decoration);
}

.marketing-page-main-content .section .form-control {
    color: var(--section-color);
}

.marketing-page-main-content .section h1,
.marketing-page-main-content .section h1.ce-header {
    font-size: var(--section-font-size-h1);
    line-height: var(--section-line-height-h1);
    text-align: var(--section-text-align);
}

.marketing-page-main-content .section h2,
.marketing-page-main-content .section h2.ce-header {
    font-size: var(--section-font-size-h2);
    line-height: var(--section-line-height-h2);
    text-align: var(--section-text-align);
}

.marketing-page-main-content .section h3,
.marketing-page-main-content .section h3.ce-header {
    font-size: var(--section-font-size-h3);
    line-height: var(--section-line-height-h3);
    text-align: var(--section-text-align);
}

.marketing-page-main-content .section .p,
.marketing-page-main-content .section .ce-paragraph {
    font-size: var(--section-font-size-p);
    line-height: var(--section-line-height-p);
    text-align: var(--section-text-align);
}

.marketing-page-main-content .section .cdx-list__item {
    font-size: var(--section-font-size-p);
    line-height: var(--section-line-height-p);
    text-align: left;
}

.marketing-page-main-content .section .panel {
    background: rgba(255, 255, 255, 0.15);
}

.marketing-page-main-content .section.stereotype-inverted .shadowed-normal {
    -moz-box-shadow: 0 0 15px #333;
    -webkit-box-shadow: 0 0 15px #333;
    box-shadow: 0 0 15px #333;
}

/* Section - Stereotype - Default */

.marketing-page-main-content .section-default {
    /*default*/
    --section-highlightColor: var(--primary-backgroundColor);
}

/* Section - Stereotype - Primary */

.marketing-page-main-content .section.stereotype-highlighted {
    --section-backgroundColor: rgb(239 246 255);
    /*--section-color: var(--primary-color);*/
    /*--section-highlightColor: var(--primary-color);*/
    /*--section-a-color: #fff;*/
    /*--section-a-color-hover: #fff;*/
    --section-a-decoration: underline;
}

/* Section - Stereotype - Alt */

.marketing-page-main-content .section.stereotype-alt {
    --section-backgroundColor: var(--main-content-backgroundColor-alt);
}

/* Section - Stereotype - Inverted */

.marketing-page-main-content .section.stereotype-inverted {
    --section-backgroundColor: var(--inverted-backgroundColor);
    --section-color: var(--inverted-color);
    --section-highlightColor: var(--inverted-color);
    --section-a-color: var(--inverted-color);
    --section-a-color-hover: var(--inverted-color);
    --section-a-decoration: underline;
}

.marketing-page-main-content .section.stereotype-inverted .cdx-marker {
    color: var(--inverted-mutedColor);
    background: transparent;
}

.marketing-page-main-content .section.stereotype-inverted a {
    color: var(--inverted-mutedColor);
    text-decoration: none;
}

.marketing-page-main-content .section.stereotype-inverted a:hover {
    color: var(--inverted-color);
    text-decoration: underline;
}

/* Section - Text Align */

.marketing-page-main-content .section.text-left,
.marketing-page-main-content .section .text-left {
    /*default*/
    --section-text-align: left;
}

.marketing-page-main-content .section.text-center,
.marketing-page-main-content .section .text-center {
    --section-text-align: center;
}

.marketing-page-main-content .section.text-right,
.marketing-page-main-content .section .text-right {
    --section-text-align: right;
}

/* Section - Text Size Padding */

.marketing-page-main-content .section.text-size-sm {
    --section-font-size-h1: 25px;
    --section-line-height-h1: 1.3em;
    --section-font-size-h2: 22px;
    --section-line-height-h2: 1.3em;
    --section-font-size-h3: 20px;
    --section-line-height-h3: 1.3em;
    --section-font-size-p: 15px;
    --section-line-height-p: 1.42857143em;
}


@media (max-width: 768px) {
    .marketing-page-main-content .section.text-size-sm {
    }
}

.marketing-page-main-content .section.text-size-md {
    /*default*/
}

@media (max-width: 768px) {
    .marketing-page-main-content .section.text-size-md {
        --section-font-size-h1: 25px;
        --section-line-height-h1: 1.3em;
        --section-font-size-h2: 22px;
        --section-line-height-h2: 1.3em;
        --section-font-size-h3: 20px;
        --section-line-height-h3: 1.3em;
        --section-font-size-p: 15px;
        --section-line-height-p: 1.42857143em;
    }
}

.marketing-page-main-content .section.text-size-lg {
    --section-font-size-h1: 60px;
    --section-line-height-h1: 65px;
    --section-font-size-h2: 40px;
    --section-line-height-h2: 1.3em;
    --section-font-size-h3: 30px;
    --section-line-height-h3: 1.3em;
    --section-font-size-p: 20px;
    --section-line-height-p: 1.42857143em;
}

@media (max-width: 768px) {
    .marketing-page-main-content .section.text-size-lg {
        --section-font-size-h1: 25px;
        --section-line-height-h1: 1.3em;
        --section-font-size-h2: 22px;
        --section-line-height-h2: 1.3em;
        --section-font-size-h3: 20px;
        --section-line-height-h3: 1.3em;
        --section-font-size-p: 15px;
        --section-line-height-p: 1.42857143em;
    }
}

/* Section - Vertical Padding */

.marketing-page-main-content .section.vpad-none .section-body {
    padding: 0 0 0 0;
}

.marketing-page-main-content .section.vpad-sm .section-body {
    padding: 30px 0 0 0;
}

.marketing-page-main-content .section.vpad-md .section-body {
    padding: 60px 0 30px 0;
}

.marketing-page-main-content .section.vpad-lg .section-body {
    padding: 100px 0 70px 0;
}

.marketing-page-main-content .section.vpad-xl .section-body {
    padding: 150px 0 120px 0;
}

@media (max-width: 768px) {
    .marketing-page-main-content .section.vpad-sm .section-body.section-body,
    .marketing-page-main-content .section.vpad-md .section-body.section-body,
    .marketing-page-main-content .section.vpad-lg .section-body.section-body,
    .marketing-page-main-content .section.vpad-xl .section-body.section-body {
        padding: 50px 15px 30px 15px;
    }
}

/* Section - Container */

@media (min-width:768px) {
    .container-fluid .marketing-page-main-content .section .container,
    .container-full .marketing-page-main-content .section .container {
        width: 650px;
    }
}

@media (min-width: 992px) {
    .container-fluid .marketing-page-main-content .section .container,
    .container-full .marketing-page-main-content .section .container {
        width: 870px;
    }
}

@media (min-width: 1200px) {
    .container-fluid .marketing-page-main-content .section .container,
    .container-full .marketing-page-main-content .section .container {
        width: 1070px;
    }
}

@media (min-width: 1500px) {
    .container-fluid .marketing-page-main-content .section .container,
    .container-full .marketing-page-main-content .section .container {
        width: 1170px;
    }
}

/* Section - List Item */

.marketing-page-main-content .section .list-item {
    display: flex;
}

.marketing-page-main-content .section .list.vertical .list-item {
    padding-top: 20px;
    padding-bottom: 1px;
}

.marketing-page-main-content .section .list.blocks.vertical .block .prepend {
    top: -7px;
}

.marketing-page-main-content .section .list.blocks.vertical .block .append {
    bottom: 0;
}

/* Section - List Item - Icon */

.marketing-page-main-content .section .list-item .content-wrapper {
    margin-left: 20px;
}

.marketing-page-main-content .section .list-item .icon-wrapper {
}

.marketing-page-main-content .section .list-item-bullet .icon-wrapper {
    margin-top: -8px;
}

.marketing-page-main-content .section .list-item-bullet .icon-wrapper.icon-sm {
    margin-top: -3px;
}

.marketing-page-main-content .section .list-item .icon-wrapper .icon {
    line-height: 1em;
    border-width: 2px;
    border-style: solid;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

.marketing-page-main-content .section .list-item .icon-wrapper.icon-sm .icon {
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 26px;
}

.marketing-page-main-content .section .list-item .icon-wrapper.icon-md .icon {
    font-size: 22px;
    width: 42px;
    height: 42px;
    line-height: 38px;
}

@media (max-width: 768px) {
    .marketing-page-main-content .section .list-item .icon-wrapper.icon-md .icon {
        font-size: 15px;
        width: 30px;
        height: 30px;
        line-height: 26px;
    }
}

.marketing-page-main-content .section .list-item .icon-wrapper.icon-primary .icon {
    background: var(--primary-backgroundColor);
    border-color: var(--primary-backgroundColor);
    color: var(--primary-color);
}

.marketing-page-main-content .section .list-item .icon-wrapper.icon-primary-outline .icon {
    background: transparent;
    border-color: var(--primary-backgroundColor);
    color: var(--primary-backgroundColor);
}

.marketing-page-main-content .section .list-item .icon-wrapper.icon-primary-only .icon {
    background: transparent;
    border-color: transparent;
    color: var(--primary-backgroundColor);
}

.marketing-page-main-content .section .list-item .icon-wrapper.icon-success .icon {
    background: var(--success-backgroundColor);
    border-color: var(--success-backgroundColor);
    color: var(--success-color);
}

.marketing-page-main-content .section .list-item .icon-wrapper.icon-success-outline .icon {
    background: transparent;
    border-color: var(--success-backgroundColor);
    color: var(--success-backgroundColor);
}

.marketing-page-main-content .section .list-item .icon-wrapper.icon-success-only .icon {
    background: transparent;
    border-color: transparent;
    color: var(--success-backgroundColor);
}

/* Section - List Item - Image */

.marketing-page-main-content .section .list-item .image-wrapper {
}

.marketing-page-main-content .section .list-item .image-wrapper .form-group,
.marketing-page-main-content .section .list-item .image-wrapper .binary-images-with-upload,
.marketing-page-main-content .section .list-item .image-wrapper .read-only,
.marketing-page-main-content .section .list-item .image-wrapper .read-only .blank {
    height: 100%;
    /*border-radius: var(--border-radius-md);*/
}

.marketing-page-main-content .section .list-item .image-wrapper .read-only {
}

.marketing-page-main-content .section .list-item .image-wrapper .read-only .blank {
    background: var(--binary-images-with-upload--add-backgroundColor);
    color: transparent;
    display: block;
    margin-right: 10px;
}

.marketing-page-main-content .section .list-item .image-wrapper.image-md,
.marketing-page-main-content .section .list-item .image-wrapper.image-md .image-container,
.marketing-page-main-content .section .list-item .image-wrapper.image-md .add {
    height: 200px;
}

/* Section - List Item - Card */

.marketing-page-main-content .section .list.horizontal {

}
.marketing-page-main-content .section .list.horizontal .list-item {
    height: 100%;
    margin: 0 10px;
}

.marketing-page-main-content .section .list-item .card {
    background: #fff;
    width: 100%;
    margin-bottom: 20px;
    border-radius: var(--border-radius-md);
}

.marketing-page-main-content .section.stereotype-inverted .list-item .card {
    background: transparent;
    color: var(--section-color);
}

.marketing-page-main-content .section .list-item .card-body {
    padding: 30px;
}

.marketing-page-main-content .section .list-item .card-body > .icon-wrapper:not(:last-child) {
    margin-bottom: 20px;
}

.marketing-page-main-content .section .list-item .card > .image-wrapper {
}

.marketing-page-main-content .section .list-item .card > .image-wrapper .form-group,
.marketing-page-main-content .section .list-item .card > .image-wrapper .binary-images-with-upload,
.marketing-page-main-content .section .list-item .card > .image-wrapper .read-only,
.marketing-page-main-content .section .list-item .card > .image-wrapper .read-only .blank,
.marketing-page-main-content .section .list-item .card > .image-wrapper .image-container,
.marketing-page-main-content .section .list-item .card > .image-wrapper .image,
.marketing-page-main-content .section .list-item .card > .image-wrapper img {
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}

/* Footer */

.footer-container-marketing {
    font-size: 14px;
}

/* Form */

.form-page .main-content-heading {
    margin-top: 100px;
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .form-page .main-content-heading {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.form-page .lead {
    margin-bottom: 0;
}

.form-page .main-content-body {
    margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
    .form-page .main-content-body {
        margin-bottom: 30px;
    }
}

.marketing-page-main-content .input-option-for-designing {
    border-radius: var(--border-radius-md);
}

.marketing-page-main-content .form-group .form-section.add.clickable {
    font-size: 14px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding: 12px;
}

/* Supporting Navigation */

/*todo delete this*/
.marketing-page-main-content .container-fluid .col-left,
.marketing-page-main-content .container-fluid .col-right {
    /*background: #f0f0f0;*/
    /*min-height: 50px;*/
}

/*todo delete this*/
.marketing-page-main-content .container-fluid .supporting-nav {
    /*background: #e8e8e8;*/
}

.marketing-page-main-content .parent-nav:not(.sticky) {
    margin-left: auto;
}

.marketing-page-main-content .container-fluid .section .container {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.marketing-page-main-content .container-fluid .col-left .parent-nav .drawer-toggle {
    display: none;
}

.marketing-page-main-content .container-fluid .prev-next {
    margin: 80px 25px 60px 0;
}

@media (max-width: 1299px) {
    .marketing-page-main-content .container-fluid > .row {
        position: relative;
    }
    .marketing-page-main-content .container-fluid .col-left {
        /*display: none;*/
        opacity: 0;
        -moz-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        margin-left: -100px;
        transition: margin-left 0.15s ease-in-out;
    }
    .marketing-page-main-content .container-fluid .col-left.expanded {
        background: var(--main-content-backgroundColor);
        display: block;
        opacity: 1;
        -moz-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        margin-left: 0;
        position: absolute;
        height: 100%;
        width: calc(50% - 25px);
        max-width: 400px;
        z-index: 51;
        -moz-box-shadow: 0 -15px 15px #EBEDF1;
        -webkit-box-shadow: -15px 0 15px #EBEDF1;
        box-shadow: 0 -15px 15px #EBEDF1;
        transition: margin-left 0.15s ease-in;
    }
    .marketing-page-main-content .container-fluid .col-left:not(.expanded) .supporting-nav:not(.sticky) {
        display: none;
    }
    .marketing-page-main-content .container-fluid .col-left.expanded .supporting-nav.sticky {
        /*padding-top: 0;*/
    }
    .marketing-page-main-content .container-fluid .col-left.expanded .supporting-nav:not(.sticky) {
        /*position: fixed;*/
    }
    .marketing-page-main-content .container-fluid .col-left.expanded .parent-nav {
        padding-left: 25px;
        position: unset;
        overflow-y: auto;
        height: 100%;
        margin-top: 0;
    }
    .marketing-page-main-content .container-fluid .col-left.expanded .parent-nav h3 {
        margin-right: 30px;
    }
    .marketing-page-main-content .container-fluid .col-left.expanded .parent-nav .drawer-toggle {
        display: unset;
        position: absolute;
        font-size: 20px;
        right: 20px;
        top: 30px;
    }
    .marketing-page-main-content .container-fluid .col-right {
        display: none;
    }
    .marketing-page-main-content .container-fluid .col-middle {
        min-height: 500px !important;
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .marketing-page-main-content .container-fluid .col-left.expanded .parent-nav {
        padding-left: 15px;
    }
    .marketing-page-main-content .container-fluid .prev-next {
        margin: 80px 15px 60px 15px;
    }
}

@media (min-width: 1201px) and (max-width: 1300px) {
    .marketing-page-main-content .container-fluid .col-middle {
        width: calc(100% - 30px);
        margin-left: 30px
    }
    .marketing-page-main-content .breadcrumbs {
        margin-left: 0;
    }
}

@media (max-width: 700px) {
    .marketing-page-main-content .container-fluid .col-left.expanded {
        width: calc(100% - 25px);
    }
}

@media (min-width: 1300px) {
    .marketing-page-main-content .container-fluid .col-left,
    .marketing-page-main-content .container-fluid .col-middle,
    .marketing-page-main-content .container-fluid .col-right {
        padding: 0;
    }
}

@media (min-width: 1300px) {
    .marketing-page-main-content .container-fluid .col-middle {
        /*min-width: 750px;*/
        min-width: calc(100% - 275px - 50px);
    }
    .marketing-page-main-content .container-fluid .col-left,
    .marketing-page-main-content .container-fluid .col-right {
        /*max-width: calc((100% - 750px) / 2);*/
    }
    .marketing-page-main-content .container-fluid .col-left {
        max-width: 310px;
    }
    .marketing-page-main-content .container-fluid .col-right {
        display: none;
    }
    .marketing-page-main-content .container-fluid .col-right {
        width: calc(100% - 275px - 30px);
    }
    .marketing-page-main-content .supporting-nav:not(.sticky) {
        width: calc(100% - 40px);
    }
    .marketing-page-main-content .supporting-nav.sticky {
        width: calc((100% - 750px) / 2 - 40px);
    }
    .marketing-page-main-content .parent-nav {
        left: 40px;
    }
    .marketing-page-main-content .structure-nav {
        right: 40px;
    }
}

@media (min-width: 1400px) {
    .marketing-page-main-content .container-fluid .col-middle {
        min-width: 860px;
    }
    .marketing-page-main-content .container-fluid .col-left,
    .marketing-page-main-content .container-fluid .col-right {
        display: block;
        max-width: calc((100% - 860px) / 2);
    }
    .marketing-page-main-content .supporting-nav:not(.sticky) {
        width: calc(100% - 40px);
    }
    .marketing-page-main-content .supporting-nav.sticky {
        width: calc((100% - 860px) / 2 - 40px);
    }
    .marketing-page-main-content .parent-nav.sticky {
        left: 40px;
    }
    .marketing-page-main-content .structure-nav.sticky {
        right: 40px;
    }
    .marketing-page-main-content .container-fluid .section .container {
        width: auto;
        max-width: 1070px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1600px) {
    .marketing-page-main-content .container-fluid .col-middle {
        min-width: 1000px;
    }
    .marketing-page-main-content .container-fluid .col-left,
    .marketing-page-main-content .container-fluid .col-right {
        max-width: calc((100% - 1000px) / 2);
    }
    .marketing-page-main-content .supporting-nav:not(.sticky) {
        width: min(260px, calc(100% - 40px));
    }
    .marketing-page-main-content .supporting-nav.sticky {
        width: min(260px, calc((100% - 1000px) / 2));
    }
    .marketing-page-main-content .parent-nav.sticky {
        left: calc((100% - 1000px) / 2 - 260px);
    }
    .marketing-page-main-content .structure-nav.sticky {
        right: calc((100% - 1000px) / 2 - 260px);
    }
}

@media (min-width: 1920px) {
    .marketing-page-main-content .container-fluid .col-middle {
        width: 1170px;
    }
    .marketing-page-main-content .container-fluid .col-left,
    .marketing-page-main-content .container-fluid .col-right {
        max-width: calc((100% - 1170px) / 2);
    }
    .marketing-page-main-content .supporting-nav:not(.sticky) {
        width: min(300px, calc(100% - 40px));
    }
    .marketing-page-main-content .supporting-nav.sticky {
        width: min(300px, calc((100% - 1170px) / 2));
    }
    .marketing-page-main-content .parent-nav.sticky {
        left: calc((100% - 1170px) / 2 - 300px);
    }
    .marketing-page-main-content .structure-nav.sticky {
        right: calc((100% - 1170px) / 2 - 300px);
    }
}

.marketing-page-main-content .supporting-nav {
    margin-top: 60px;
    padding: 0 0 60px 0;
    font-size: 14px;
    top: 30px;
}

.marketing-page-main-content .parent-nav {
    padding-right: 30px;
}

.marketing-page-main-content .structure-nav {
    padding-left: 40px;
}

.marketing-page-main-content .supporting-nav-item {
    margin: 15px 0;
}

.marketing-page-main-content .supporting-nav-item.active a,
.marketing-page-main-content .supporting-nav-item.active a:hover,
.marketing-page-main-content .supporting-nav-item.active a:active {
    color: var(--btn-primary-backgroundColor);
    text-decoration: none;
}

.marketing-page-main-content .supporting-nav-item-0 {
    margin-top: 30px;
}

.marketing-page-main-content .supporting-nav-item-0 + .supporting-nav-item-0 {
    margin-top: 0;
}

.marketing-page-main-content .supporting-nav-item-1 {
    padding-left: 10px;
}

.marketing-page-main-content .supporting-nav-item-2 {
    padding-left: 20px;
}

.marketing-page-main-content .supporting-nav-item-3 {
    padding-left: 30px;
}

.marketing-page-main-content .supporting-nav-item-4 {
    padding-left: 40px;
}

.marketing-page-main-content .supporting-nav-item-5 {
    padding-left: 50px;
}

.marketing-page-main-content .supporting-nav-item-6 {
    padding-left: 60px;
}

.marketing-page-main-content .supporting-nav-item-7 {
    padding-left: 70px;
}

.marketing-page-main-content .supporting-nav-item + h3 {
    margin-top: 50px;
}

/* Prev/Next */

.marketing-page-main-content .prev-next {
    margin: 80px 0 60px;
}

.marketing-page-main-content .prev-next .prev {
}

.marketing-page-main-content .prev-next .next {
    text-align: right !important;
}

.marketing-page-main-content .prev-next .prev-next-heading {
    font-size: 13px;
}

.marketing-page-main-content .prev-next .prev-next-link {
}

/* Reaction */

.marketing-page-main-content .reaction {
    padding: 50px 0;
}

.marketing-page-main-content .reaction .fa {
    font-size: 30px;
}

.marketing-page-main-content .reaction .fa:first-child {
    margin-right: 20px;
}

.marketing-page-main-content .reaction .fa:last-child {
    margin-left: 20px;
}

/* Share */

.marketing-page-main-content .share-inline {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 16px 0 24px;
}

.marketing-page-main-content .share-icon-btn {
    align-items: center;
    background: #fff;
    border: 1px solid var(--divider-color);
    border-radius: 50%;
    display: inline-flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}

.marketing-page-main-content .share-icon-btn,
.marketing-page-main-content .share-icon-btn * {
    color: #333;
}

.marketing-page-main-content .share-icon-btn:hover {
    border-color: var(--form-control-color);
    background: #fff;
}

.marketing-page-main-content .share-icon-btn img,
.marketing-page-main-content .share-icon-btn svg {
    width: 16px;
    height: 16px;
    line-height: 1;
}

.marketing-page-main-content .share-icon-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(10, 102, 194, 0.2);
}

/* Blog */

.blog-page .main-content-heading {
    margin-top: 55px;
}

@media (max-width: 768px) {
    .blog-page .main-content-heading {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.blog-page .marketing-page-main-content .breadcrumbs {
    margin-left: 0;
}

.blog-page .main-content-body {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .blog-page .main-content-body {
        margin-bottom: 30px;
    }

    .blog-page .main-content-body > .section {
        margin: 0 25px;
    }
}

.blog-page .post-container {
    padding: 0 15px 100px 15px;
}

@media (min-width: 769px) {
    .blog-page .post-container {
        border-left: 1px solid var(--divider-color);
        margin: 0 0 0 20px;
        padding: 30px 0 80px 0;
    }

    .blog-page .post-container > * {
        padding-left: 40px;
        padding-right: 70px;
    }
}

.blog-page .post {
    position: relative;
}

.blog-page .post-content {
    max-height: 700px;
    overflow: hidden;
}

@media (min-width: 769px) {
    .blog-page .post-content:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--main-content-backgroundColor) 100%);
        pointer-events: none;
    }
}

.blog-page .post > .type {
    margin-bottom: 15px;
}

@media (min-width: 769px) {
    .blog-page .post > a.title-link::before {
        content: '';
        display: block;
        width: 60px;
        height: 2px;
        background: #e0e0e0;
        margin: 20px 0;
        position: relative;
    }

    .blog-page .post > a.title-link::before {
        content: '';
        background: var(--primary-backgroundColor);
        border-radius: 50%;
        position: absolute;
        left: -8px;
        top: 35px;
        width: 16px;
        height: 16px;
    }
}

.blog-page .post > a > h1.title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .blog-page .post > a > h1.title {
        font-size: 28px;
        line-height: 32px;
    }
}

.blog-page .post > a.title-link:hover {
    text-decoration: underline;
}

.blog-page .post > .post-content > .meta {
    margin-bottom: 30px;
}

.blog-page .post > .meta a:hover {
    text-decoration: underline;
}

.blog-page .more {
    font-weight: 500;
    margin-top: 20px;
    position: absolute;
}

.blog-page .prev-next {
    overflow: hidden;
    font-size: 25px;
    font-weight: 500;
    margin-right: 0 !important;
}

.blog-post-page .marketing-page-main-content .main-content-heading {
    margin-top: 100px;
    margin-bottom: 100px;
}

@media (max-width: 768px) {
    .blog-post-page .marketing-page-main-content .main-content-heading {
        margin: 30px 25px;
    }
}

.blog-post-page .prev-next {
    margin-top: 80px;
}

.blog-page .prev-next a:hover {
    text-decoration: none;
}

.blog-page .prev-next .next {
    float: right;
}

.blog-page .lead-out {
}

.blog-page .comments-container {
    border-top: 1px solid var(--divider-color);
    border-bottom: 1px solid var(--divider-color);
    margin-top: 50px;
    padding: 20px 0 50px;
}

.blog-page .comment {
    margin-top: 50px;
    font-size: 16px;
}

.blog-page .comment .meta {
    margin-bottom: 15px;
    overflow: hidden;
}

.blog-page .comment .gravatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 15px;
    float: left;
    overflow: hidden;
}

.blog-page .comment .text {
}

.blog-page .comment .name {
    font-weight: bold;
}

.blog-page .comment .date {
}

.blog-page .comment .dot {
}

.blog-page .comment .message {
}

.blog-page .comment-load-more {
    margin-top: 50px;
}

.post-collection-panel {
    color: var(--body-color);
    margin-bottom: 25px;
}

.post-collection-panel h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px;
}

.post-collection-panel .image-container {
    border-radius: 24px;
    border: 2px solid var(--image-blank-backgroundColor);
    background: var(--image-blank-backgroundColor);
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.post-collection-panel .image.cover {
    height: 230px;
    width: 100%;
    object-fit: cover;
}