/*logospritorstyles*/
 







.logosprite {
    width: 480px; /* Width of each icon */
    height: 160px; /* Height of each icon */
    background-image: url('/_content/LS.LojkSolutionsTheme/assets/img/runningcog/transparent/25/HSprite.png'); /* Sprite image */
    background-repeat: no-repeat;
}
.cogsprite {
    width: 100px; /* Width of each icon */
    height: 100px; /* Height of each icon */
    background-image: url('/_content/LS.LojkSolutionsTheme/assets/img/runningcog/transparentcogs/10/HSprite.png'); /* Sprite image */
    background-repeat: no-repeat;
}
.logospriteSMALLER {
    width: 288px; /* Width of each icon */
    height: 96px; /* Height of each icon */
    background-image: url('/_content/LS.LojkSolutionsTheme/assets/img/runningcog/transparent/15/HSprite.png'); /* Sprite image */
    background-repeat: no-repeat;
}


.logosprite-0 {
background-position: -0px 0; /* Shift left by 480px */
}
.cogsprite-0 {
background-position: -0px 0; /* Shift left by px */
}

.logosprite-1 {
background-position: -480px 0; /* Shift left by 480px */
}
.cogsprite-1 {
background-position: -100px 0; /* Shift left by px */
}

.logosprite-2 {
background-position: -960px 0; /* Shift left by 480px */
}
.cogsprite-2 {
background-position: -200px 0; /* Shift left by px */
}

.logosprite-3 {
background-position: -1440px 0; /* Shift left by 480px */
}
.cogsprite-3 {
background-position: -300px 0; /* Shift left by px */
}

.logosprite-4 {
background-position: -1920px 0; /* Shift left by 480px */
}
.cogsprite-4 {
background-position: -400px 0; /* Shift left by px */
}

.logosprite-5 {
background-position: -2400px 0; /* Shift left by 480px */
}
.cogsprite-5 {
background-position: -500px 0; /* Shift left by px */
}

.logosprite-6 {
background-position: -2880px 0; /* Shift left by 480px */
}
.cogsprite-6 {
background-position: -600px 0; /* Shift left by px */
}

.logosprite-7 {
background-position: -3360px 0; /* Shift left by 480px */
}
.cogsprite-7 {
background-position: -700px 0; /* Shift left by px */
}

.logosprite-8 {
background-position: -3840px 0; /* Shift left by 480px */
}
.cogsprite-8 {
background-position: -800px 0; /* Shift left by px */
}

.logosprite-9 {
background-position: -4320px 0; /* Shift left by 480px */
}
.cogsprite-9 {
background-position: -900px 0; /* Shift left by px */
}

.logosprite-10 {
background-position: -4800px 0; /* Shift left by 480px */
}
.cogsprite-10 {
background-position: -1000px 0; /* Shift left by px */
}

.logosprite-11 {
background-position: -5280px 0; /* Shift left by 480px */
}
.cogsprite-11 {
background-position: -1100px 0; /* Shift left by px */
}

.logosprite-12 {
background-position: -5760px 0; /* Shift left by 480px */
}
.cogsprite-12 {
background-position: -1200px 0; /* Shift left by px */
}

.logosprite-13 {
background-position: -6240px 0; /* Shift left by 480px */
}
.cogsprite-13 {
background-position: -1300px 0; /* Shift left by px */
}

.logosprite-14 {
background-position: -6720px 0; /* Shift left by 480px */
}
.cogsprite-14 {
background-position: -1400px 0; /* Shift left by px */
}

.logosprite-15 {
background-position: -7200px 0; /* Shift left by 480px */
}
.cogsprite-15 {
background-position: -1500px 0; /* Shift left by px */
}

.logosprite-16 {
background-position: -7680px 0; /* Shift left by 480px */
}
.cogsprite-16 {
background-position: -1600px 0; /* Shift left by px */
}

.logosprite-17 {
background-position: -8160px 0; /* Shift left by 480px */
}
.cogsprite-17 {
background-position: -1700px 0; /* Shift left by px */
}

.logosprite-18 {
background-position: -8640px 0; /* Shift left by 480px */
}
.cogsprite-18 {
background-position: -1800px 0; /* Shift left by px */
}

.logosprite-19 {
background-position: -9120px 0; /* Shift left by 480px */
}
.cogsprite-19 {
background-position: -1900px 0; /* Shift left by px */
}

.logosprite-20 {
background-position: -9600px 0; /* Shift left by 480px */
}
.cogsprite-20 {
background-position: -2000px 0; /* Shift left by px */
}

.logosprite-21 {
background-position: -10080px 0; /* Shift left by 480px */
}
.cogsprite-21 {
background-position: -2100px 0; /* Shift left by px */
}

.logosprite-22 {
background-position: -10560px 0; /* Shift left by 480px */
}
.cogsprite-22 {
background-position: -2200px 0; /* Shift left by px */
}

.logosprite-23 {
background-position: -11040px 0; /* Shift left by 480px */
}
.cogsprite-23 {
background-position: -2300px 0; /* Shift left by px */
}

.logosprite-24 {
background-position: -11520px 0; /* Shift left by 480px */
}
.cogsprite-24 {
background-position: -2400px 0; /* Shift left by px */
}

.logosprite-25 {
background-position: -12000px 0; /* Shift left by 480px */
}
.cogsprite-25 {
background-position: -2500px 0; /* Shift left by px */
}

.logosprite-26 {
background-position: -12480px 0; /* Shift left by 480px */
}
.cogsprite-26 {
background-position: -2600px 0; /* Shift left by px */
}

.logosprite-27 {
background-position: -12960px 0; /* Shift left by 480px */
}
.cogsprite-27 {
background-position: -2700px 0; /* Shift left by px */
}

.logosprite-28 {
background-position: -13440px 0; /* Shift left by 480px */
}
.cogsprite-28 {
background-position: -2800px 0; /* Shift left by px */
}

.logosprite-29 {
background-position: -13920px 0; /* Shift left by 480px */
}
.cogsprite-29 {
background-position: -2900px 0; /* Shift left by px */
}

/*sitestyles_glossary*/
 .glossary {
    margin: 0 auto;
    text-decoration-line: none;
    color: #ffffff;
}
    .glossary .glossary-display {
        margin: 0 auto;
        cursor: help;
        animation: glow 20s ease-in-out infinite  ;
    }

@-webkit-keyframes glow {
    0% {

    }
    15% {
        text-shadow: 0 0 0rem #fff;
    }
    18% {
        text-shadow: 0 0 1.2rem #fff;
    }
    26% {
        text-shadow: 0 0 .1rem #fff;
    }
    25% {
    }

    100% {
    }

}
/*sitestyles_helpers*/

.scale-50{
    transform:scale(0.5);
}
.scale-60 {
    transform: scale(0.6);
}
.scale-75 {
    transform: scale(0.75);
}
.scale-100 {
    transform: scale(1);
}
.scale-125 {
    transform: scale(1.25);
}
.scale-150 {
    transform: scale(1.25);
}

.zoom-10 {
    zoom: 0.1;
}
.zoom-20 {
    zoom: 0.2;
}
.zoom-25 {
    zoom: 0.25;
}
.zoom-30 {
    zoom: 0.3;
}
.zoom-33 {
    zoom: 0.3333;
}
.zoom-40 {
    zoom: 0.4;
}
.zoom-50 {
     zoom:0.5;
}
.zoom-60 {
    zoom: 0.6;
}
.zoom-66 {
    zoom: 0.6666;
}
.zoom-70 {
    zoom: 0.7;
}

.zoom-75 {
     zoom:0.75;
}
.zoom-80 {
    zoom: 0.8;
}
.zoom-90 {
    zoom: 0.9;
}

.zoom-100 {
     zoom:1;
}
.zoom-125 {
     zoom:1.25;
}
.zoom-150 {
    zoom: 1.50;
}
.zoom-200 {
    zoom: 2;
}
.diagborder {
    border:  2px solid red;

} 
/*sitestyles_pages*/
 

.pagecontent {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 14rem;
}

header.pageheader {

    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    font-family: "Verdana", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    height: 2rem;
}

    header.pageheader .pageheader-heading {
        font-size: 1.5rem;
        font-weight: 900;
    }

    header.pageheader .pageheader-subheading {
        font-size: 1rem;
        font-weight: 800;
        font-style: italic;
    }

        header.pageheader .pageheader-subheading a {
            color: #ffffff;
        }


@media (min-width: 576px) {
    header.pageheader {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem;
    }

        header.pageheader .pageheader-heading {
            font-size: 1.7rem;
        }

        header.pageheader .pageheader-subheading {
            font-size: 1.2rem;
        }
}
/*md*/
@media (min-width: 768px) {
    header.pageheader {
        padding-top: 2.6rem;
        padding-bottom: 2.6rem;
    }

        header.pageheader .pageheader-heading {
            font-size: 2.6rem;
        }

        header.pageheader .pageheader-subheading {
            font-size: 1.7rem;
        }
}
/*lg*/
@media (min-width: 992px) {
    header.pageheader {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

        header.pageheader .pageheader-heading {
            font-size: 3rem;
        }

        header.pageheader .pageheader-subheading {
            font-size: 2rem;
        }
}
/*xl*/
@media (min-width: 1200px) {
    header.pageheader {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

        header.pageheader .pageheader-heading {
            font-size: 3rem;
        }

        header.pageheader .pageheader-subheading {
            font-size: 2.2rem;
        }
}
/*xxl*/
@media (min-width: 1400px) {
    header.pageheader {
        padding-top: 3.6rem;
        padding-bottom: 3.6rem;
    }

        header.pageheader .pageheader-heading {
            font-size: 3.6rem;
        }

        header.pageheader .pageheader-subheading {
            font-size: 2.8rem;
        }
}

/*xxxs -custom */
@media (min-width: 178px) {

}
/*xxs - custom*/
@media (min-width: 252px) {

}
/*xs*/
@media (min-width: 378px) {

}
/*sm*/
@media (min-width: 576px) {
}
/*md*/
@media (min-width: 768px) {
}
/*lg*/
@media (min-width: 992px) {
}
/*xl*/
@media (min-width: 1200px) {
}
/*xxl*/
@media (min-width: 1400px) {
}

/*sitestyles_sections*/

:root {
    --ls-primary: #66499D;
    --ls-primary-contrast: #dddddd;
    --ls-primary-dark: #56398D;
    --ls-primary-dark-half: #56398D80;
    --ls-primary-light: #7659AD;
    --ls-darkmode-navbar-bg: #3f3f3f;
}

.page-section {
    padding: 1.4rem 0;
    font-family: "Verdana", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.section-heading {
    font-size: 1.6rem;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 1rem;
}

.section-subheading {
    font-size: 1.0rem;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 2rem;
}

.sectionitem-heading {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1rem;
}

.sectionitem-sumary {
    font-size: .6rem;
    font-weight: 200;
    font-style: italic;
    margin-bottom: 2rem;
}

.roundedsquare-button {
    height: 2rem;
    width: 2rem;
    border-radius: 0.5rem;
    transition: box-shadow 0.1s ease-in, box-shadow 1.2s ease-out;
}

    .roundedsquare-button:hover, .roundedsquare-button:active {
        transition: box-shadow 0.1s ease-in;
        box-shadow: 0px 0px 20px 20px var(--ls-primary-dark);
    }

.round-button {
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    transition: box-shadow 0.1s ease-in, box-shadow 1.2s ease-out;
}

    .round-button:hover, .round-button:active {
        transition: box-shadow 0.1s ease-in;
        box-shadow: 0px 0px 20px 20px var(--ls-primary-dark);
    }



.roundedsquare-button-small {
    height: 30px;
    width: 30px;
    border-radius: 7.5px;
    transition: box-shadow 0.1s ease-in, box-shadow 1.2s ease-out;
}

    .roundedsquare-button-small:hover, .roundedsquare-button:active {
        transition: box-shadow 0.1s ease-in;
        box-shadow: 0px 0px 5px 5px var(--ls-primary-dark);
    }

.round-button-small {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    transition: box-shadow 0.1s ease-in, box-shadow 1.2s ease-out;
}

    .round-button-small:hover, .round-button:active {
        transition: box-shadow 0.1s ease-in;
        box-shadow: 0px 0px 5px 5px var(--ls-primary-dark);
    }

.zoomonhover {
    transition: zoom 0.1s ease-in, zoom 1.2s ease-out;
}

    .zoomonhover:hover, .zoomonhover:active {
        zoom: 1.25;
    }

.boxglowonhover {
    transition: box-shadow 0.1s ease-in,box-shadow 0.3s ease-out;
}

    .boxglowonhover:hover, .boxglowonhover:active {
        box-shadow: 0px 0px 50px 50px #56398D;
    }

.dropshadowwonhover {
    transition: filter 0.1s ease-in, filter  0.4s ease-out;
}

    .dropshadowwonhover:hover, .dropshadowwonhover:active {
        filter: drop-shadow( 0 0 15px var(--ls-primary-dark))
        /*     drop-shadow( -4px -4px 2px var(--ls-primary-dark))
    drop-shadow( 4px -4px 2px var(--ls-primary-dark))
        drop-shadow( -4px 4px 2px var(--ls-primary-dark))
        drop-shadow( 4px 4px 2px var(--ls-primary-dark))*/;
    }


.textglowonhover {
    transition: text-shadow 0.1s ease-in,text-shadow 0.3s ease-out;
}

    .textglowonhover:hover, .textglowonhover:active {
        text-shadow: 2px 2px 5px green; /* #66499D;*/
    }

.scaleonhover {
    transition: transform 0.1s ease-in, transform 0.4s ease-out;
}

    .scaleonhover:hover, .scaleonhover:active {
        transform: scale(1.25);
    }


.scaleonhover-navsection {
    transition: transform 0.1s ease-in, transform 0.4s ease-out;
}

    .scaleonhover-navsection:hover, .scaleonhover-navsection:active {
        transform: scale(1.1);
    }

/*sitestyles_sections_modals*/

.modalbanner {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: "Verdana", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.modalbanner-heading {
    font-weight: 900;
    font-size: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    align-content: center !important;
}

.modalbanner-subheading {
    font-size: .8rem;
    font-weight: 800;
    padding-top: 1rem;
    padding-bottom: 1rem;
    align-content: center !important;

}
/*sm*/
@media (min-width: 576px) {
    .modalbanner {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

    .modalbanner-heading {
        font-size: 1.2rem;
    }

    .modalbanner-subheading {
        font-size: .85rem;
    }
}
/*md*/
@media (min-width: 768px) {
    .modalbanner {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .modalbanner-heading {
        font-size: 1.5rem;
    }

    .modalbanner-subheading {
        font-size: .9rem;
    }
}

/*lg*/
@media (min-width: 992px) {
    .modalbanner {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .modalbanner-heading {
        font-size: 1.75rem;
    }

    .modalbanner-subheading {
        font-size: 1.25rem;
    }
}

/*xl*/
@media (min-width: 1200px) {
    .modalbanner {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .modalbanner-heading {
        font-size: 2rem;
    }

    .modalbanner-subheading {
        font-size: 1rem;
    }
}

/*xxl*/
@media (min-width: 1400px) {
    .modalbanner {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .modalbanner-heading {
        font-size: 2.5rem;
    }

    .modalbanner-subheading {
        font-size: 1.1rem;
    }
}

/*sitestyles_themeoverrides*/
#footer {
    zoom: .4;
    font-size: 0.4rem;
}

.footer-link {
    text-decoration: none;
}
/*xxxs*/
@media (min-width: 178px) {
    #footer {
    }
}
/*xxs*/
@media (min-width: 252px) {
    #footer {
        zoom: .6;
        font-size: 0.8rem;
    }
}
/*xs*/
@media (min-width: 378px) {
    #footer {
        zoom: 0.8;
    }
}
/*sm*/
@media (min-width: 576px) {
    #footer {
        font-size: 0.9rem;
        zoom: .9;
    }
}
/*md*/
@media (min-width: 768px) {

    #footer {
        font-size: 1rem;
        zoom: 1;
    }
}
/*sitestyles_themeoverrides_nav*/


#logoimg {
    margin: -25px;
    zoom: 17%;
    transition: zoom 0.5s ease-in-out;
}

#navContent {
    zoom: .5;
}

#footer {
    zoom: .5;
}
.footer-link {
    text-decoration: none ;
}


/*xxxs*/
@media (min-width: 178px) {
    #logoimg {
        zoom: 25%;
        transition: zoom 0.5s ease-in-out;
    }

    #navContent {
        zoom: .5;
    }
    #footer {
        zoom: .5;
    }
}

/*xxs*/
@media (min-width: 252px) {
    #logoimg {
        zoom: 30%;
        transition: zoom 0.5s ease-in-out;
    }

    #navContent {
        zoom: .6;
    }
    #footer {
        zoom: .6;
    }
}
/*xs*/
@media (min-width: 378px) {
    #logoimg {
        zoom: 35%;
        transition: zoom 0.5s ease-in-out;
    }

    #navContent {
        zoom: 0.7;
    }
    #footer {
        zoom: 0.7;
    }
}
/*sm*/
@media (min-width: 576px) {
    #logoimg {
        zoom: 45%;
        transition: zoom 0.5s ease-in-out;
    }
    #navContent {
        zoom: .8;
    }
    #footer {
        zoom: .8;
    }
}
/*md*/
@media (min-width: 768px) {
    #logoimg {
        zoom: 60%;
        transition: zoom 0.5s ease-in-out;
    }
    #navContent {
        zoom: 1;
    }
    #footer{
        zoom: 1;
    }
}


#navBuffer {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    background-color: var(--ls-lightmode-surface-bg);
    /*    background-color: pink;
    border-color: yellow;
    border-style: solid;
    border-width: 1px;*/
    /* background-color: rgba($ls-darkmode-navbar-bg, 1.0);*/
}

/*xxxs -custom */
@media (min-width: 178px) {
    #navBuffer {
        padding-top: 1.35rem;
        padding-bottom: 1.3rem;
    }
}
/*xxs - custom*/
@media (min-width: 252px) {
    #navBuffer {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

/*xs*/
@media (min-width: 378px) {
    #navBuffer {
        padding-top: 1.9rem;
        padding-bottom: 2.0rem;
    }
}
/*sm*/
@media (min-width: 576px) {
    #navBuffer {
        padding-top: 2.1rem;
        padding-bottom: 2.15rem;
    }
}
/*md*/
@media (min-width: 768px) {
    #navBuffer {
        padding-top: 2.3rem;
        padding-bottom: 2.3rem;
    }
}

@media (min-width: 992px) {
    #navBuffer {
        transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
        background-color: #aaaaaa;
    }

        #navBuffer.subnav-active {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }

        #navBuffer.navbar-shrink {
            padding-top: 3.5rem;
            padding-bottom: 2rem;
        }
}