@font-face {
    font-family: 'Avenir-Black';
    src: url('./AvenirFont/Avenir-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-BlackOblique';
    src: url('./AvenirFont/Avenir-BlackOblique.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-Book';
    src: url('./AvenirFont/Avenir-Book.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-BookOblique';
    src: url('./AvenirFont/Avenir-BookOblique.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-Heavy';
    src: url('./AvenirFont/Avenir-Heavy.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-HeavyOblique';
    src: url('./AvenirFont/Avenir-HeavyOblique.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-Light';
    src: url('./AvenirFont/Avenir-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-LightOblique';
    src: url('./AvenirFont/Avenir-LightOblique.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-Medium';
    src: url('./AvenirFont/Avenir-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-MediumOblique';
    src: url('./AvenirFont/Avenir-MediumOblique.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-Oblique';
    src: url('./AvenirFont/Avenir-Oblique.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir';
    src: url('./AvenirFont/Avenir-Roman.ttf') format('truetype');
}

:root {
    /*Colors*/
    --black: #000000;
    --brown-1: #C7A370;
    --brown-2: #C7A370;
    --blue-1: #4451E8;
    --blue-2: #6973EC;
    --blue-3: #A1A8F3;
    --blue-4: #D9DCFA;
    --gold-1: #52491e;
    --gold-2: #AE842D;
    --gold-3: #B69042;
    --gold-4: #CEB581;
    --gold-5: #E6DAC0;
    --green-1: #65716D;
    --green-2: #D0F4EA;
    --green-3: #16CB9A;
    --green-4: #44D5AE;
    --green-5: #8AE5CC;
    --green-6: #D0F4EA;
    --gray-1: #939597;
    --gray-2: #F3F3F4;
    --gray-3: #333333;
    --gray-4: #D6D6D6;
    --gray-5: #58595C;
    --gray-6: #F2F8FE;
    --gray-7: #FFFFFFCC;
    --gray-8: #EBEBEB;
    --orange: #DB1E2D;
    --pink-1: #F49FC4;
    --pink-2: #F5A8C9;
    --pink-3: #F8C5DB;
    --pink-4: #FBE2ED;
    --purple-1: #6E0072;
    --purple-2: #540D5A;
    --purple-3: #956B7C;
    --purple-4: #7C1980;
    --purple-5: #A866AA;
    --purple-6: #D3B2D4;
    --purple-7: #65256A;
    --purple-8: #986D9C;
    --purple-9: #CBB6CD;
    --purple-10: #904D97;
    --purple-11: #E5D6E7;
    --purple-12: #AB78B0;
    --purple-13: #B385B7;
    --purple-14: #CCAECF;
    --rose-1: #DB1E2D;
    --rose-2: #E24A56;
    --rose-3: #ED8E96;
    --rose-4: #F7D2D5;
    --turqoise-1: #1D859F;
    --turqoise-2: #3391A8;
    --turqoise-3: #77B5C5;
    --turqoise-4: #BBDAE2;
    --white: #FFFFFF;
    --canary-1: #D7AD01;
    --canary-2: #D6AD00;
    --canary-3: #DEBD32;
    --canary-4: #EAD67F;
    --canary-5: #F2E6B2;

    /*Fonts*/
    --font-family-avenir: 'Avenir', 'system-ui', 'Arial';
    --font-style-normal: normal;
    --font-weight-600: 600;
    --font-weight-900: 900;
    --font-weight-medium: medium;
    --font-weight-normal: normal;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-30: 30px;
    --font-size-32: 32px;
    --font-size-36: 36px;
    --font-size-40: 40px;
    --font-size-48: 48px;
    --font-size-50: 50px;
    --font-size-52: 52px;
    --font-size-60: 60px;
    --font-size-64: 64px;
    --font-size-80: 80px;

    /*Sapcings*/
    --character-spacing-0: 0px;
    --line-spacing-16: 16px;
    --line-spacing-18: 18px;
    --line-spacing-21: 21px;
    --line-spacing-24: 24px;
    --line-spacing-26: 26px;
    --line-spacing-32: 32px;
    --line-spacing-39: 39px;
    --line-spacing-42: 42px;
    --line-spacing-47: 47px;
    --line-spacing-52: 52px;
    --line-spacing-63: 63px;
    --line-spacing-65: 65px;
    --line-spacing-68: 68px;
    --line-spacing-78: 78px;
    --line-spacing-84: 84px;
    --line-spacing-104: 104px;

    /*Borders*/
    --border-r: 50px;
    --border-r-2: 37px;
    --border-r-3: 162px;
}

html,body,*{
    font-family: var(--font-family-avenir);
    padding: 0;
    margin: 0;
}

.slds-image__title, .slds-file__title{
    z-index: 1 !important;
}

/*Titles*/
h1,h2,h3,h4,
h1 > *, h2 > *, h3 > *, h4 > *{
    color: var(--gray-3);
}
h1:focus-visible{
    outline: none !important;
}
.title-style {
    font-family: var(--font-family-avenir);
    font-style: var(--font-style-normal);
    letter-spacing: var(--character-spacing-0);
    color: var(--gray-3);
}

.h1-title-1 {
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-36) !important;
    line-height: var(--line-spacing-47);
}

.h1-title-1p {
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-36) !important;
    line-height: var(--line-spacing-47);
    color: var(--purple-1) !important;
}

.h2-subtitle-1{
	font-weight: var(--font-weight-900);
    font-size: var(--font-size-24) !important;
    line-height: var(--line-spacing-32);
}
.h2-subtitle-1p{
	font-weight: var(--font-weight-900);
    font-size: var(--font-size-24) !important;
    line-height: var(--line-spacing-32);
    color: var(--purple-1) !important;
}

.h3-subtitle-1{
	font-weight: var(--font-weight-900);
    font-size: var(--font-size-16) !important;
    line-height: var(--line-spacing-21);
}

.h3-subtitle-1p{
	font-weight: var(--font-weight-900);
    font-size: var(--font-size-16) !important;
    line-height: var(--line-spacing-21);
    color: var(--purple-1) !important;
}
/*End Titles*/

/*Buttons*/
.comm-page-custom-home-surgeon-clinic .forceCommunityRichText{
    display: block !important;
}


button[aria-label='NEXT']:not([omnistudio-datatable_datatable_slds] button), button[aria-label='Next']:not([omnistudio-datatable_datatable_slds] button){
    display: inline-block;
    position: relative;
    font-family: var(--font-family-avenir);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-600);
    letter-spacing: var(--character-spacing-0);
    font-size: var(--font-size-16);
    background-color: var(--purple-1);
    border-radius: var(--border-r) !important;
    border: none;
    cursor: pointer;
    padding: 10px 20px !important;
    color: var(--white);
    text-decoration: none;
    text-align: center;
    height: auto !important;
}
.btn-style-1,
button.slds-button.slds-button_brand{
    display: inline-block;
    position: relative;
    font-family: var(--font-family-avenir);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-600);
    letter-spacing: var(--character-spacing-0);
    font-size: var(--font-size-16);
    line-height: var(--line-spacing-21);
    background-color: var(--purple-1);
    border-radius: var(--border-r);
    border: none;
    cursor: pointer;
    padding: 10px 30px !important;
    color: var(--white);
    text-decoration: none;
    height: auto !important;
    width: max-content !important;
}
.btn-style-2,
button.vlocity-btn.slds-button.slds-button_neutral,
button.slds-button.slds-button_neutral{
    display: inline-block;
    font-family: var(--font-family-avenir);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-600);
    letter-spacing: var(--character-spacing-0);
    font-size: var(--font-size-16);
    line-height: var(--line-spacing-21);
    background-color: var(--white);
    border-radius: var(--border-r);
    border: 1px solid var(--purple-1);
    cursor: pointer;
    padding: 10px 30px !important;
    color: var(--purple-1);
    text-decoration: none;
    height: auto !important;
}
.btn-style-1 a,
.btn-style-3 a{
    color: var(--white) !important;
    text-decoration: none;
}
.btn-style-2 a{
    text-decoration: none;
}

.btn-style-1:hover,
.btn-style-3:hover,
button.slds-button.slds-button_brand:hover{
    background-color: var(--purple-2);
    color: var(--white);
}

.btn-style-2:hover,
button.vlocity-btn.slds-button.slds-button_neutral:hover,
button.slds-button.slds-button_neutral:hover {
    background-color: var(--gray-2);
    color:var(--purple-2);
    border: 1px solid var(--purple-2);
}
.comm-page-custom-home-surgeon-clinic .forceCommunitySection .cb-section_column > *{
    color: var(--gray-3);
}
.comm-page-custom-home-surgeon-clinic .forceCommunitySection .cb-section_column button.slds-button.slds-button_brand.slds-size_full.slds-align_absolute-center.slds-truncate{
    width: 100% !important;
    text-align: left;
    padding: 15px 10px !important;
}

.comm-page-custom-home-surgeon-clinic .forceCommunitySection .cb-section_column button.slds-button.slds-button_brand.slds-size_full.slds-align_absolute-center.slds-truncate::after {
    content: ">";
    position: absolute;
    font-weight: var(--font-weight-900);
    top: 50%;
    left: 85%;
    transform: translate(-50%, -50%);
    transition: left .2s
}

.comm-page-custom-home-surgeon-clinic .forceCommunitySection .cb-section_column button.slds-button.slds-button_brand.slds-size_full.slds-align_absolute-center.slds-truncate:hover::after {
    left: 90%
}
/*End Buttons*/

/*Header*/
.forceCommunityThemeHeaderCompact .themeNavOverlay{
    backdrop-filter: saturate(180%) blur(20px);
}
/*End Header*/

/*Footer*/
.footer__content {
    font-family: var(--font-family-avenir);
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-16);
    line-height: var(--line-spacing-21);
    width: 100%;
    margin: auto;
    border-top: 1.5px solid rgb(240,240,240);
}
.footer__inner {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px 20px;
}
.footer__rights {
    width: 80%;
}
.footer__media {
    width: 20%;
}
.footer__media > ul.footer__icons {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    padding: 0;
}
.footer__content ul.footer__ul > li{
    margin-bottom: 20px;
    padding: 0;    
}
.footer__content ul.footer__ul > li::before {
    content: '';
}
.footer__content ul.footer__ul > li:hover a img{
    -webkit-filter: grayscale(10%);
    filter: grayscale(10%);
}
.footer__content ul.footer__ul > li a img {
    height: 20px;
    width: 20px;
}
.footer__content ul.footer__ul > li:last-child a img {
    width: 37px;
}
p.footer__copy {
    width: 100%;
    text-align: left;
    font-size: var(--font-size-12);
    line-height: var(--line-spacing-16);
    color: var(--gray-1);
}
/*End Footer*/

/*Slide steps*/
.slds-progress__item.slds-is-completed .slds-progress__marker {
    color: var(--purple-1);
    font-weight: var(--font-weight-600)!important;
    font-size: var(--font-size-36) !important;
    line-height: var(--line-spacing-47);
}
h1[omnistudio-omniscriptstep_omniscriptstep]{
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-24) !important;
    line-height: var(--line-spacing-32);
    color: var(--purple-1);
}
.omni-stepchart-heading {display:none !important;}

.slds-progress__item.slds-is-completed .slds-progress__marker,
.slds-progress__item_content.slds-grid.slds-grid_align-spread,
.slds-progress__item_content.slds-grid.slds-grid_align-spread.omni-stepchart-content{
    color:var(--purple-1) !important;
}

.slds-progress__item.slds-is-active .slds-progress__marker {border-color:var(--purple-1) !important;}
.slds-progress-bar__value {background-color:var(--purple-1) !important;}
.slds-progress__item.omni-hz-stepchart-list-item:not(.omni-hz-stepchart-completed):not(.slds-is-active) .slds-progress__marker:not(.omni-stepchart-button-pristine) {background-color:var(--purple-1) !important}
.slds-scope .slds-progress_vertical .slds-progress__item_content {color:var(--purple-1) !important; font-family: var(--font-family-avenir) !important;}
li[runtime_omnistudio_omniscript-omniscriptstepchart_omniscriptstepchart].omni-vert-stepchart-active:before {background-color:var(--purple-1) !important;}
li[omnistudio-omniscriptstepchart_omniscriptstepchart].omni-vert-stepchart-active:before {background-color:var(--purple-1) !important;}
li.omni-vert-stepchart-last-completed:after {background-color:var(--purple-1) !important;}
li.slds-progress__item.omni-vert-stepchart-active-initial.omni-vert-stepchart-completed:after {background-color:var(--purple-1) !important;}
button.slds-icon-utility-success.slds-progress__marker_icon-success.omni-stepchart-button {background-color:white !important}
button.slds-icon-utility-success.slds-progress__marker_icon-success.omni-stepchart-button>svg {fill:var(--purple-1) !important}
div.slds-is-completed>button:not(.slds-icon-utility-success) {background:var(--purple-1) !important;}

span.formatted-rich-text,
span.formatted-rich-text > *,


.omni-vert-stepchart-completed:before {background:var(--purple-1) !important;}
.omni-vert-stepchart-completed:after {background:var(--purple-1) !important;}

.slds-card{
    border-style: none !important;
}

.uiTabset--default .tabs__nav{
    border-bottom: none !important;
}
/*End slide steps*/

/*queries*/
@media screen and (max-width: 766px) {
    .footer__inner{
        padding: 0;
    }
    .footer__links {
        width: 100%;
        flex-wrap: wrap;
        padding-bottom: 50px;
        text-align: center;
    }
    .footer__content ul.footer__ul {
        width: 100%;
    }
    .footer__media {
        width: 100%;
    }
    p.footer__copy {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 766px) and (max-width: 992){
    .comm-page-custom-devicetracker omnistudio-omniscript-block[data-omni-key="blockIP"][omnistudio-omniscriptblock_omniscriptblock-host]{
    	width: 15% !important;
	}
}

/*end queries*/