/* /PingUI/Components/Awards.razor.rz.scp.css */
.hasDate[b-6576akvft4] {
    margin-top: 2.6rem;
}
.award-landing-page[b-6576akvft4] {
    @apply pb-16 text-base font-medium uppercase;

    @mixin r-laptop {
        @apply text-ping-regular pb-24;
    }

    & h3 {
        @apply text-ping-medium font-medium;
        text-transform: initial;
    }

    &__container[b-6576akvft4] {
        @apply flex flex-wrap -mx-4 mt-14;

        @mixin r-laptop {
            @apply mt-12;
        }
    }

    &__item[b-6576akvft4] {
        @apply w-full px-4 mb-16;
        flex: 100%;

        & img {
            @apply w-full object-cover;
            height: 220px;
        }

        @mixin r-laptop {
            @apply mb-40 flex-initial;
            width: 33%;

            & img[b-6576akvft4] {
                height: 330px;
            }

                & img:hover[b-6576akvft4] {
                    filter: grayscale(0);
                }
        }

        & h2[b-6576akvft4] {
            @apply text-black text-2xl mt-2 mb-4;
        }
    }

        &__item:last-child[b-6576akvft4] {
            @apply mb-0;
        }

    &__date[b-6576akvft4] {
        @apply text-ping-medium font-bold capitalize;
    }

    & .category-button[b-6576akvft4] {
        @apply mb-8;

        @mixin r-laptop {
            @apply py-4 px-16;
        }
    }
}
  
/* /PingUI/Components/ContactPageColumns.razor.rz.scp.css */
.contact[b-88uu18c0ke] {
    @apply pb-32;

    @mixin r-laptop-large {
        font-size: 1.2rem;
    }

    @media screen and (min-width: 1690px) {
        @apply text-ping-regular;
    }

    &__container {
        @apply flex flex-wrap w-full;
    }

    .left-column[b-88uu18c0ke],
    .right-column[b-88uu18c0ke] {
        @apply w-full;
        flex: 50%;

        @mixin r-laptop {
            flex: 50%;
        }
    }

    .left-column[b-88uu18c0ke] {
        @apply mb-20;

        @mixin r-laptop {
            @apply mb-0 pr-8;
        }
    }

    .right-column[b-88uu18c0ke] {
        @mixin r-laptop {
            @apply pl-8;
        }
    }

    &__item[b-88uu18c0ke] {
        @apply w-full relative;
        flex: 100%;

        @mixin r-laptop {
            @apply px-16;
            flex: 50%;
        }

        &:first-child {
            @apply mb-20;

            @mixin r-laptop {
                @apply mb-0;
            }
        }

        & input:first-child[b-88uu18c0ke] {
            @apply mt-0;
        }

        & input[b-88uu18c0ke],
        textarea[b-88uu18c0ke] {
            @apply px-6 py-4 mt-12 text-black w-full;
            border: 1px solid #fdc131;
            -webkit-border-radius: 0px;
            box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.2);

            @mixin r-laptop {
                @apply p-4;
            }

            &:focus {
                @apply text-black font-bold;
                outline: none;
            }

            &[b-88uu18c0ke]::placeholder {
                @apply text-2xl;
                color: #707070;
                text-transform: capitalize;
                font-weight: 400;
            }
        }
    }

    &__map[b-88uu18c0ke] {
        @apply mt-8;

        @media screen and (min-width: 1690px) {
            @apply mt-12;
        }

        & img {
            @apply w-full object-cover;
            height: 243px;

            @mixin r-medium {
                @apply h-auto;
            }

            @mixin r-laptop {
                height: 540px;
            }
        }
    }

    &__details[b-88uu18c0ke] {
        @apply relative font-bold mt-12;

        @media screen and (min-width: 1690px) {
            @apply text-ping-regular;
        }
    }

    [b-88uu18c0ke]::-webkit-input-placeholder {
        text-transform: uppercase;
    }

    :-moz-placeholder[b-88uu18c0ke] {
        text-transform: uppercase;
    }

    [b-88uu18c0ke]::-moz-placeholder {
        text-transform: uppercase;
    }

    :-ms-input-placeholder[b-88uu18c0ke] {
        text-transform: uppercase;
    }

    [b-88uu18c0ke]::placeholder {
        @apply font-bold text-black;
        text-transform: uppercase;
    }

    &__message[b-88uu18c0ke]::deep {
        min-height: 10rem;

        @mixin r-laptop {
            min-height: 20rem;
        }
    }

    .field-validation-error[b-88uu18c0ke] {
        @apply block text-red-600 mt-4;
    }

    .g-recaptcha[b-88uu18c0ke] {
        @apply mt-12;

        @mixin r-laptop {
            @apply mt-20;
        }
    }
}
/* /PingUI/Components/Quote.razor.rz.scp.css */
.quote[b-ejdtnjqyft] {
    @apply -mt-16;

    & .wrapper {
        @apply relative;
    }

    &__container[b-ejdtnjqyft] {
        @apply py-12;
    }

    &__inner[b-ejdtnjqyft] {
        @apply bg-ping-yellow rounded-ping-quote py-20 px-8 m-auto font-semibold italic leading-8;

        @mixin r-laptop {
            @apply w-11/12 px-28;
        }

        box-shadow: 10px 10px 10px 1px rgba(0, 0, 0, 0.2);
    }

    &__mark[b-ejdtnjqyft] {
        width: 50px;
        height: 35.8px;

        @mixin r-laptop {
            width: 100.297px;
            height: 71.641px;
        }
    }

        &__mark:first-child[b-ejdtnjqyft] {
            @apply absolute z-10;
            top: 1.55rem;
            left: 5rem;
            background-image: url("../Images/quote-mobile.svg");

            @mixin r-laptop {
                background-image: url("../Images/quote.svg");
                top: 1px;
                left: 4rem;
            }
        }

        &__mark:last-child[b-ejdtnjqyft] {
            @apply absolute z-10;
            background-image: url("../Images/quote-down-mobile.svg");
            bottom: 3.57rem;
            right: 5rem;

            @mixin r-laptop {
                background-image: url("../Images/quote-down.svg");
                bottom: 7.1rem;
                right: 4rem;
            }
        }

    &__signature[b-ejdtnjqyft] {
        @apply text-right mr-16 text-sm;
        padding-bottom: 0 !important;

        @mixin r-laptop {
            @apply text-ping-medium mr-0;
        }
    }
}
/* /PingUI/Components/RegisterDetailsForm.razor.rz.scp.css */
.ping-works-form input[aria-invalid="true"][b-2tj6wzrrtu],
.ping-works-form input[aria-invalid="true"]:focus[b-2tj6wzrrtu] {
    border-color: #c0392b;
    outline: none;
}

.field-error[b-2tj6wzrrtu] {
    display: block;
    color: #c0392b;
    font-size: 0.8em;
    font-weight: 600;
    margin-top: 0.35rem;
    margin-bottom: -0.65rem;
}
/* /PingUI/Components/Showcase.razor.rz.scp.css */
.showcase[b-fp2996b2nm] {
    &__container {
        @apply flex flex-wrap;
    }

    &__wrapper[b-fp2996b2nm] {
        @apply relative h-0 bg-white overflow-hidden;
        padding-top: 100%;

        @mixin r-medium {
            padding-top: 67.2%;
        }
    }

    &__title[b-fp2996b2nm] {
        @apply text-ping-yellow uppercase absolute z-50 text-ping-menu-mobile font-montserrat font-extrabold text-center;
        width: 80%;
        background: rgba(0, 0, 0, 0.7);
        padding: 5px 10px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        @mixin r-laptop {
            font-size: 2.6rem;
        }
    }

    &__item[b-fp2996b2nm] {
        flex: 100%;

        @mixin r-plus {
            flex: 0 0 50%;
        }

        @mixin r-desktop-large {
            flex: 0 0 33%;
        }

        img {
            @apply cursor-pointer absolute top-0 left-0 h-full w-full object-cover;
            filter: grayscale(1);
            -webkit-transition: filter 1s ease-out;
            -moz-transition: filter 1s ease-out;
            -o-transition: filter 1s ease-out;
            transition: filter 1s ease-out;

            &:hover {
                filter: grayscale(0);
            }

            @mixin r-plus {
                max-height: 48.4rem;
            }
        }
    }
}
/* /UI/Components/BlogAlsoLike.razor.rz.scp.css */

.blog-also-like[b-mfebknulnr] {
    --bg-opacity: 1;
    background-color: #f2f2f2;
    background-color: rgba(242, 242, 242, var(--bg-opacity));
    padding-top: 4rem;
    padding-bottom: 4rem;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase
}

@media only screen and (min-width:992px) {
    .blog-also-like[b-mfebknulnr] {
        font-size: 1.5rem;
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

.blog-also-like h3[b-mfebknulnr] {
    font-weight: 700
}

.blog-also-like__container[b-mfebknulnr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: 3.5rem
}

@media only screen and (min-width:992px) {
    .blog-also-like__container[b-mfebknulnr] {
        margin-top: 3rem
    }
}

.blog-also-like__item[b-mfebknulnr] {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 4rem;
    flex: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0
}

@media only screen and (min-width:992px) {
    .blog-also-like__item[b-mfebknulnr] {
        margin-bottom: 0;
        flex: 0 0 250px;
        max-width: 250px
    }
}

.blog-also-like__item img[b-mfebknulnr] {
    height: 250px;
    width: 100%;
    object-fit: contain;
    display: block
}

.blog-also-like__item h2[b-mfebknulnr] {
    --text-opacity: 1;
    color: #fdc131;
    color: rgba(253, 193, 49, var(--text-opacity));
    margin-top: .5rem;
    margin-bottom: 1rem
}

.blog-also-like__item:last-child[b-mfebknulnr] {
    margin-bottom: 0
}

.blog-also-like__item h3[b-mfebknulnr] {
    margin-top: auto
}

.blog-also-like__date[b-mfebknulnr] {
    font-size: 1.4rem;
    font-weight: 700
}
/* /UI/Components/BlogContentList.razor.rz.scp.css */
.blog-landing-page[b-xnsdretmvd] {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem
}

@media only screen and (min-width:992px) {
    .blog-landing-page[b-xnsdretmvd] {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 4rem
    }
}
/* /UI/Layouts/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-0nr6u4ze5m] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-0nr6u4ze5m] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /UI/Layouts/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0chjisk5y6],
.components-reconnect-repeated-attempt-visible[b-0chjisk5y6],
.components-reconnect-failed-visible[b-0chjisk5y6],
.components-pause-visible[b-0chjisk5y6],
.components-resume-failed-visible[b-0chjisk5y6],
.components-rejoining-animation[b-0chjisk5y6] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0chjisk5y6],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0chjisk5y6],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0chjisk5y6],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0chjisk5y6],
#components-reconnect-modal.components-reconnect-retrying[b-0chjisk5y6],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0chjisk5y6],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0chjisk5y6],
#components-reconnect-modal.components-reconnect-failed[b-0chjisk5y6],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0chjisk5y6] {
    display: block;
}


#components-reconnect-modal[b-0chjisk5y6] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0chjisk5y6 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0chjisk5y6 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0chjisk5y6 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0chjisk5y6]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0chjisk5y6 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0chjisk5y6 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

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

@keyframes components-reconnect-modal-fadeInOpacity-b-0chjisk5y6 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0chjisk5y6 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0chjisk5y6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0chjisk5y6] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0chjisk5y6] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0chjisk5y6] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0chjisk5y6] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0chjisk5y6] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0chjisk5y6] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0chjisk5y6 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0chjisk5y6] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0chjisk5y6 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /UI/Pages/SitecorePageInspector.razor.rz.scp.css */
[b-jizl1des5s] .input-path {
	border: 1px solid #666;
	width: 100%;
	padding: 2px;
}

div[b-jizl1des5s] { margin: 0.5rem }

.flex-row[b-jizl1des5s] {
	display: flex;
	flex-direction: row
}


.btn[b-jizl1des5s] {
	border-radius: 6px;
	border: 1px solid darkblue;
	background-color: deepskyblue;
	padding: 4px 12px;
	font-size: smaller;
}

.btn:hover[b-jizl1des5s] {
	background-color: dodgerblue;
}