/*
 * Your global styles here
 */

@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html,
body {
    height: 100%;
    font-size: 15px;
    color: #636670;
}

main {
    background: #c3cedc;
    background: linear-gradient(180deg, #c3cedc 0, #eaf1f9 15.3%);
}

body {
    margin: 0;
    color: #636670;
}

span, a, div, p {
    font-family: Lato, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-family: "Abhaya Libre", serif;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

/* header */

/* main nav */

header {
    border-bottom: 1px solid #ddd;
}
.site-header {
    padding: 0px !important;
    height: 80px;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

.logo-container,
.logo-container:hover {
    padding: 18px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 260px;
    text-decoration: none !important;
}

.logo-container .logo-medal {
    height: 44px;
    width: 44px;
}

.logo-container .component-wrapper-spacer {
    margin-bottom: 0px !important;
}

.logo-container .logo-text {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.logo-container .logo-title,
.logo-container .logo-title:hover {
    color: #191e21;
    font-family: "Abhaya Libre", serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
}



.logo-container .logo-subtitle,
.logo-container .logo-subtitle:hover {
    color: #848995;
    font-size: 12px;
    white-space: nowrap;
    text-decoration: none;
    text-decoration: none;
}

.site-nav {
    width: calc(100% - 465px);
}

/*
.site-header .columns-content community_layout-column:last-child .column-content * {
    margin: 0;
}

.site-header .columns-content community_layout-column:last-child .column-content .interactions-element {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 15px;
    align-items: center;
}
*/
community_navigation-customizable-navigation-menu {
    padding: 0px !important;
}

.comm-customizable-navigation-bar a,
.comm-customizable-navigation-bar button {
    background-color: #fff !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    padding: 0px 12px !important;
    margin: 0px !important;
    border: 0px !important;
    font-family: Lato, sans-serif !important;
    font-weight: bold !important;
    color: #636670 !important;
    line-height: 80px !important;
}

.comm-customizable-navigation-bar a.isActive,
.comm-customizable-navigation-bar a:hover,
.comm-customizable-navigation-bar a:focus,
.comm-customizable-navigation-bar a:active,
.comm-customizable-navigation-bar button.isActive,
.comm-customizable-navigation-bar button:hover,
.comm-customizable-navigation-bar button:focus,
.comm-customizable-navigation-bar button:active {
    background-color: #eaf1f9 !important;
    border-bottom-color: transparent !important;
}

lightning-helptext .slds-form-element__icon {
    padding: 0;
}

/* sub nav */

.site-subnav {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    padding: 32px 0px;
    width: 205px;
}

/* cards */
.slds-card {
    border-color: #ddd;
}

.slds-card__header {
    border-bottom: 1px solid #ededed;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #f8f9fc 75.3%);
    padding: 30px;
}
.slds-card__body {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #f8f9fc 75.3%);
    padding: 15px 30px;
    margin-bottom: 0px;
}

.card {
    padding: 32px;
}

.card.gold {
    background: linear-gradient(184deg, #fff7e2 7.25%, #e8d7b5 43.23%, #d2ba8b 92.75%);
}

.card.light {
    background-color: #f8f9fb;
}

/* buttons */
.slds-button.slds-button_neutral,
.slds-button.slds-button_brand {

    border-width: 2px;
    border-radius: 0px;
    font-family: "Ibm Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 14px;
    height: 44px;
    white-space: nowrap;
    border: 2px solid #516ea8;
    background: #fff;
    color: #516ea8 ;
}
.slds-button.slds-button_neutral:hover {
    background: #516ea8;
    color: #fff;
    border: 2px solid #516ea8 !important;
}

.slds-button.slds-button_brand {
    color: #fff;
    background: #516ea8 ;
}

.slds-button.slds-button_brand:hover {
    color: #fff;
    background: #2f4e8c ;
}

.slds-button:focus,
.slds-button:active {
    box-shadow: none !important;
}

/*
button {
    height: 44px;
    color: #516ea8;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    border: 2px solid #516ea8;
    padding: 0 20px;
    background: #fff;
    font-family: "Ibm Plex Sans", sans-serif;
    cursor: pointer;
    white-space: nowrap;
}

button:hover {
    color: #fff;
    background: #516ea8;
}
    */

/* accordion */

.slds-accordion__summary-content {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    font-family: "Abhaya Libre", serif;
    text-overflow: unset;
    overflow: visible;
    white-space: wrap;
    line-height: 1.3em;
}

.slds-accordion__summary-heading button svg,
.slds-accordion__summary-heading button:hover svg,
.slds-accordion__summary-heading button:active svg,
.slds-accordion__summary-heading button:focus svg {
    fill: #516ea8 !important;
}

.slds-accordion__summary-heading button,
.slds-accordion__summary-heading button:hover,
.slds-accordion__summary-heading button:active,
.slds-accordion__summary-heading button:focus {
    height: auto;
    align-items: flex-start;
    box-shadow: none !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #f8f9fc 75.3%);
    border: none !important;
}

.slds-is-open>.slds-accordion__content {
    padding: 15px 25px;
}

/* info box */
.info-box {
    background-color: #efefef;
    padding: 15px;
    border-radius: 5px;
}

.info-box .info-title {
    font-weight: bold;
}

.info-box  ul li {
    display: block;
    font-size: 0.8em;
}

/* summary and header */
.summary {
    display: flex;
    gap: 10px;
    font-weight: bold;
}

.summary span:not(:last-of-type)::after {
    content: '\00B7';
    padding-left: 10px;
}

.header-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* landing content */

.help-link .help-popup {
    display: none;
    position: relative;
}

.help-link:focus .help-popup,
.help-link:hover .help-popup,
.help-link:active .help-popup {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    width: 500px;
    background: #fff;
    position: absolute;
    z-index: 999;
    border-radius: 5px;
    border: 1px solid #ededed;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.help-popup .popup-title {
    font-weight: bold;
}

.help-popup .popup-title,
.help-popup .popup-body {
    display: block;
    width: 100%;
    text-decoration: none;
}

.landing-content {
    border-radius: 5px;
    border: 1px solid #ededed;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #f8f9fc 75.3%);
}

.landing-content .code-box{
    font-family: 'Courier New', Courier, monospace;
    padding: 10px;
    border-radius: 5px;
    background: #efefef;
    border: 1px #ddd solid;
    color: #333;
}

.landing-content h4 {
    color:#191e21 !important;
    font-size: 20px;
}

.landing-content p {
    margin-bottom: 10px;
}

/* footer */

footer {
    background-color: rgb(13, 19, 23);
    
}

footer .logo-container {
    padding: 0;
}

footer .logo-container .logo-title,
footer .logo-container .logo-title:hover {
    color: #fff;
}

.footer-contacts .title {
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.33;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.footer-contacts .list {
    display: flex;
    flex-direction: column;
    gap: 15px 25px;
}

.footer-contacts .list .item {
    display: flex;
    gap: 10px;
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.48px;
}

.footer-contacts .list a,
.footer-contacts .list a div,
.footer-contacts .list a:hover,
.footer-contacts .list a:hover div,
.footer-contacts .list a:active,
.footer-contacts .list a:active div {
    color: #e8cf9d;
}

.footer-contacts address {
    font-style: normal;
}

.footer-contacts .list .item .icon {
    display: flex;
    align-items: center;
    width: 14px;
    height: 20px;
    margin-top: 3px;
}

.footer-contacts .list .item .icon {
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-contacts .list .item .icon.map {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="17" viewBox="0 0 12 17" fill="none"><path d="M5.99975 0.15332C2.69165 0.15332 0 2.79586 0 6.04394C0 6.89116 0.17663 7.70007 0.524719 8.44839C2.02482 11.6711 4.90094 15.0736 5.7469 16.0395C5.81028 16.1117 5.90268 16.1533 5.99992 16.1533C6.09715 16.1533 6.18956 16.1117 6.25294 16.0395C7.09856 15.0737 9.97468 11.6714 11.4753 8.44839C11.8235 7.70007 12 6.89116 12 6.04394C11.9997 2.79586 9.30802 0.15332 5.99975 0.15332ZM5.99975 9.10354C4.28132 9.10354 2.88312 7.73085 2.88312 6.04377C2.88312 4.35653 4.28132 2.98384 5.99975 2.98384C7.71818 2.98384 9.11638 4.35653 9.11638 6.04377C9.11654 7.73085 7.71835 9.10354 5.99975 9.10354Z" fill="%23636670"/></svg>');
}

.footer-contacts .list .item .icon.email {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><g id="Subtract"><path d="M12 1.53283C12 1.04709 11.6481 0.65332 11.2141 0.65332H0.783807C0.350922 0.65332 0 1.04602 0 1.53044C0 1.92519 0.235647 2.2713 0.575747 2.37609L5.73575 3.96589C5.91318 4.02055 6.10051 4.02055 6.27794 3.96589L11.4227 2.38079C11.7637 2.27572 12 1.92866 12 1.53283Z" fill="%23E8CF9D"/><path d="M12 4.73123C12 4.14139 11.4981 3.71352 10.99 3.87009L8.20789 4.72726C8.20775 4.7273 8.20775 4.72752 8.20789 4.72756C8.20802 4.7276 8.20802 4.72782 8.20789 4.72786L6.00831 5.40556C6.00799 5.40566 6.00765 5.40566 6.00733 5.40556C6.00701 5.40546 6.00652 5.4055 6.0062 5.4056C6.00578 5.40573 6.00534 5.40573 6.00493 5.4056L3.80564 4.728C3.80546 4.72794 3.80546 4.72766 3.80564 4.7276C3.80582 4.72755 3.80582 4.72727 3.80564 4.72721L1.01367 3.867C0.503661 3.70987 0 4.13928 0 4.73124V9.51046C0 10.1416 0.457241 10.6533 1.02128 10.6533H10.9787C11.5428 10.6533 12 10.1416 12 9.51046V4.73123Z" fill="%23E8CF9D"/></g></svg>');
}

.footer-contacts .list .item .icon.phone {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none"><g id="Vector"><path d="M10.6438 9.91459C10.1864 9.46304 9.61543 9.46304 9.16094 9.91459C8.81426 10.2584 8.46757 10.6021 8.12671 10.9517C8.03348 11.0479 7.95482 11.0682 7.8412 11.0042C7.61687 10.8818 7.37798 10.7827 7.16239 10.6487C6.15729 10.0166 5.31534 9.20376 4.56952 8.28899C4.19953 7.83452 3.87032 7.34801 3.64017 6.80031C3.59355 6.68961 3.60229 6.61678 3.69261 6.52647C4.03929 6.19144 4.37724 5.84767 4.7181 5.50391C5.19298 5.02613 5.19298 4.46679 4.71519 3.9861C4.44425 3.71225 4.17331 3.44423 3.90237 3.17038C3.62269 2.89071 3.34592 2.60812 3.06333 2.33136C2.60593 1.88563 2.03492 1.88563 1.58044 2.33428C1.23084 2.67804 0.895801 3.03055 0.540374 3.36848C0.211166 3.6802 0.0451061 4.06184 0.0101461 4.50757C-0.0452074 5.23298 0.132506 5.91759 0.383053 6.58473C0.895801 7.96562 1.67658 9.1921 2.62341 10.3166C3.90237 11.8374 5.42896 13.0405 7.21483 13.9087C8.01892 14.2991 8.85213 14.5991 9.75818 14.6487C10.3816 14.6836 10.9235 14.5263 11.3576 14.0398C11.6548 13.7077 11.9898 13.4047 12.3044 13.0871C12.7706 12.6152 12.7735 12.0442 12.3103 11.5781C11.7567 11.0216 11.2003 10.4681 10.6438 9.91459Z" fill="%23E8CF9D"/><path d="M10.0874 7.59272L11.1624 7.40918C10.9934 6.42159 10.5273 5.52722 9.81936 4.81638C9.07063 4.06767 8.1238 3.59572 7.08082 3.45006L6.92933 4.53088C7.73632 4.6445 8.47048 5.00865 9.05024 5.58839C9.59794 6.13609 9.95629 6.82944 10.0874 7.59272Z" fill="%23E8CF9D"/><path d="M11.7684 2.91984C10.5273 1.67879 8.95701 0.895121 7.22357 0.65332L7.07208 1.73414C8.56954 1.9439 9.92715 2.62269 10.9993 3.69186C12.016 4.70859 12.6832 5.99334 12.925 7.40627L14 7.22274C13.7174 5.58548 12.9454 4.09971 11.7684 2.91984Z" fill="%23E8CF9D"/></g></svg>');
}