:root {
    --narrow: 825px;
    --wideWidth: 1199px;
    --widestWidth: 1600px;
}


/** align **/
.is-style-default,
.wp-block-columns:not(.alignwide):not(.alignfull) {
    width: 100%;
    max-width: var(--narrow);
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 600px) and (max-width: 1279px) {
    .is-style-default {
        max-width: 95%;
    }
}

.alignwide {
    width: 100%;
    max-width: var(--wideWidth);
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-image.aligncenter {
    margin-left: auto!important;
    margin-right: auto!important;
    justify-content: center;
    text-align: center;
}


/** align **/
.wp-block-columns:not(.alignwide):not(.alignfull) {
    width: 100%;
    max-width: var(--narrow);
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 600px) and (max-width: 1279px) {
    .is-style-default {
        max-width: 95%;

    }
}

.wp-block-cover.alignfull {
    min-width: 100%;
}

/** buttons **/
.is-style-police-soft-blue a {
    font-family: var(--wp--preset--font-family-roboto-condensed);
    font-size: calc(var(--wp--preset--font-size--small) + 2px);
    letter-spacing: 1px;
    padding: 0.5rem 1rem;
    font-weight: 700;
    transition: 0.25s ease;
}

/** shield Top on Cover **/
.is-style-shield-top {
    flex-direction: column;
    min-height: 700px;
}
.is-style-shield-top:before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-image: url(../assets/svgs/shieldTop.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}
.is-style-top-right-img-abs:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 100%;
    width: 500px;
    height: 700px;
    background-image: url(../assets/imgs/star.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    pointer-events: none;
    transform: translateX(-100%);
}

/** z-index **/
.z1.is-style-z2 {
    z-index: 2;
}

/** separator **/
.is-style-fwide-line {
    padding: 4px;
}

/** below Shield About **/
.is-style-below-shield {
    position: relative!important;
    z-index: 0;
}
.is-style-below-shield:before {
    content: '';
    display: flex;
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../assets/imgs/AboutBottom3.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
}
.is-style-below-shield .wp-block-cover__inner-container {
    margin-top: -11rem;
    z-index: 2!important;
}

.is-style-minus-12m {
    margin-top: -12rem!important;
}

/** images **/
.is-style-top-right-img-abs {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

/** spacer **/
body:not(.wp-core-ui) .is-style-fwide-line {
    margin: 0;
}
body.wp-core-ui .wp-block-spacer {
    background-color: rgba(0, 0, 0, 0.1);
}
body.wp-core-ui .wp-block-cover__inner-container .wp-block-spacer {
    background-color: rgba(0, 0, 0, 0.1);
}

/** tables **/
figure.wp-block-table:where(.is-style-pd-style, .is-style-pd-style-2, .is-style-pd-style-3) table {
    margin: 0;
}
figure.wp-block-table:where(.is-style-pd-style, .is-style-pd-style-2, .is-style-pd-style-3) + * {
    margin-top: 0;
}
figure.wp-block-table:where(.is-style-pd-style, .is-style-pd-style-2, .is-style-pd-style-3) {
    margin: 0;
}
html :where(.is-style-pd-style, .is-style-pd-style-2, .is-style-pd-style-3) tbody {
    display: flex;
    flex-direction: column;
}
html :where(.is-style-pd-style, .is-style-pd-style-2, .is-style-pd-style-3) tbody tr {
    display: flex;
    flex-direction: row;
    align-items: center;
}
html :where(.is-style-pd-style, .is-style-pd-style-2, .is-style-pd-style-3) tbody td {
    border: 0!important;
}
html :where(.is-style-pd-style) tbody tr td:first-child {
    font-family: var(--wp--preset--font-family--roboto-condensed);
    font-size: var(--wp--preset--font-size--large) !important;
    color: var(--wp--preset--color--blue-soft-1) !important;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
html :where(.is-style-pd-style) tbody tr td:not(:first-child){
    font-size: calc(var(--wp--preset--font-size--paragraph) + 2px) !important;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 0 1rem;
    padding: 0;
    width: 52%;
}

html :where(.is-style-pd-style-2) tbody tr td:not(:first-child) {
    font-family: var(--wp--preset--font-family--roboto-condensed);
    font-size: var(--wp--preset--font-size--large) !important;
    color: var(--wp--preset--color--blue-soft-1) !important;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
html :where(.is-style-pd-style-2) tbody tr td:nth-child(odd){
    color: white;
    font-size: calc(var(--wp--preset--font-size--paragraph) + 2px) !important;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 9px;
    padding: 0;
    width: auto;
}

html :where(.is-style-pd-style-3) tbody tr td:nth-child(odd) {
    font-family: var(--wp--preset--font-family--roboto-condensed);
    font-size: var(--wp--preset--font-size--large) !important;
    color: var(--wp--preset--color--blue-soft-1) !important;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
html :where(.is-style-pd-style-3) tbody tr td:not(:first-child){
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 0 1rem;
    padding: 0;
    width: auto;
}
html :where(.is-style-pd-style-3) tbody tr td:nth-child(odd):not(:first-child) {
    margin-left: 2.5rem;
}

@media (max-width: 1199px){
    .wp-block-columns.socials {
        flex-direction: column;
    }
}

/**typewriter **/
@media (min-width: 1300px){
    .typewriter, .is-style-typewriter {
        overflow: hidden;
        border-right: .05em solid orange;
        white-space: nowrap;
        margin: 0 auto;
        letter-spacing: .13em;
        animation:
                typing 3.25s steps(40, end),
                blink-caret .75s step-end infinite;
    }
    @keyframes typing {
        from { width: 0 }
        to { width: 100% }
    }

    @keyframes blink-caret {
        from, to { border-color: transparent }
        50% { border-color: orange; }
    }
}