:root {
    --main-light-grey: #f8fafc;
    --main-darker-grey: #eef1f5;
    --main-dark-grey: #EAEAEA;
    --main-darker: #c8d7e6;


    /*primary*/
    --primary-hue-1: 262;
    --primary-sat-1: 68%;
    --primary-light-1: 45%;

    --secondary-hue-1: 183;
    --secondary-sat-1: 83%;
    --secondary-light-1: 46%;

    --main-primary-light-hue: 100;
    --main-primary-light-sat: 0%;
    --main-primary-light-light: 100%;
    /* Shader */
    --shader-1: 15%;


    /* Primary Variation */
    --primary-satDarker-1: calc(var(--primary-sat-1) + var(--shader-1));
    --primary-lightDarker-1: calc(var(--primary-light-1) - var(--shader-1));
    --primary-satLighter-1: calc(var(--primary-sat-1));
    --primary-lightLighter-1: calc(var(--primary-light-1));
    --primary-satLighterer-1: calc(var(--primary-sat-1) - var(--shader-1));
    --primary-lightLighterer-1: calc(var(--primary-light-1) + var(--shader-1));

    /* Secondary Variation */
    --secondary-satDarker-1: calc(var(--secondary-sat-1) +  var(--shader-1));
    --secondary-lightDarker-1: calc(var(--secondary-light-1) - var(--shader-1));

    /* Defining all colors */
    --main-white: white;

    --main-primary: hsl(var(--primary-hue-1), var(--primary-sat-1), var(--primary-light-1)) !important;
    --main-primary-dark: hsl(var(--primary-hue-1), var(--primary-satDarker-1), var(--primary-lightDarker-1)) !important;
    --main-primary-light: hsl(var(--main-primary-light-hue), var(--main-primary-light-sat), var(--main-primary-light-light)) !important;
    --main-primary-lighter: hsl(var(--primary-hue-1), var(--primary-satLighterer-1), var(--primary-lightLighterer-1)) !important;

    --main-secondary: hsl(var(--secondary-hue-1), var(--secondary-sat-1), var(--secondary-light-1)) !important;
    --main-secondary-dark: hsl(var(--secondary-hue-1), var(--secondary-satDarker-1), var(--secondary-lightDarker-1)) !important;

    /* Defining box shadows */
    --box-shadow-dropdown: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
    --box-shadow-dropdown-inset: inset 10px 0px 10px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
    --box-shadow-icon-inset: inset 0 0 5em rgba(0, 0, 0, .1);

    /* Defining Transitions */
    --main-transition: ease-in-out all .3s;

    --main-text-heading-color: #000000;
    --main-background-color: #ffffff;
    --main-element-background-color: rgba(0, 0, 0, .05);
    --main-border-color: #ececec;
    --main-text-overly-color: #ffffff;
    --main-card-background-color: #ffffff;
    --main-feature-background-color: #f2f2f2;
    --main-image-background-color: #333333;



    /* header */
    --main-cart-count-background: #ffffff;
    --main-cart-count-text: var(--main-text-color);
    --main-header-secondary-region-background: #323232;
    --main-header-secondary-region-text-color: #ffffff;
    --main-header-secondary-region-icon-color: #b1b1b1;
    --main-header-secondary-border-color: #ffffff;
    --main-header-primary-region-background: #222222;
    --main-header-primary-region-background-text-color: #ffffff;
    --main-header-primary-region-background-highlight: #111111;
    --main-header-primary-region-background-highlight-text-color: var(--main-header-primary-region-background-text-color);
    --main-header-primary-region-dropdown-background: #ffffff;
    --main-header-primary-region-dropdown-background-highlight-color: #efefef;
    --main-header-primary-region-dropdown-background-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    --main-header-primary-region-dropdown-text-color: #222222;
	--main-site-header-height:5em;
    --main-site-header-icon-size: 2.5rem;

	
    /* mobile navigaiton */
    --main-mobile-navigation-border-color: #efefef;
    --main-mobile-navigation-background-color: #ffffff;
    --main-mobile-navigation-element-background-color: #222222;
    --main-mobile-navigation-element-background-highlight-color: #555555;
    --main-mobile-navigation-element-text-color: #ffffff;
    --main-mobile-navigation-link: #222222;
    --main-mobile-navigation-link-background-highlight-color: #efefef;
    --main-mobile-navigation-link-dropdown-background-color: #b7b7b7;
    --main-mobile-navigation-link-dropdown-background-highlight-color: #c5c5c5;


    /* highlights */
    --main-highlight-color: orange;
    --main-highlight-background-color: orange;
    --main-highlight-text-color: rgb(75, 49, 0);
    --main-border-highlight-color: #ffd195;

    /* edit */
    --mini-edit-background-color: #f2f2f2;
    --mini-edit-border-color: lightgrey;

    /* social */
    --social-facebook: #3b5998;
    --social-instagram: #405de6;
    --social-twitter: #1da1f2;
    --social-linkedin: #0077b5;
    --social-youtube: #ff0000;
    --social-website: #666666;

    /* gradient */
    --main-image-gradient-stop-1: black;
    --main-image-gradient-stop-2: transparent;

    /* badge */
    --main-badge-text-color: #ffffff;
    --main-badge-background-color: #6a25b8;
    --main-badge-drop-shadow: 0px 2px 3px #0000001f;
    --main-badge-text-color-inverse: var(--main-badge-background-color);
    --main-badge-background-color-inverse: var(--main-badge-text-color);
    --main-warning-badge-background-color: #FF9800;
    --main-warning-badge-text-color: #c2560a;

    /* section */
    --main-section-background-color: #f5f5f5;
    --main-section-alternate-background-color: #ffffff;

    /* card */
    --main-card-background-color: #ffffff;
    --main-card-heading-color: #000000;
    --main-card-text-color: #2a2f33;
    --main-card-border-highlight-color: #6a25b8;
    --main-card-drop-shadow: 0px 5px 8px #00000036;
    --main-card-border-radius: 3px;
    --main-fill-color: #5739b5;
    --main-danger-color: #ff0000;
    --main-link-color: #5739b5;
    --main-link-hover-color: #6e56b6;
    --main-header-secondary-region-background: #5739b5;
    --main-header-primary-region-background: #5739b5;

    --main-progress-loader-color: #6d56b3;
    --main-page-header-banner-padding: 4rem;
    --main-banner-padding: 3.5rem;
    --main-page-header-banner-background: linear-gradient(45deg, #5739b5, #775cc5);
    --main-site-header-background-color: linear-gradient(45deg, #5739b5, #775cc5);

    --main-body-font: proxima-nova, sans-serif;
    --main-heading-font: proxima-nova-condensed, sans-serif;
    --main-heading-line-height: 1.4;
    --main-line-height: 1.7;
    --main-text-color: #2f4050;
    --main-text-heading-color: #000000;

    --main-background-color: #ffffff;
    --main-element-background-color: rgba(0, 0, 0, .05);
    --main-border-color: #ececec;
    --main-text-overly-color: #ffffff;
    /* for text or icons on images, shoudld typically be used with a tint, scrim gradient */
    --main-card-background-color: #ffffff;
    --main-feature-background-color: #f2f2f2;
    --main-image-background-color: #333333;
    --main-banner-background-position: 100% 50%;

    --main-highlight-color: #4bb3db;
    --main-highlight-background-color: #4bb3db;
    --main-highlight-text-color: #ffffff;

    --main-highlight-hover-color: #2ca4d3;
    --main-highlight-hover-background-color: #2ca4d3;
    --main-highlight-hover-text-color: #ffffff;

    --main-plans-billing-region-background: var(--main-link-color);
    --main-plans-billing-region-text-color: #fff;
    --main-plans-billing-button-background: rgba(0, 0, 0, 0.2);
    --main-plans-billing-button-hover-background: rgba(0, 0, 0, 0.35);
    --main-plans-billing-button-hover-text-color: #ffffff;
    --main-plans-billing-button-text-color: #ffffff;
    --main-progress-loader-color: #ad92ff;


    --main-height-header-top: 0;
    --main-font-size: 17px;
    --main-line-height: 1.75;
    --main-heading-line-height: 1.25;


    --vc-heading-color: var(--vc-purple-black);
    --main-text-color: #6b6869;
    /* #969495; */
    --vc-text-color: var(--main-text-color);

    /*header */
    --main-header-secondary-font-size: 1.1rem;
    --main-header-secondary-font: var(--main-heading-font);
    --main-header-secondary-font-weight: 400;


    /*logos*/
    --main-logo-width-lg: 245px;
    --main-logo-width-md: 235px;
    --main-logo-width-sm: 205px;
    --main-mobile-logo-width: 200px;


    /* main banner */
    --main-banner-description-font-size: 1.1em;
    --main-banner-title-font-size: 2.75em;
    --main-banner-title-font-weight: 700;
    --main-banner-padding: 4.5rem;
    --main-page-header-banner-padding: 4.5em;
    --main-banner-content-width-lg: 100%;
    --main-banner-content-width-xl: 100%;

	--main-button-primary-highlight-background-color: var(--vc-purple-dark);
    --main-button-primary-highlight-border-color:  var(--vc-purple-dark);

    --main-text-heading-color: var(--color-purple-black);

    /*2021 colors */
    --vc-purple: #7054c2;
    --vc-purple-dark: #4c00c2;
    --vc-purple-black: #140a3c;



    --color-purple: var(--vc-purple);
    --color-purple-dark: #4c00c2;
    --color-purple-black: #140a3c;
    --color-purple-black-contrast: #140a3c;
    --color-marketing: #21c2e0;
    --color-marketing-dark: #217ee0;


    --color-pink: #ff64ff;
    --color-pink-dark: #d63c74;

    --color-fuchsia: #ff3387;
    --color-fuchsia-dark: #db0f76;
    --color-orange: #ffa726;
    --color-orange-red: #ff3900;
    --color-orange-dark: #ff6f26;
    --color-green: #4db04f;
    --color-green-dark: #225800;
    --color-lime-green: #8fc900;
    --color-lime-green-dark: #3fa000;
    --color-teal: #00c7a3;
    --color-teal-dark: #00a4a3;
    --color-red: #ff0000;
    --color-red-dark: #9a0000;


    --color-ice-grey: #8ecdd3;
    --color-ice-grey-dark: #006787;

    --color-blue: #215e9e;
    --color-blue-light: #37a5c0;
    --color-blue-dark: #215e9e;

    /*footer*/

    --main-footer-background-color: var(--vc-purple-black);
    --main-footer-text-color: #686185;
    
    --vc-accent-color:#7054c2;

}

.absolute-header.has-header .main-menu-region {
    --main-site-header-height: 4em;
}

.absolute-header.has-header .mobile-navigation-container .main-menu-region {
    margin-top: 0 !important;
}

.absolute-header.has-header .mobile-navigation-container {
    height: calc(100vh - var(--main-site-header-height)) !important;
}

@media (min-width: 992px) {
    .footer-menu-region .footer-menu-element .navigation .btn-primary {
        margin-bottom: 0;
    }
}

.absolute-header .header.header-menu-section .header-navigation-region .mini-main-navigation .navigation.nav>li, 
.absolute-header .header.header-menu-section .header-navigation-region .mini-main-navigation .navigation.nav>ul {
    margin-left: 1em !important;
}

html {
    scroll-behavior: smooth;
}

.menu-opened,
.no-header {
    --main-site-header-background-color: linear-gradient(45deg, #5739b5, #775cc5);
    --main-cart-count-text: var(--main-link-color);
    --main-cart-count-background: #fff;
    --header-menu-button-icon-color: #fff;
    --header-menu-button-text-color: #fff;
    --main-site-header-nav-link: #fff;
}



.cta-section h2,
.cta-section h3 .cta-section h4,
.cta-section h5 {
    color: var(--vc-heading-color);
}

.has-header .header.header-menu-section {
    position: relative;
}

.has-header .header.header-menu-section {
    background: linear-gradient(45deg, var(--vc-purple-dark), var(--vc-purple));
}

.header.header-menu-section .user-actions .login-element {
}

.main-banner-section {
    --main-banner-padding: 6rem;
    --main-banner-background-position: center 25%;
    --main-button-primary-highlight-background-color: transparent;
    --main-button-primary-highlight-border-color: transparent;
}


.main-banner-section .banner-item .banner-content-inner {
    position: relative;
}

.main-banner-section .banner-item .banner-content-inner:before {
    content: " ";
    width: 3em;
    height: 3em;
    position: absolute;
    background: url(/dist/images/icons/vc-glyph.svg);
    background-repeat: no-repeat;
    top: -2em;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.menu-container .nav.navigation .nav-link {
    display: flex;
    align-items: center;
}

.menu-container .nav.navigation .btn-primary {
    background: rgba(20, 10, 60, .50);
    padding: .5em 1em !important;
    transition: background-color .3s ease-in-out;
}

.menu-container .nav.navigation .btn-primary:hover,
.menu-container .nav.navigation .btn-primary:focus {
    background: var(--vc-purple-black);
}

a.btn.banner-btn.banner-btn-primary {
    background: none;
    padding: 1em 3.25em 1em 0em;
    position: relative;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.4em;
}

a.btn.banner-btn.banner-btn-primary:hover {
    background: none;
}

a.btn.banner-btn.banner-btn-primary:hover:before {
    transform: translateX(.5em);
}

a.btn.banner-btn.banner-btn-primary:before {
    content: " ";
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    background: url(/dist/images/icons/vc-link-icon-white.svg);
    background-repeat: no-repeat;
    margin: 0 auto;
    right: 0em;
    transition: transform ease-in-out .3s;

}



.banner-item .image-overlay {
    background: var(--vc-purple-black);
}

/*

.cta-section.upper-cta-section {

    background: #fff;
    padding-bottom: 3em;
}
*/

.cta-section.upper-cta-section > div:nth-child(2) .container-fluid{
	max-width: 1140px;
}


.content-wrap .card-item .card-wysiwyg {
    background: transparent;
    padding: 0;
}

.col-item.card.card-wysiwyg h4 {
    position: relative;
    color: var(--vc-purple-black);
}

.cta-section.upper-cta-section .card-item .card-wysiwyg>div {
    padding-top: 8em;
}

.cta-section.upper-cta-section .col-item.card.card-wysiwyg h4:before {
    content: " ";
    width: 4.5em;
    height: 4.5em;
    position: absolute;
    background-repeat: no-repeat;
    top: -5em;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.cta-section.upper-cta-section .grid-template-frontend .row div:nth-child(1) .card-wysiwyg h4:before {
    background: url(/dist/images/icons/vc-intro-icon-1.svg);
}

.cta-section.upper-cta-section .grid-template-frontend .row div:nth-child(2) .card-wysiwyg h4:before {
    background: url(/dist/images/icons/vc-intro-icon-2.svg);
}

.cta-section.upper-cta-section .grid-template-frontend .row div:nth-child(3) .card-wysiwyg h4:before {
    background: url(/dist/images/icons/vc-intro-icon-1.svg);
}

.cta-section.upper-cta-section .card.card-wysiwyg ul {
    margin-top: 2em;
}

.card.card-wysiwyg ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

.card.card-wysiwyg ul li {
    margin-left: 0em;
    display: flex;
    padding-left: 2em;
    position: relative;
    align-items: flex-start;
    margin-bottom: 1em;
    color: var(--vc-purple-black);
    font-weight: 500;
}

.card.card-wysiwyg ul li:before {
    content: " ";
    display: flex;
    height: 1.2em;
    width: 1.2em;
    background: url(/dist/images/icons/vc-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    margin-top: .25em;
}


.cta-section.lower-cta-section .card-icon .description,
.cta-section.middle-cta-section .card-icon .description {
    opacity: 0;
    transform: opacity .3s ease-in-out;
}

.cta-section.lower-cta-section .card-icon:hover .description,
.cta-section.middle-cta-section .card-icon:hover .description {
    opacity: 1;
}


.cta-section.middle-cta-section .card-icon .card-content-body {
    padding: .5em;
}


.highlight-text-purple {
	color:var(--color-purple);
}

/*center and frame content creator header */
/*
.home-intro-content .highlight-element.highlight-content {
    padding-bottom: 3em;
}

.content-wrap .highlight-element .highlight-content-inner {
    max-width: 640px;
    padding: 0em 1em;
}

.cta-section[class*="cta-section-"] .wysiwyg-content {
    max-width: 640px;
    padding: 0em 1em;
    margin: 0 auto;
}

.cta-section[class*="cta-section-"] {

    padding-top: 3em;
    padding-bottom: 1em;
}
*/

/*

.cta-section[class*="cta-section-"] .wysiwyg-content a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: stretch;
    padding-right: 3em;
}

.cta-section[class*="cta-section-"] .wysiwyg-content a:before {
    content: " ";
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    background: url(/dist/images/icons/vc-link-icon.svg);
    background-repeat: no-repeat;
    margin: 0 auto;
    right: 0em;
    transition: transform ease-in-out .3s;
}


.cta-section[class*="cta-section-"] .wysiwyg-content a:hover:before {
    transform: translateX(.5em);
}

.cta-section.middle-cta-section .card-icon .icon-container,
.cta-section.lower-cta-section .card-icon .icon-container {
    border: 3px solid;
    border-color: #fff;
    padding: 1.5em;
    border-radius: 100%;
}


.cta-section.middle-cta-section .card-icon .icon-container img,
.cta-section.lower-cta-section .card-icon .icon-container img {
    width: 4.25em;
    height: 4.25em;
}
*/

.content-wrap .cta-section {
    padding-top: 0;
}

.cta-section .featured-products.content,
.cta-section .link-list-container,
.cta-section .wysiwyg-content {
    padding-bottom: 0;
}

/*
section.cta-section.middle-cta-section,
section.cta-section.lower-cta-section,
section.cta-section.cta-section-1 {
    background: var(--vc-purple-black);
    color: white;
    --vc-text-color: #fff;
    --main-link-color: #8875c5;
}
*/


/*
section.cta-section.lower-cta-section {
    padding-top: 0;
    padding-bottom: 0;
}

section.cta-section.middle-cta-section {
    padding-top: 4em;
}

section.cta-section.cta-section-1 .wysiwyg-content {
    max-width: 280px;
    margin: 0 auto;
}

section.cta-section.cta-section-1 .wysiwyg-content h1 {
    font-size: 6.5em;
    font-weight: 700;
}

section.cta-section.cta-section-1 .wysiwyg-content a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: stretch;
    padding-right: 3em;
}

section.cta-section.cta-section-1 .wysiwyg-content a:before {
    content: " ";
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    background: url(/dist/images/icons/vc-link-icon.svg);
    background-repeat: no-repeat;
    margin: 0 auto;
    right: 0em;
}


section.cta-section.cta-section-2 {
    padding-top: 6em;
}


section.cta-section.cta-section-2 .wysiwyg-content a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: stretch;
    padding-right: 3em;
}


section.cta-section.cta-section-2 .wysiwyg-content a:before {
    content: " ";
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    background: url(/dist/images/icons/vc-link-icon.svg);
    background-repeat: no-repeat;
    margin: 0 auto;
    right: 0em;

}
*/




.absolute-header ul.nav.navigation.horizontal {
    display: flex;
    align-items: center;
}


.absolute-header .header-navigation-region .dropdown-toggle span {
    padding-right: .5rem;
}

.absolute-header .header-navigation-region .dropdown-toggle:after {
    opacity: .5;
    transition: opacity .3s ease-in-out;
}

.absolute-header .header-navigation-region .dropdown-toggle:hover:after {
    opacity: 1;
}


.product-pricing-page {
    --main-page-header-banner-background: var(--main-link-color);
}

.main-banner-section .banner-item {
    overflow: hidden;
}

.main-banner-section .image-background {
    transform: scale(1.05);
}

.main-banner-section .a-image img.low-res:not(.placeholder) {
    filter: blur(20px);
}


.billing-selector {
    display: none;
}




/*overrides for banner region */
[nid="19562"] .header-region .a-image.cover img {
    object-position: 50% 70%;
}

.header-region .a-image.cover img {
    object-position: 50% 25%;
}

/*content section elements */

.content-text-block-even-space {
	justify-content: space-between !important;
}

.content-text-block .pricing-list .pricing-list-item {
    margin-left: 0em;
    display: flex;
    padding-left: 3.5em;
    position: relative;
    align-items: flex-start;
    font-weight: 500;
    margin-bottom: 1.5em !important;
}

.content-text-block .pricing-list .pricing-list-item:before {
    content: " ";
    display: flex;
    height: 2.25em;
    width: 2.25em;
    position: absolute;
    left: 0;
    margin-top: .25em;
    background: url(/dist/images/icons/vc-check-white.svg), var(--vc-purple);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    padding: 1em;
    align-items: center;
}




.content-text-block .feature-list .feature-list-item {
    display: inherit;
    padding-left: 3.5em;
    position: relative;
    align-items: flex-start;
    font-weight: 500;
    margin-top: 0;
    margin-left: 0em;
    margin-bottom: 1.25em !important;
}



.content-text-block .feature-list .feature-list-item:before {
    content: " ";
    display: flex;
    height: 2em;
    width: 2em;
    position: absolute;
    left: 0;
    margin-top: 0;
    background: url(/dist/images/icons/vc-check-white.svg), var(--section-highlight-color) !important;
    background-size: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 100%;
    padding: 1em;
    align-items: center;
}

.content-text-block .description h4,
.content-text-block .sub-title h4 {
    color: var(--main-text-color) !important;
    font-size: 1.3em;
    font-weight: 400;
}

.content-design-block-1 {
    position: relative;
}

.highlight-color {
    color: var(--section-highlight-color);
}



.photo-display {
    border-radius: 1.25em;
    box-shadow: 0px 0px 20px 8px rgba(0, 0, 0, .15);
}

.photo-display-inner {
    border-radius: 1em;
    overflow: hidden;
}

.content-design-block-1 .secondary-image-inner,
.content-design-block-2 .secondary-image-inner {
    border-radius: 1em;
    overflow: hidden;
}

.content-image-block {
    position: relative;
}



.content-design-block-1 .primary-image-container {
    position: absolute;
    top: 3em;
    right: 0;
    width: 30%;
    left: 60%;
    z-index: 2;
}

.content-design-block-2 .primary-image-container {
    position: absolute;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    top: 50%;
    bottom: 50%;
}

.image-w-25 {
    width: 25%;
}

.image-w-30 {
    width: 30%;
}

.image-w-35 {
    width: 35%;
}

.image-w-40 {
    width: 40%;
}

.image-w-45 {
    width: 45%;
}

.image-w-50 {
    width: 50%;
}

.image-w-55 {
    width: 55%;
}

.image-w-60 {
    width: 60%;
}

.image-w-65 {
    width: 65%;
}

.image-w-75 {
    width: 75%;
}

.image-w-85 {
    width: 85%;
}
.image-w-90 {
    width: 90%;
}

.margin-left-15 {
    margin-left: 15%
}

.margin-left-20 {
    margin-left: 20%
}

.margin-left-25 {
    margin-left: 25%
}

.margin-left-30 {
    margin-left: 30%
}

.margin-left-35 {
    margin-left: 35%
}

.margin-left-40 {
    margin-left: 40%
}

.margin-left-55 {
    margin-left: 55%
}

.margin-left-60 {
    margin-left: 60%
}

.content-image-right {
    right: 0;
}

.svg-shadow {
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}

.tertiary-image-container {
    top: 15%;
    right: 0;
    position: absolute;
}

.content-design-block-2 .primary-image-container .primary-image {
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));
}

.content-design-block-3 .secondary-image-container {
    width: 80%;
}

.content-design-block-3 .primary-image-container {
    position: absolute;
    right: 0;
    width: 30%;
    z-index: 2;
    display: flex;
    align-items: center;
    top: 3em;
    bottom: auto;
}

.content-design-block-3 .primary-image-container .primary-image {
    filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.23));
}


.content-design-block-4 .secondary-image,
.content-design-block-5 .secondary-image  {
    border-radius: 1em;
    overflow: hidden;
}

.content-design-block-4 .primary-image-container {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    top: 50%;
    bottom: 50%;
}


.content-design-block-5 .primary-image-container {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    top: 25%;
    bottom: 50%;
}

.primary-image {
    width: 100%;
}


.header-region .header-links a.btn-primary {
    background: none;
    padding: 1em 3.25em 1em 0em;
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 1.25em;
    border: 0px;
    outline: none;

}

.header-region .header-links a.btn-primary:before {
    content: " ";
    width: 2em;
    height: 2em;
    position: absolute;
    background: url(/dist/images/icons/vc-link-icon-white.svg);
    background-repeat: no-repeat;
    margin: 0 auto;
    right: 0em;
    transition: transform ease-in-out .3s;
}


/* aspect ratio */

.aspect-box {
    position: relative;
}

.aspect-ratio-square,
.aspect-ratio-1-1 {
    height: 0;
    padding-top: 100%;
}
.aspect-ratio-3-2 {
	height:0;
	padding-top:66.66666666666667%;
}


.aspect-ratio-3-4 {
    height: 0;
    padding-top: 75%;
}

.aspect-ratio-4-3 {
    height: 0;
    padding-top: 133%;
}

.aspect-ratio-4-5 {
    height: 0;
    padding-top: 125%;
}
.aspect-ratio-5-4 {
    height: 0;
    padding-top: 80%;
}

.aspect-ratio-16-10 {
    height: 0;
    padding-bottom: 62.5%;
}

.aspect-ratio-fluid .content-box-image {
    position: relative;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/*

.content-image-block {
	opacity: 0;
    transform: scale(.85);
    transform-origin: center;
	transition: opacity .3s ease-in-out, transform .6s ease-in-out;
}

.element-observed .content-image-block {
	opacity: 1;
    transform: scale(1);
}
*/


/* generic delays for staggering animations */

.element-observed .animate-delay-1 {
    animation-delay: 0s !important;
}

.element-observed .animate-delay-2 {
    animation-delay: .5s !important;
}

.element-observed .animate-delay-3 {
    animation-delay: .75s !important;
}

.element-observed .animate-delay-4 {
    animation-delay: 1s !important;
}

.animate-in-left {
    animation: fadeInLeft;
    animation-play-state: paused;
    animation-duration: .3s;
    animation-fill-mode: backwards;
    animation-timing-function: ease-in;
}

.animate-in-right {
    animation: fadeInRight;
    animation-play-state: paused;
    animation-duration: .3s;
    animation-fill-mode: backwards;
    animation-timing-function: ease-in;
}

.animate-scale-in {
    animation: cscaleIn;
    animation-play-state: paused;
    animation-duration: .4s;
    animation-fill-mode: backwards;
    animation-timing-function: ease-in;
}

.animate-in-bottom {
    animation: fadeInBottom;
    animation-play-state: paused;
    animation-duration: .3s;
    animation-fill-mode: backwards;
    animation-timing-function: ease-in;
}


.element-observed .animate-in-left,
.element-observed .animate-in-right,
.element-observed .animate-scale-in,
.element-observed .animate-in-bottom {
    animation-play-state: running;
}


@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transition: opacity .1s ease-in, transform .3s ease-in;
        transform: translateY(1em);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-1em);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(1em);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes cscaleIn {
    0% {
        opacity: 0;
        transform-origin: center;
        transform: scale(.9);
        transition: opacity .1s ease-in, transform .3s ease-in;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.content-group {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2em;
    width: 100%;
}

@media (min-width: 992px) {
    .content-group {
        grid-gap: 3em;
    }

}

.content-group .content-image-block {
    order: 1;
}

.content-group .content-text-block {
    order: 2;
}

.content-group .content-block-split{
	order:2;
}
.content-block-split{
	display: flex;
    flex-direction: row;
    align-items: center;

}

.content-block-split .content-set {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.content-block-split .content-set>*+* {
    margin-top: .5em;
}

.content-block-split .image-set .side-image {
	max-width:175px;
}

.content-block-split  .image-set {
	margin-right:1em;
}


.content-group.v-center {
    align-items: center;
}


.content-group .content-text-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.content-text-block.content-background-text-block {
    padding: 2em;
    text-align: center;
    justify-content: center;
    align-items: center !important;
}

.content-text-block.content-text-block-start{
    justify-content: flex-start;
	align-items: flex-start;
}

.content-dark-background-text-block {
    background: var(--color-purple-black);
}

.content-dark-background-text-block h3{
	color:#fff !important;
}

.content-dark-background-text-block .demo-button{
    background: var(--section-highlight-color) !important;
}

@media (min-width: 992px) {

    .content-group.image-left .content-image-block {
        order: 1
    }

    .content-group.image-left .content-text-block {
        order: 2
    }

    .content-group.image-right .content-image-block {
        order: 2
    }

    .content-group.image-right .content-text-block {
        order: 1
    }
}


@media (min-width: 992px) {
    .content-group.content-group-50-50 {
        grid-template-columns: repeat(2, 1fr);
    }


}

@media (min-width: 992px) {
    .content-group.content-group-60-40 {
        grid-template-columns: 60% 1fr;
    }
}

@media (min-width: 992px) {
    .content-group.content-group-40-60 {
        grid-template-columns: 1fr 60%;
    }
}



.vimeo-vertical-display {
    width: 100%;
    border-radius:6px;
    overflow: hidden;
}


.content-text-block.text-center {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.content-text-block .content-upper {
    display: flex;
    flex-direction: column;
    align-items: inherit;
    justify-content: inherit;
}

.content-text-block .title h2 {
    margin: 0;
    font-size: 2.4em;
}


.content-text-block .content-upper .icon-container {

    margin-bottom: 1em;
}

.content-text-block .title {
    display: flex;
    align-items: center;
    justify-content: inherit;
    flex-direction: column;
}

.content-text-block .title .icon-container {
    margin-right: 1em;
}

.content-text-block .icon-container {
    display: flex;
    justify-content: inherit;
}

.content-text-block>*+* {
    margin-top: 1em;
}

.content-box-image {
    top: 0;
    position: absolute;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
}


.content-text-block .description ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

.content-text-block .description ul li {
    margin-top: 0;
    margin-left: 0em;
    display: flex;
    padding-left: 2em;
    position: relative;
    align-items: flex-start;
    text-align: left;
    font-weight: 500;
}

.content-text-block .description ul li > ul {
    display: flex;
    clear: both;
    left: 0;
    flex-direction: column;
    margin-top: 2em;
}

.content-text-block .description ul li > ul .feature-list-item {
    padding-left: 2.25em;
}


.content-text-block .description ul li > ul .feature-list-item:before {
    height: 1em;
    width: 1em;
    padding: 0.75em;
}

.content-actions {
    display: flex;
    justify-content: inherit;
    --action-element-margin: 1em;

}

.content-actions .demo-button:not(:first-child),
.content-actions .demo-button:not(:last-child) {
    margin: var(--action-element-margin) .5em 0 .5em
}

.content-actions.actions {
    margin-left: -.5em;
    margin-right: -.5em;
    margin-top: calc(var(--action-element-margin)*-1)
}


/*generic custom page buttons */


.demo-button {
    all: unset;
    display: flex;
    font-family: var(--main-heading-font);
    background: var(--vc-purple-black);
    color: #fff !important;
    cursor: pointer;
    text-decoration: none !important;
    border: 0px !important;
    padding: 0.75em 1em;
    transition: transform .3s ease-in-out;
}

.demo-button:hover,
.demo-button:focus {
    background: var(--vc-purple);
    text-decoration: none !important;
    border: 0px !important;
}

.demo-button .button-icon {
    width: 1.75em;
    margin-left: 1em;
    transition: transform .3s;
}

.demo-button:hover .button-icon,
.demo-button:focus .button-icon {
    transform: translateX(.5em);
}

.content-text-block .description ul li:before {
    content: " ";
    display: flex;
    height: 1.1em;
    width: 1.1em;
    position: absolute;
    left: 0;
    margin-top: .5em;
    background: url(/dist/images/icons/vc-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


/*individual themes */

.s-v-margin {
    --custom-section-margin: 1.5em;
    margin: var(--custom-section-margin) 0;
}

.m-v-margin {
    --custom-section-margin: 3em;
    margin: var(--custom-section-margin) 0;
}

.l-v-margin {
    --custom-section-margin: 6em;
    margin: var(--custom-section-margin) 0;
}

.s-v-padding {
    --custom-section-padding: 1.5em;
    padding: var(--custom-section-padding) 0;
}

.s-v-padding-top {
    --custom-section-padding: 1.5em;
    padding-top: var(--custom-section-padding);
}

.s-v-padding-bottom {
    --custom-section-padding: 1.5em;
    padding-bottom: var(--custom-section-padding);
}

.m-v-padding {
    --custom-section-padding: 3em;
    padding: var(--custom-section-padding) 0;
}

.m-v-padding-top {
    --custom-section-padding: 3em;
    padding-top: var(--custom-section-padding);
}

.m-v-padding-bottom {
    --custom-section-padding: 3em;
    padding-bottom: var(--custom-section-padding);
}

.l-v-padding {
    --custom-section-padding: 6em;
    padding: var(--custom-section-padding) 0;
}

.l-v-padding-top {
    --custom-section-padding: 6em;
    padding-top: var(--custom-section-padding);
}

.l-v-padding-bottom {
    --custom-section-padding: 6em;
    padding-bottom: var(--custom-section-padding);
}


.l-t-margin {
    margin-top: 3em;
}

.l-b-margin {
    margin-bottom: 3em;
}

.custom-content-section {
    --main-text-color: #969495;
    --main-text-color: #666177;
    color: var(--main-text-color);

}

.custom-content-section.m-v-padding .row:not(:first-child) {
    margin-top: 2em;
}

.custom-content-section.light-background {
    background-color: #f1f1f1;
}


.custom-content-section .icon {
    width: 3em;
    height: auto;
}

.point-of-sales-section {

    --section-highlight-color: var(--color-orange-red);
    --section-highlight-accent-color: var(--color-orange);
}

.inventory-control-section {
    --section-highlight-color: var(--color-fuchsia);
    --section-highlight-accent-color: var(--color-fuchsia-dark);
}

.ecommerce-section {
    --section-highlight-color: var(--color-green);
    --section-highlight-accent-color: var(--color-green-dark);
}


.my-portal-section {
    --section-highlight-color: var(--color-blue);
    --section-highlight-accent-color: var(--color-blue-dark);
}


.multisite-section {
    --section-highlight-color: #8ecdd3;
}

.marketing-section {
    --section-highlight-color: var(--color-marketing);
}

.webEditor-section {
    --section-highlight-color: var(--color-orange);
}

.team-section,
.home-section,
.unified-data-hub-section {
    --section-highlight-color: var(--color-purple);
}


.order-processing-section {
    --section-highlight-color: var(--color-lime-green);
    --section-highlight-accent-color: var(--color-lime-green-dark);
}

.api-integrations-section {
    --section-highlight-color: var(--color-teal);
    --section-highlight-accent-color: var(--color-teal-dark);
}

.wine-club-section {
    --section-highlight-color: var(--color-pink);
    --section-highlight-accent-color: var(--color-pink-dark);
}

.my-portal-section.gradient-background {
    --section-highlight-color: #fff;
    background: var(--color-orange-blue-dark);
    background: linear-gradient(45deg, var(--color-blue-dark), var(--color-blue-light));
    color: #fff;
}

.point-of-sales-section.gradient-background {
    --section-highlight-color: #fff;
    background: var(--color-orange-red);
    background: linear-gradient(45deg, var(--color-orange-red), var(--color-orange));
    color: #fff;
}


.ecommerce-section.gradient-background {
    --section-highlight-color: #fff;
    background: var(--color-green);
    background: linear-gradient(45deg, var(--color-green-dark), var(--color-green));
    color: #fff;
}

.unified-data-hub-section.gradient-background {
    --section-highlight-color: #fff;
    background: linear-gradient(45deg, var(--color-purple-dark), var(--color-purple));
    color: #fff;
}


.marketing-section.gradient-background {
    --section-highlight-color: #fff;
    background: var(--color-marketing);
    background: linear-gradient(45deg, var(--color-marketing-dark), var(--color-marketing));
    color: #fff;
}


.order-processing-section.gradient-background {
    --section-highlight-color: #fff;
    background: var(--color-lime-green);
    background: linear-gradient(45deg, var(--color-lime-green-dark), var(--color-lime-green));
    color: #fff;
}

.inventory-control-section.gradient-background {
    --section-highlight-color: #fff;
    background: var(--color-red);
    background: linear-gradient(45deg, var(--color-fuchsia-dark), var(--color-fuchsia));
    color: #fff;
}

.wine-club-manager-section.gradient-background {
	    --section-highlight-color: #fff;
    background: linear-gradient(45deg, var(--color-orange-dark), var(--color-pink));
}

.wine-club-section.gradient-background {
    --section-highlight-color: #fff;
    background: var(--color-pink);
    background: linear-gradient(45deg, var(--color-pink-dark), var(--color-pink));
    color: #fff;
}

.webEditor-section.gradient-background {
    --section-highlight-color: #fff;
    background: linear-gradient(45deg, var(--color-orange-dark), var(--color-orange));
    color: #fff;
}

.my-portal-section.gradient-background {
    --section-highlight-color: #fff;
    background: linear-gradient(45deg, var(--color-blue-dark), var(--color-blue-light));
    color: #fff;
}

.multisite-section.gradient-background {
    --section-highlight-color: #fff;
    background: linear-gradient(45deg, var(--color-ice-grey-dark), var(--color-ice-grey));
    color: #fff;
}

.api-integrations-section.gradient-background {
    --section-highlight-color: #fff;
    background: linear-gradient(45deg, var(--color-teal), var(--color-teal-dark));
    color: #fff;
}

.webEditor-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-orange.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.point-of-sales-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-orange-red.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.marketing-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-marketing.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.ecommerce-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-green.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.wine-club-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-pink.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.inventory-control-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-fuchsia.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.api-integrations-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-teal.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.order-processing-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-lime-green.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.my-portal-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-dark-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.multisite-section .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-silver-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.gradient-background .content-text-block .description ul li:before {
    background: url(/dist/images/icons/vc-check-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


/*case study display */

.case-study-card {
    background: var(--main-active-background-color);
    color: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.case-study-display {
	background:#F1F1F1;
}

.case-study-display-header {
    text-align: center;
    margin-bottom: 2em;
    max-width: 800px;
}

.case-study-card-content {
    padding: 1em;
}

.case-study-card .case-study-card-content h2 {
    font-size: 1.35em;
    color: #fff;
}

.case-study-card .case-study-value {
    font-size: 2.5em;
    color: #23C2E0;
    font-weight: 600;
}

/*testimoinals */

.element-observed .fade-in {
    opacity: 1;
}

.fade-in {
    transition: opacity .3s ease-in-out;
    opacity: .25;
}

.client-testimonial {
    display: flex;
    background: white;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    flex-direction: column-reverse;
    border-radius: 8px;
}

@media (min-width: 992px) {
    .client-testimonial {
        flex-direction: row;
    }
}

.client-testimonial-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 2em 1em;
}

.client-testimonial-content .author-name {
    font-weight: 600;
}

@media (min-width: 992px) {
    .client-testimonial-content {
        width: 55%;
        padding: 2em 1.5em;
    }
}

.client-testimonial-image-container {
    width: 100%;
    height: auto;
    position: relative;
}

@media (min-width: 992px) {
    .client-testimonial-image-container {
        width: 45%;
    }
}

.client-testimonial-image-container .client-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


.webEditor-section .client-testimonial-content {
    color: #fff;
    background: var(--color-orange);
    background: linear-gradient(270deg, var(--color-orange), var(--color-orange-dark));
}


.unified-data-hub-section .client-testimonial-content {
    color: #fff;
    background: var(--color-purple);
    background: linear-gradient(270deg, var(--color-purple), var(--color-purple));
}

.my-portal-section .client-testimonial-content {
    color: #fff;
    background: var(--color-blue-dark);
    background: linear-gradient(270deg, var(--color-blue-dark), var(--color-blue-light));
}

.marketing-section .client-testimonial-content {
    color: #fff;
    background: var(--color-marketing);
    background: linear-gradient(270deg, var(--color-marketing-dark), var(--color-marketing));
}

.multisite-section .client-testimonial-content {
    color: #fff;
    background: var(--color-ice-grey);
    background: linear-gradient(270deg, var(--color-ice-grey-dark), var(--color-ice-grey));
}

blockquote.client-testimonial-quote {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.client-testimonial-content>*+* {
    margin-top: 1.5rem !important;
}

.testimonial-button {
    all: unset;
    font-family: var(--main-heading-font);
    display: flex;
    align-items: center;
    background: transparent;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none !important;
    border: 0px !important;
    padding: 0;
    font-size: 1.2em;
    transition: transform .3s ease-in-out;
}

.testimonial-button .button-icon {
    width: 1.75em;
    margin-left: 1em;
}


.price-button {
    all: unset;
    font-family: var(--main-heading-font);
    display: flex;
    align-items: center;
    background: transparent;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none !important;
    border: 0px !important;
    padding: 0;
    font-size: 1.2em;
    transform: transition .3s ease-in-out;
}

.price-button .button-icon {
    width: 2em;
    margin-left: 1em;
}


@media (max-width: 992px) {
    .content-text-block.inset-content .title .icon-container {
        margin-right: 0;
    }

    .content-text-block.inset-content .title {
        flex-direction: column;
        display: flex;
        align-content: center;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .content-text-block.inset-content .content-main {
        margin-left: 4em;
    }
}


.pricing-page-cta-outer,
.home-price-cta-outer {
    display: flex;
    justify-content: center;
}

.home-price-cta {
    width: 340px;
    text-align: left;
    --main-text-heading-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;

}

.home-price-cta .price-display {
    margin-bottom: 1em;
}



.pricing-page-cta {
    width: 340px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}

.pricing-page-cta .price-info {
    font-size: 1.2em;
}

.price-display {
    line-height: 1;
}

.price-value {
    font-size: 4.5em;
    font-weight: 700;
    font-family: var(--main-heading-font);
    color: var(--main-text-heading-color);
}

.price-value sup {
    font-size: 55%;
    margin-left: 0.25em;
}

.pricing-context {
    font-size: 1.25em;
    color: var(--main-text-heading-color);
}


/*more grids... */

.c-grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-size), 1fr);
    grid-gap: var(--c-grid-gap);
}

.c-grid-item {
    display: flex;
    grid-column: span 1;
}

@media (min-width: 992px) {

    .grid-item-span-2 {
        grid-column: span 2;

    }
}

.c-grid-gap-s {
    --c-grid-gap: 1em;
}

.c-grid-gap-m {
    --c-grid-gap: 1em;
}

.c-grid-gap-l {
    --c-grid-gap: 1.5em;
}

.c-grid-gap-xl {
    --c-grid-gap: 2.5em;
}

.c-grid-1 {
    --grid-size: 1;
}
.c-grid-2 {
    --grid-size: 1;
}

.c-grid-3 {
    --grid-size: 1;
}

@media (min-width: 992px) {
    .c-grid-2 {
        --grid-size: 2;
    }
}

@media (min-width: 992px) {
    .c-grid-3 {
        --grid-size: 3;
    }
}


.c-grid-4 {
    --grid-size: 2;
}

@media (min-width: 992px) {
    .c-grid-4 {
        --grid-size: 4;
    }
}

.custom-home-section-dark {
    background: var(--vc-purple-black);
    color: white;
    --vc-text-color: #fff;
    --main-link-color: #8875c5;
    --vc-heading-color: #fff;

}

.home-icon-cta {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5em 1em;
    width: 100%;
    background: rgba(255, 255, 255, .05);
    border-radius: 6px;
    transition: background .3s ease-in-out, transform .3s ease-in-out;
    transform-origin: center;
    position: relative;
    justify-content: flex-start;
}

.home-icon-cta .title h3 {
    font-size: 1.45em;
    color: #FFF;
}

.home-icon-cta:hover,
.home-icon-cta:focus {
    transform: scale(1.05);
    background: rgba(255, 255, 255, .1);
}

.home-icon-cta>*+* {
    margin-top: 1em;
}

.home-icon-cta .home-icon {
    width: 3.5em;
}

.home-icon-cta .description {
    font-size: .867em;
    opacity: .75;
}

.home-icon-cta .tile-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    border: 0px !important;
}




/*tree version */
.custom-tree-section-dark {
    background: var(--vc-purple-black);
    color: white;
    --vc-text-color: #fff;
    --main-link-color: #8875c5;
    --vc-heading-color: #fff;

}

.tree-icon-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    padding: 1.5em;
    width: 100%;
    background: rgba(255, 255, 255, .05);
    border-radius: 6px;
    transition: background .3s ease-in-out, transform .3s ease-in-out;
    transform-origin: center;
    position: relative;
    justify-content: flex-start;
}

.tree-icon-cta .title h3 {
    font-size: 1.45em;
    color: #FFF;
    margin: 0;
}

.tree-icon-cta:hover,
.tree-icon-cta:focus {
    transform: scale(1.05);
    background: rgba(255, 255, 255, .1);
}

.tree-icon-cta .icon-container {
    margin-right: 1em;
}

.tree-icon-cta .tree-icon {
    width: 3.5em;
}

.tree-icon-cta .description {
    margin-top: .25rem;
    font-size: .867em;
    opacity: .75;
}

.tree-icon-cta .tile-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0px !important;
    z-index: 3;

}


.square-logo {
    width: 5em;
    height: 5em;
}



.c-logo-display {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em;
}


.c-logo-display-small {
    grid-gap: 1.5em;
}

.c-logo-display-small .c-logo .logo {
    max-height: 3em;
}


@media (min-width: 768px) {

    .c-logo-display-grid {
        grid-template-columns: repeat(4, 1fr);

    }
}

@media (min-width: 992px) {

    .c-logo-display-grid {
        grid-template-columns: repeat(8, 1fr);

    }
}



@media (min-width: 768px) {

    .c-logo-display-wide {
        grid-template-columns: repeat(4, 1fr);

    }
}

/*mobile sizing */
.c-logo-display-4-desktop {
	        grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 992px) {

    .c-logo-display-wide {
        grid-template-columns: repeat(9, 1fr);

    }

    .c-logo-display-3-desktop {
        grid-template-columns: repeat(3, 1fr);
    }

    .c-logo-display-8-desktop {
        grid-template-columns: repeat(8, 1fr);
    }

    .c-logo-display-4-desktop {
        grid-template-columns: repeat(4, 1fr);
    }

    .c-logo-display-5-desktop {
        grid-template-columns: repeat(5, 1fr);
    }

    .c-logo-display-6-desktop {
        grid-template-columns: repeat(12, 1fr);
    }
    
	.c-logo-display-6-desktop .c-logo:nth-child(6n+1):nth-last-child(-n+5) {
	  grid-column-end: 4;
	}
	.c-logo-display-6-desktop .c-logo:nth-child(6n+1):nth-last-child(-n+4) {
	  grid-column-end: 5;
	}
	.c-logo-display-6-desktop .c-logo:nth-child(6n+1):nth-last-child(-n+3) {
	  grid-column-end: 6;
	}
	.c-logo-display-6-desktop .c-logo:nth-child(6n+1):nth-last-child(-n+2) {
	  grid-column-end: 7;
	}
	.c-logo-display-6-desktop .c-logo:nth-child(6n+1):nth-last-child(-n+1) {
	  grid-column-end: 8;
	}

}

@media (min-width: 992px) {

.c-logo-display-6-desktop .c-logo {
	grid-column: span 2;
}
}


.c-logo-display.c-logo-shadow .c-logo {
    box-shadow: 0px 0px 6px 0px rgb(0, 0, 0, .20);
    border-radius: 6px;
}

.c-logo-display.c-logo-shadow .c-logo.c-logo-container {
    padding: 1.5em;
}

.c-logo .logo-link {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    border: 0 !important;
}


.c-logo .c-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1em;
}



.c-logo .logo {
    object-fit: contain;
    width: 100%;
    max-height: 4em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-logo-display-partners .c-logo .c-logo-container {
    filter: grayscale(1);
    transition: filter 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0.5;
}

.c-logo-display-partners .c-logo:hover .c-logo-container {
    filter: grayscale(0);
    opacity: 1;
}



.c-logo {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.c-logo.c-logo-info-detail {
	transition: background-color .3s ease-in-out;
}
.c-logo-info {
    position: absolute;
    bottom: 0;
    background: var(--section-highlight-color);
    color: white;
    width: 100%;
    left: 0;
    text-align: center;
    padding: .5em;
    opacity: 0;
    transform: translateY(100%);
    transition: transform .3s ease-in-out;
    pointer-events: none;
    font-size: .867em;
    z-index:2;
}

.c-logo.c-logo-info-detail:hover {
    background: #efefef;
}

.c-logo.c-logo-info-detail:hover .c-logo-info,
.c-logo.c-logo-info-detail:focus .c-logo-info {
    opacity: 1;
    transform: translateY(0);
}

.container-fluid {
    max-width: 1600px;
}


/*white papers */

div[nid="19668"] .header-region.has-image .a-image.cover img {
    object-position: 50% 50%;
}

div[nid="19668"] .header-region.has-image  .a-image:after {
    background: rgba(25, 8, 67, .57);
}

.white-paper-cover {
    width: 100%;
}
.white-paper-display {
    width: 100%;
}

/* home upper cta content styling */


.home-upper-content-cta {
    text-align: center;
    width: 100%;
    border-radius: 6px;
    background: #f1f1f1;
    width: 100%;
    padding: 1.5em;
}

@media (min-width: 992px) {
    .home-upper-content-cta {
        background: transparent;
        padding: 0;
        text-align: left;
    }
}


.home-upper-content-cta .content-icon-container,
.home-upper-content-cta .content-upper {
    margin-bottom: 1.5em;
}

.home-upper-content-cta .title {

    color: var(--vc-heading-color);
}

.home-upper-content-cta .sub-title h4 {
    font-size: 1.2em;
    font-weight: 300;
}

.content-icon-container.centered {
    display: flex;
    justify-content: center;
}

.home-upper-content-cta .icon {
    width: 7.5em;
}

.home-upper-content-cta .description ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
    text-align: left;
}


.home-upper-content-cta .description ul li {
    margin-left: 0em;
    display: flex;
    padding-left: 2em;
    position: relative;
    align-items: flex-start;
    color: var(--vc-heading-color);
    margin-bottom: .25em;
}


.home-upper-content-cta .description ul li:before {
    content: " ";
    display: flex;
    height: 1.1em;
    width: 1.1em;
    position: absolute;
    left: 0;
    margin-top: .5em;
    background: url(/dist/images/icons/vc-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.home-upper-content-cta.webEditor-section .description ul li:before {
    background: url(/dist/images/icons/vc-check-orange.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.home-upper-content-cta.ecommerce-section .description ul li:before {
    background: url(/dist/images/icons/vc-check-green.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


.lead-line {
    font-size: 1.2em;
    line-height: 1.6;
}

/*wide testimonials */


.c-testimonial-wide {
    position: relative;
    overflow: hidden;
    background: linear-gradient(270deg, var(--color-purple), var(--color-purple-dark));
    color: #fff;
}

.c-testimonial-wide.testimonial-wide-dark {
    background: var(--color-purple-black);
}

.ecommerce-section .c-testimonial-wide {
    background: var(--color-green);
    background: linear-gradient(45deg, var(--color-green-dark), var(--color-green));
    color: #fff;
}

.my-portal-section .c-testimonial-wide {
    background: var(--color-blue);
    background: linear-gradient(45deg, var(--color-blue-dark), var(--color-blue-light));
    color: #fff;
}

.wine-club-section .c-testimonial-wide {
    background: var(--color-pink);
    background: linear-gradient(45deg, var(--color-pink-dark), var(--color-pink));
    color: #fff;
}

.point-of-sales-section .c-testimonial-wide {
    background: var(--color-orange-red);
    background: linear-gradient(45deg, var(--color-orange-red), var(--color-orange));
    color: #fff;
}

.api-integrations-section .c-testimonial-wide {
    background: var(--color-teal);
    background: linear-gradient(45deg, var(--color-teal), var(--color-teal-dark));
    color: #fff;
}


.marketing-section .c-testimonial-wide {
    background: var(--color-marketing);
    background: linear-gradient(45deg, var(--color-marketing-dark), var(--color-marketing));
    color: #fff;
}

.c-testimonial-image-container {
    width: 100%;
    height: 320px;
}

@media (min-width: 768px) {
    .c-testimonial-image-container {
        height: 450px;
    }
}

@media (min-width: 992px) {
    .c-testimonial-image-container {
        right: 0;
        position: absolute;
        height: 100%;
        width: 50%;
    }
}

.c-testimonial-image-container .c-tesimonial-logo {

    position: absolute;
}

.c-testimonial-wide-content-container {
    padding: 3em 0em;
    display: flex;
    align-items: center;
    height: 100%;
    z-index: 100;
    width: 100%;
}

@media (min-width: 992px) {

    .c-testimonial-wide-content-container {
        padding: 4em 0em;
        min-height: 600px;
    }

}

.c-testimonial-wide-content {
    width: 100%;
}

@media (min-width: 992px) {

    .c-testimonial-wide-content {

        width: calc(50% - 4em);

    }
}

.c-testimonial-wide .c-testimonial-quote {
    font-size: 1.85em;
    line-height: 1.4;
    font-style: normal !important;
    border-left: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}


.c-testimonial-wide .c-testimonial-quote .large-quote {
    font-style: normal !important;
    font-size: 1em !important;
}


.c-testimonial-wide .c-testimonial-quote .small-quote {
    font-size: 1rem !important;
    font-style: normal !important;
    line-height: 1.8;
}

.c-testimonial-attribution {
    margin-bottom: 1rem;
    opacity: .75;
}

.c-testimonial-image-container img {
    object-fit: cover;
    object-position: 50% 25%;
    width: 100%;
    height: 100%;
}

/*staff block */

.c-staff-list {
    width: 100%;
    display: grid;
    grid-gap: 2.5em;
    grid-template-columns: repeat(12, 1fr);
}

.c-staff-item {
    display: flex;
    flex-direction: row;
    grid-column: span 12;
}

@media (min-width: 768px) {
    .c-staff-item {
        grid-column: span 6;
    }
}

.staff-info .staff-name h3 {
    margin: 0;
    color: var(--main-link-color);
}

.staff-role {
    font-style: italic;
    color: var(--vc-heading-color);

}

.photo-card {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .staff-photo {
        flex: 0 0 20%;
    }
}

.staff-photo {
    flex: 0 0 37%;
    padding-right: 1.5em;
}


.staff-profile {
    flex: 1 1 auto;
}

.staff-info {
    margin-bottom: .5em;
}

.serviced-regions {
    margin-bottom: 1em;
}


.serviced-regions .region {
    background: #f8f5ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .45em 1em;
    border-radius: 10px;
    font-size: .867em;
    line-height: 1;
    color: var(--main-link-color);
    margin-right: .25em;
}


[nid="15434"]>.header-region,
[nid="15433"]>.header-region,
[nid="15445"]>.header-region,
[nid="15430"]>.header-region,
[nid="15429"]>.header-region,
[nid="15224"]>.header-region {
    margin-bottom: 0;
}




/*audit content */
.audit-content {
    display: flex;
    gap: 1em;
    justify-content: center;
    align-items: flex-start;
}



/* page menu */


.page-menu-section {
    background: #f1edf5;
    display: flex;
    flex-direction: column;
}

.page-menu-section .page-menu-container .page-menu {
    justify-content: center;
    flex-direction: column;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

@media (min-width: 768px) {
    .page-menu-section .page-menu-container .page-menu {
        flex-direction: row;
        justify-content: space-evenly;
    }
}

.page-menu-section .page-menu .page-menu-item {
    list-style: none;
    margin: 0;
    width: 100%;
}

.page-menu-section .page-menu .page-menu-link {
    display: flex;
}

@media (max-width: 767.98px) {
    .page-menu-section .page-menu .page-menu-link {
        padding: .75em 1em;
        border-radius: 6px;
        margin-bottom: .5em;
    }
}

.page-menu-filter-toggle-label-text {
    font-size: 1.5em;
    color: var(--main-link-color);
    font-family: var(--main-heading-font);
}

@media (min-width: 768px) {
    .page-menu-section .page-menu .page-menu-link {
        display: flex;
        padding: 1em 1em;
        justify-content: center;
        text-align: center;
    }
}


.page-menu-section .page-menu .page-menu-link {
    height: 100%;
    border: none;
}

.page-menu-section .page-menu .page-menu-link.active {
    background: var(--main-link-color);
    color: #fff;
}

.page-menu-section .page-menu .page-menu-link.active:hover {
    background: var(--main-link-hover-color);
}

.page-menu-section .page-menu .page-menu-link:hover {

    background: rgba(87, 57, 181, .15);
}

.page-menu-filter-toggle-label.button .page-menu-dropdown {
    display: flex;
    width: 1.25em;
    margin-left: auto;
    align-items: center;
    justify-content: center;
}

.page-menu-filter-toggle-label.button .page-menu-dropdown-icon {
    transition: transform .3s ease-in-out;
    width: 1.25em;
    height: 1.25em;
}


.page-menu-filter-toggle-input:checked~.page-menu-filter-toggle-label .page-menu-dropdown-icon {

    transform: rotate(180deg);
}


/* css hacks for page menu */
label.page-menu-filter-toggle-label.button {
    padding: 1em;
    width: 100%;
    margin: 0;
}

.page-menu-filter-toggle-label.button {
    display: flex;
    cursor: pointer;
    min-height: 4em;
}

.page-menu {
    display: none;
}

.page-menu-filter-toggle-input {
    display: none;
}

.page-menu-filter-toggle-input:checked~.page-menu {
    display: flex;
}

.page-menu-icon-close {
    opacity: 0;
    display: flex;
    align-items: center;
    padding: 1em;
    background: #ffffff;
    border-radius: 6px;
    line-height: 1;
    font-size: .867em;
    color: var(--main-link-color);
}

.page-menu-filter-toggle-input:checked~.page-menu-filter-toggle-label .page-menu-icon-close {
    opacity: 1;
}


.page-menu-button-info>* {
    margin-right: 1em;
}

.page-menu-button-info {
    display: flex;
    align-items: center;

}

.page-menu-icon-close {
    margin-left: auto;
}


@media (min-width: 768px) {
    .page-menu-filter-toggle-label.button {
        display: none;
    }

    .page-menu {
        display: flex;
    }
}

/* temporary slice form display  */

/* prevents double padding due to weird implementation of slice components that contain nested containers */
.content-wrap .container .container,
.slice .container .container {
    padding: 0;
}

.form-renderer-wrapper {
    --form-input-height: 3.5em;
    --form-grid-gap: 1em;
    --form-input-font-size: .867em;
    --form-input-form-text-font-size: .8em;
    --form-input-padding: 1em .75em;
    --form-input-background: #fff;
    --form-input-border: 1px solid;
    --form-input-border-color: var(--main-border-color);
    --form-input-border-radius: 3px;
    --main-button-primary-border-color: var(--color-purple-black);
    --main-button-primary-background-color: var(--color-purple-black);
    --main-button-primary-highlight-border-color: var(--color-purple-dark);
    --main-button-primary-highlight-background-color: var(--color-purple-dark);
    --main-button-primary-highlight-text-color: #fff;
    --vc-input-text-color: var(--main-text-color);

}

@media (min-width: 767px) {
    .form-renderer-wrapper {
        --form-grid-gap: 1.5em;
        --form-input-height: 4em;
        --form-input-padding: 1.25em 1em;
    }
}


.render-form .form-control {
    height: var(--form-input-height) !important;
    background-color: var(--form-input-background) !important;
    border: var(--form-input-border) !important;
    border-color: var(--form-input-border-color) !important;
    color: var(--vc-input-text-color) !important;
    padding: var(--form-input-padding) !important;
    border-radius: var(--form-input-border-radius) !important;
    font-size: var(--form-input-font-size) !important;
    outline: none;
}

.render-form textarea.form-control {
    height: auto;
    min-height: 6em;
}

.form-renderer-wrapper .form-buttons .btn {
    margin: 0;
}

.form-renderer-wrapper .form-buttons .btn:not(:last-child) {

    margin-right: var(--form-grid-gap);
}


.render-form {
    margin-bottom: 2em;
    width: 100%;

}

.form-renderer-wrapper form {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    padding: var(--form-grid-gap);
    margin-bottom: 2em;
}

@media (min-width: 768px) {
	.form-renderer-wrapper form {
		padding:0em;
	}
}


@media (max-width: 767.98px) {
    .form-renderer-wrapper form .form-buttons {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

.form-renderer-wrapper .btn {
    width: 100%;
    padding: .75em 1em;
    border-radius: var(--form-input-border-radius);
}

@media (max-width: 767.98px) {
    .form-renderer-wrapper .btn:not(:last-child) {
        margin-bottom: var(--form-grid-gap);
    }
}

@media (min-width: 768px) {
    .form-renderer-wrapper .btn.btn-primary {
        width: calc(80% - var(--form-grid-gap) * .5);
    }

    .form-renderer-wrapper .btn.btn-secondary {
        width: calc(20% - var(--form-grid-gap) * .5);
    }
}

.form-renderer-wrapper .btn-secondary {
    background: transparent;
    border: 2px solid;
    border-color: rgba(0, 0, 0, 0.25);
}


.render-form .form-control {
    height: var(--form-input-height);
    background-color: var(--form-input-background);
    border: var(--form-input-border);
    border-color: var(--form-input-border-color);
    color: var(--vc-input-text-color);
    padding: var(--form-input-padding);
    border-radius: var(--form-input-border-radius);
    font-size: var(--form-input-font-size);
    outline: none;
}

.rendered-form .form-control:focus {
    outline: 0;
    box-shadow: 0px 0px 0 2px rgba(0, 0, 0, .25);
}

.render-form .rendered-form {
    display: grid;
    grid-gap: var(--form-grid-gap);
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
    .render-form .rendered-form {
        grid-template-columns: repeat(12, 1fr);
    }
}

.form-renderer-wrapper .rendered-form .form-group {
    margin: 0;
}

.form-renderer-wrapper .rendered-form .formbuilder-checkbox-group,
.formbuilder-radio-group .form-group .formgroup {
    grid-column: span 12;
}

.render-form .rendered-form .formbuilder-textarea,
.render-form .rendered-form .formbuilder-radio-group {
    grid-column: span 12;
}

.render-form .rendered-form .formbuilder-select .form-control {

    background-color: var(--form-input-background);
    appearance: none;
    -webkit-appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%555' viewBox='0 0 100 50'><polygon points='0, 0, 100, 0, 50, 50, 0, 0'/></svg>") no-repeat, var(--form-input-background);
    background-size: 12px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    color: var(--main-text-color);
}

.render-form .rendered-form .formbuilder-text,
.render-form .rendered-form .formbuilder-select,
.render-form .rendered-form .formbuilder-date,
.render-form .rendered-form .formbuilder-number {
    grid-column: span 12;
}

@media (min-width: 768px) {
    .render-form .rendered-form .formbuilder-textarea {
        grid-column: span 12;
    }

    .render-form .rendered-form .formbuilder-text,
    .render-form .rendered-form .formbuilder-select,
    .render-form .rendered-form .formbuilder-date,
    .render-form .rendered-form .formbuilder-number {
        grid-column: span 6;
    }

}

[nid="15672"]>.header-region,
[nid="15399"]>.header-region {
    display: none;
}
[nid="18610"] .slice:nth-child(3),
[nid="18606"] .slice:nth-child(2),
[nid="18603"] .slice:nth-child(2),
[nid="18579"] .slice:nth-child(2),
[nid="18539"] .slice:nth-child(2),
[nid="18492"] .slice:nth-child(2),
[nid="18464"] .slice:nth-child(2),
[nid="18466"] .slice:nth-child(2),
[nid="17775"] .slice:nth-child(2),
[nid="17272"] .slice:nth-child(3),
[nid="15447"] .slice:nth-child(2),
[nid="15435"] .slice:nth-child(2),
[nid="17471"] .slice:nth-child(2),
[nid="19562"] .slice:nth-child(3)  {
    background: var(--color-purple);
    background: linear-gradient(270deg, var(--color-purple), var(--color-purple-dark));
    color: #fff;
    padding: 3em 0em;
}

@media (min-width: 768px) {

	[nid="18579"] .render-form .rendered-form .formbuilder-select {
	    grid-column: span 12;
	}
}

[nid="18579"] .render-form .rendered-form .formbuilder-select [multiple="multiple"] {
	height:auto !important;
	background: white !important;
    padding-bottom: 0px !important;

}

[nid="15224"] .slice:nth-child(3) {
    color: #fff;
    background: var(--color-purple);
    background: linear-gradient(270deg, var(--color-purple), var(--color-purple-dark));
    color: #fff;
    padding: 3em 0em;
}

[nid="15399"] .slice:nth-child(4) {
    color: #fff;
    background: var(--color-purple);
    background: linear-gradient(270deg, var(--color-purple), var(--color-purple-dark));
    color: #fff;
    padding: 3em 0em;
}

[nid="15160"] .render-form .rendered-form>div:nth-child(5) {
    grid-column: span 12;
}

[nid="18610"] .slice .form-buttons .btn-secondary,
[nid="18606"] .slice .form-buttons .btn-secondary,
[nid="18603"] .slice .form-buttons .btn-secondary,
[nid="18579"] .slice .form-buttons .btn-secondary,
[nid="18539"] .slice .form-buttons .btn-secondary,
[nid="18492"] .slice .form-buttons .btn-secondary,
[nid="18464"] .slice .form-buttons .btn-secondary,
[nid="18466"] .slice .form-buttons .btn-secondary,
[nid="17775"] .slice .form-buttons .btn-secondary,
[nid="15447"] .slice .form-buttons .btn-secondary,
[nid="15435"] .slice .form-buttons .btn-secondary,
[nid="15399"] .slice .form-buttons .btn-secondary,
[nid="15224"] .slice .form-buttons .btn-secondary,
[nid="15160"] .slice .form-buttons .btn-secondary,
[nid="15598"] .slice .form-buttons .btn-secondary,
[nid="17272"] .slice .form-buttons .btn-secondary,
[nid="17471"] .slice .form-buttons .btn-secondary,
[nid="19562"] .slice .form-buttons .btn-secondary {
    display: none;
}

[nid="15160"] .slice:last-child {
    color: #fff;
    background: var(--color-purple);
    background: linear-gradient(270deg, var(--color-purple), var(--color-purple-dark));
    color: #fff;
    padding: 3em 0em;
}


[nid="15224"] .form-renderer-wrapper form {
    padding: 0;
}

[nid="15937"] .form-renderer-wrapper .rendered-form .form-group>label {
    font-size: 1.6em;
    font-family: var(--main-heading-font);
    color: var(--vc-heading-color);
    line-height: var(--main-heading-line-height);
}

[nid="15939"] .form-renderer-wrapper,
[nid="15937"] .form-renderer-wrapper {
    border-radius: 6px;
    background: #f1edf5;
}

[nid="15598"] .slice:nth-child(3),
[nid="15375"] .slice:nth-child(3),
[nid="18099"] .slice:nth-child(3) {
    color: #fff;
    background: var(--color-green);
    background: linear-gradient(270deg, var(--color-green-dark), var(--color-green));
    color: #fff;
    padding: 3em 0em;
}

[nid="15375"] .slice .form-buttons .btn-secondary,
[nid="15224"] .slice .form-buttons .btn-secondary,
[nid="15160"] .slice .form-buttons .btn-secondary,
[nid="18099"]  .slice .form-buttons .btn-secondary{
    display: none;
}


[nid="15937"] .form-renderer-wrapper .rendered-form .form-group {
    grid-column: span 12;
}

.header-region .header-content .header-description {
    font-size: 1.4em;
}


.slice .acarousel.navigation-carousel {
    display: none;
}

/*tabs hack */

.c-tab-display {
    overflow-x: hidden;
    /* we setup to hide the radio inputs */
}

.c-tab-display [type="radio"] {
    /* we hide the radio inputs inputs */
    display: none;
}

/* we're using important to override slice styles...... */
.c-tabs {
    display: flex;
    justify-content: center;
    align-items: stretch;
    list-style: none;
    padding: 0 !important;
    margin: 0 auto;
}

.c-tab {
    list-style: none !important;
    margin: 1em 0 !important;
}

.c-tab>label {
    display: block;
    padding: .5em 1em;
    margin: 0;
    color: var(--main-text-heading-color);
    font-size: 1.2em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    font-family: var(--main-heading-font);
}

@media (min-width: 768px) {
    .c-tab>label {
        padding: .5em 1.5em;

    }
}

.c-tab:hover label {
    color: #fff;
    background: var(--section-highlight-color);
}

.c-tab-content {
    display: none;
    flex-direction: column;
}

li.c-tab {
    position: relative;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--section-highlight-color);
    text-align: center;
}

li.c-tab:first-of-type {
    border-left: 2px solid;
    border-radius: 6px 0px 0px 6px;
    overflow: hidden;
    border-color: var(--section-highlight-color);
}

li.c-tab:last-of-type {
    border-right: 2px solid;
    border-radius: 0px 6px 6px 0px;
    overflow: hidden;
    border-color: var(--section-highlight-color);
}

.c-tab-display [type="radio"]:nth-of-type(1):checked~.c-tab-content:nth-of-type(1),
.c-tab-display [type="radio"]:nth-of-type(2):checked~.c-tab-content:nth-of-type(2),
.c-tab-display [type="radio"]:nth-of-type(3):checked~.c-tab-content:nth-of-type(3),
.c-tab-display [type="radio"]:nth-of-type(4):checked~.c-tab-content:nth-of-type(4) {
    display: flex;
}

.c-tab-display [type="radio"]:nth-of-type(1):checked~.c-tabs .c-tab:nth-of-type(1) label,
.c-tab-display [type="radio"]:nth-of-type(2):checked~.c-tabs .c-tab:nth-of-type(2) label,
.c-tab-display [type="radio"]:nth-of-type(3):checked~.c-tabs .c-tab:nth-of-type(3) label,
.c-tab-display [type="radio"]:nth-of-type(4):checked~.c-tabs .c-tab:nth-of-type(4) label,
.c-tab-display [type="radio"]:nth-of-type(5):checked~.c-tabs .c-tab:nth-of-type(5) label {
    color: #fff;
    background: var(--section-highlight-color);
    background: linear-gradient(45deg, var(--color-orange-red), var(--color-orange));
}

.c-tab-graphic-container {
    position: relative;
    display: flex;
    min-height: 560px;
    padding: 2em;
    overflow: hidden;
    border-radius: 6px;
}

.c-tab-panel {
    z-index: 3;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80%;
}



@media (min-width: 768px) {
    .c-tab-panel {
        max-width: 300px;
        padding-top: 0;

    }
}

.c-tab-panel-inner {
    height: 100%;
    width: 100%;
    background: white;
    padding: 1.5em;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    border-radius: 6px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .25);
}

.c-tab-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 80% 50%;
    z-index: 0;
}

@media (min-width: 768px) {
    .c-tab-background-image {
        object-position: 50% 25%;
    }
}


.c-team-group {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 2em;


}


.c-team-group .team-item:nth-child(4n+1):nth-last-child(-n+2),
.c-team-group .team-item:nth-child(4n+1):nth-last-child(-n+1)~div {
    grid-column-end: -5;
}

.person-image-display {
    display: flex;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.person-info {
    text-align: center;
}

.person-name {
    margin-bottom: .25em;
    color: var(--section-highlight-color) !important;
}

.person-image {
    top: 0;
    position: absolute;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    padding: 1.5em;
    border-radius: 100%;
}

.person-image.greyscale {
    filter: grayscale(1);
}

.team-item {
    grid-column: span 4;
}

@media (min-width: 768px) {
    .team-item {
        grid-column: span 2;
    }
}

/* news hacks */

@media (min-width: 576px) {

    .website-list.news .teaser-list-item:nth-child(even) .teaser-content {
        grid-column: span 2;
        grid-row: 2;
    }

    .website-list.news .teaser-list-item:nth-child(even) .teaser-image {
        grid-column: span 2;
        grid-row: 1;
    }

}

@media (min-width: 768px) {

    .website-list.news .teaser-list-item:nth-child(odd) .teaser-content {
        grid-row: 1;
    }

    .website-list.news .teaser-list-item:nth-child(odd) .teaser-image {
        grid-row: 1;
    }

    .website-list.news .teaser-list-item:nth-child(even) .teaser-content {
        grid-column-start: 1;
        grid-row: 1;
    }

    .website-list.news .teaser-list-item:nth-child(even) .teaser-image {
        grid-column-start: 2;
        grid-row: 1;
    }

    .website-list.news .teaser-list-item .cell:not(:nth-child(1)),
    .website-list.news .teaser-list-item .cell:nth-child(2) {
        padding: 0;
    }

    .website-list.news .teaser-list-item .teaser-image,
    .website-list.news .teaser-list-item .teaser-content {
        width: 100%;
    }

    .website-list.news .teaser-list-item .teaser {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3em;
    }

}

.advanced-wysiwyg-content-region .inset-image {
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    padding: 1em 0em;
}

.inline-logo {
    max-width: 225px;
    margin: 1.5em 0em;
}

/*follow up page */

.api-integrations-section .page-content-cta {
    background: rgba(119, 133, 206, .16);
    color: #372c60;
}

.api-integrations-section .page-content-cta h4 {
    color: var(--section-highlight-color);
}

.api-integrations-section .page-content-cta h4 {
    color: var(--section-highlight-color);
}

.page-content-cta {
    text-align: center;
    width: 100%;
    border-radius: 6px;
    width: 100%;
    padding: 2em 1.5em;
}

.page-content-cta .content-icon-container,
.page-content-cta .content-upper {
    margin-bottom: 1.25em;
}

.page-content-cta .title {
    color: var(--vc-heading-color);
}

.page-content-cta .description {
    font-size: .867em;
    line-height: 1.8;
}

.page-content-cta .sub-title h4 {
    font-size: 1.2em;
    font-weight: 300;
}

.page-content-cta .content-icon-container.centered {
    display: flex;
    justify-content: center;
}

.page-content-cta .icon {
    width: 4.5em;
}

.faq-category .category-title { 
	color: var(--vc-heading-color);
}

.faq h4.faq-text {
    font-size: 1.1em;
    font-weight:400;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-list .faq-category .faqs .faq .faq-heading .faq-heading-content .faq-expand-icon {
	height:2em  !important;
	width:2em !important;
}
.faq-list .faq-category .faqs .faq .faq-content {
	padding:0 !important;
}
.faq-list .faq-category .faqs .faq {
    padding-bottom: 0 !important;
    margin: 1em 0em !important;
    padding-top: 1em !important;
}

.footer-external-badges { 
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
	margin-bottom: 1em;

}

@media (min-width: 992px) {

	.footer-external-badges {
		margin-top: -5em;
	}
}
.footer-external-badges .sourceforge,
.footer-external-badges .slashdot {
    position: relative;
}

.footer-external-badges img {
    width: 4.5em;
    object-fit: contain;
}

.footer-section .social-group {
    z-index: 3;
    position: relative;
}

.footer-section .footer-terms {
	z-index: 3;
	position: relative;
}

.custom-video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}

.video-banner-box .video-banner-video-action {
    border-radius: 100% !important;
}

[nid="18350"] .advanced-wysiwyg-content-region ol { 
	counter-reset: item;
	margin-bottom: 0.5em;
}

[nid="18350"] .advanced-wysiwyg-content-region li{ display: block; }
[nid="18350"] .advanced-wysiwyg-content-region li:before { content: counters(item, ".") " "; counter-increment: item; }

[nid="18350"] .advanced-wysiwyg-content-region ol.alpha {
    counter-reset: alpha;
}
[nid="18350"] .advanced-wysiwyg-content-region ol.roman {
    counter-reset: roman;
}
[nid="18350"] .advanced-wysiwyg-content-region ol li {
    list-style: none;
    position: relative;
}

[nid="18350"] .advanced-wysiwyg-content-region ol.alpha > li {
	padding-left:2.5em;
}

[nid="18350"] .advanced-wysiwyg-content-region ol.roman > li { 
	padding-left:2.5em;
}

[nid="18350"] .advanced-wysiwyg-content-region li:before {
    width: 1em;
    position: absolute;
    left: 0;
    top: 0;
}

[nid="18350"] .advanced-wysiwyg-content-region ol.roman > li:before {
    counter-increment: roman;
    content:"(" counter(roman, lower-roman)") ";
    width: 1em;
    position: absolute;
    left: 0;
    top: 0;
}

[nid="18350"] .advanced-wysiwyg-content-region ol li ol li {
	padding-left:2.5em;
}

[nid="18350"] .advanced-wysiwyg-content-region ol.alpha > li:before {
    counter-increment: alpha;
    content:"(" counter(alpha, lower-alpha)") ";
     width: 1em;
    position: absolute;
    left: 0;
    top: 0;
}

[nid="18350"] .advanced-wysiwyg-content-region h2 {
    padding-left: 1.5rem;
    font-size: 1.3em;
    color: var(--main-text-color) !important;
}