/**
 Theme Name: Atrox AG
 Theme URI: https://www.atrox.ch
 Version: 1.0
 Description: 
 Template: wps
 Author: Michael Ligabue | Atrox AG
 Text Domain: cdt
*/

@font-face {
    font-family: "Open Sans";
    src: url(/wp-content/themes/cdt/assets/fonts/OpenSans-Regular.ttf);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src: url(/wp-content/themes/cdt/assets/fonts/OpenSans-SemiBold.ttf);
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src: url(/wp-content/themes/cdt/assets/fonts/OpenSans-ExtraBold.ttf);
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url(/wp-content/themes/cdt/assets/fonts/Raleway-Black.ttf);
    font-weight: 900;
    font-display: swap;
}

/* General */
html {
    --cdt-vw: 1vw;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    --cdt-content-width: 1920px;
    --cdt-header-height: 96px;
    --cdt-footer-height: 48px;
    line-height: 1.8;
    color: var(--black-color);
}

.cdt-animate {
    opacity: 0;
}

h1,
.has-large-font-size {
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    font-size: 96px;
    line-height: 1.08;
    margin: 0;
    color: var(--black-color);
}

h2,
.has-medium-font-size {
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.25;
    margin: 0;
    color: var(--black-color);
}

h3,
.has-x-large-font-size {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    line-height: 2.2;
}

.entry-content p.has-x-large-font-size {
    margin-bottom: 8px;
}

.has-x-large-font-size {
    font-size: 1em !important;
}

.has-medium-font-size {
    font-size: 32px !important;
}

.has-small-font-size {
    font-size: 14px !important;
}

.has-large-font-size {
    font-size: 96px !important;
}

.entry-content p a {
    color: inherit;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.4s ease-in-out;
}

.entry-content p>a:hover {
    color: var(--primary-color);
}

a[href^="tel:"] {
    white-space: nowrap;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/*  */
.site-header {
    display: grid;
    width: 100%;
    padding: 0 calc((100% + 32px - var(--cdt-content-width)) / 2);
    grid-template-columns: repeat(12, 1fr);
    gap: 32px;
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: var(--white-transparent-color);
}

.site-header>.column-3,
.site-header>.column-4 {
    display: none;
}

.site-header>.column-2 {
    grid-column: 12 / span 1;
}

.site-header>.column-2 ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-header>.column-2 ul a {
    display: flex;
    position: relative;
    box-sizing: border-box;
    height: var(--cdt-header-height);
    align-items: flex-end;
    justify-content: center;
    background-color: var(--black-color);
    padding-bottom: 24px;
    color: var(--white-color);
    text-decoration: none;
    transition: background-color 0.4s ease-in-out;
    border-radius: 0 0 2px 2px;
}

.site-header>.column-2 ul li a:hover {
    background-color: var(--primary-color);
}

/* Main menu */
@media screen and (min-width: 1280px) {
    .site-header>.column-1 {
        grid-column: 2 / span 8;
    }

    .site-header>.column-1,
    .site-header>.column-1>.nav-menu,
    .site-header>.column-1>.nav-menu>nav {
        position: static;
    }

    .site-header .nav-menu-header {
        display: none;
    }

    .site-header .menu {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 32px;
        padding: 0;
        list-style: none;
        margin: 0;
    }

    .site-header .menu>.menu-item {
        display: flex;
        box-sizing: border-box;
        grid-column: auto / span 2;
        padding: 0 0 24px;
        height: var(--cdt-header-height);
        gap: 24px;
        align-items: center;
        align-items: flex-end;
    }

    .site-header .menu>.menu-item>a {
        line-height: 1.4;
        color: var(--black-color);
        text-decoration: none;
        text-transform: uppercase;
        font-size: 20px;
        letter-spacing: 2.4px;
        font-weight: 600;
        transition: color 0.4s ease-in-out;
    }

    .site-header .menu>.menu-item:hover>a {
        color: var(--white-color);
    }

    .site-header .menu>.menu-item>a:after {
        display: block;
        position: absolute;
        box-sizing: border-box;
        content: "";
        top: 0;
        margin-left: -32px;
        height: 100%;
        width: 320px;
        background-color: var(--black-color);
        z-index: -1;
        transform-origin: left bottom;
        transition: transform 0.4s ease-in-out;
    }

    .site-header .menu>.menu-item>a:before {
        display: block;
        position: absolute;
        content: "";
        bottom: 16px;
        height: 4px;
        width: 32px;
        background-color: var(--black-color);
        transition:
            width 0.4s ease-in-out,
            background-color 0.4s ease-in-out;
    }

    .site-header .menu>.menu-item:hover>a:before {
        background-color: var(--white-color);
    }

    .site-header .menu>.menu-item:not(.current-menu-item):not(.current-menu-ancestor)>a:not(:hover):before {
        width: 0;
    }

    .site-header .menu>.menu-item:not(:hover)>a:after {
        transform: scaleY(0);
    }

    .site-header .menu>.menu-item-has-children:after {
        display: inline-block;
        content: "";
        width: 16px;
        height: 10px;
        margin-bottom: 8px;
        background-image: url(/wp-content/themes/cdt/assets/svg/arrow-down-small.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        transition: filter 0.4s ease-in-out;
    }

    .site-header .menu>.menu-item-has-children:hover:after {
        filter: invert(1);
    }

    .site-header .menu>.menu-item-has-children:before {
        position: absolute;
        content: "";
        height: 320px;
        width: 100%;
        top: 100%;
        left: 0;
        background-color: var(--black-color);
        transition: height 0.4s ease-in-out;
    }

    .site-header .menu>.menu-item-has-children:not(:hover):before {
        height: 0;
        transition: height 0.4s ease-in-out 0.4s;
    }

    .site-header .menu>.menu-item-has-children>.sub-menu {
        position: absolute;
        top: 100%;
        padding: 64px 0 0;
        margin: 0;
        list-style: none;
        z-index: 10;
        transition:
            opacity 0.4s ease-in-out 0.4s,
            transform 0.4s step-start;
    }

    .site-header .menu>.menu-item-has-children:not(:hover)>.sub-menu {
        transform: scaleY(0);
        opacity: 0;
        transition:
            opacity 0.4s ease-in-out,
            transform 0.4s step-end;
    }

    .site-header .menu>.menu-item-has-children>.sub-menu>.menu-item>a {
        color: var(--white-color);
        text-decoration: none;
        transition: padding 0.4s ease-in-out;
    }

    .site-header .menu>.menu-item-has-children>.sub-menu>.menu-item:not(.current-menu-item)>a:hover {
        padding-left: 16px;
    }

    .site-header .menu>.menu-item-has-children>.sub-menu>.current-menu-item>a {
        color: var(--primary-color);
    }
}

/* Site-footer */
.site-footer {
    display: grid;
    position: fixed;
    width: 100%;
    height: var(--cdt-footer-height);
    padding: 0 calc((100% + 32px - var(--cdt-content-width)) / 2);
    grid-template-columns: repeat(12, 1fr);
    gap: 32px;
    bottom: 0;
    background-color: var(--black-color);
    color: var(--white-color);
    align-items: center;
    line-height: 1;
}

.site-footer a {
    color: inherit;
    text-decoration: none;
    transition: color 0.4s ease-in-out;
}

.site-footer p {
    margin: 0;
}

.site-footer a:hover,
.site-footer .current-menu-item a {
    color: var(--primary-color);
}

#site-footer-widget-area-1 {
    grid-column: 2 / span 1;
    text-transform: uppercase;
    letter-spacing: 2.4px;
}

#site-footer-widget-area-2 {
    display: flex;
    grid-column: 3 / span 3;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    gap: 32px;
}

#site-footer-widget-area-3 {
    grid-column: 7 / span 3;
}

#site-footer-widget-area-3 .menu {
    display: flex;
    gap: 32px;
    margin: 0;
    list-style: none;
    padding: 0;
}

#site-footer-widget-area-4 {
    grid-column: 11 / span 1;
}

#site-footer-widget-area-4 figure {
    margin: 0;
}

#site-footer-widget-area-5 {
    position: fixed;
    top: 192px;
    right: 16px;
    writing-mode: vertical-lr;
    transform: scale(-1, -1);
    font-size: 14px;
    color: var(--black-color);
    line-height: 1;
    font-weight: 600;
}

#site-footer-widget-area-5 a:hover {
    color: inherit;
}

/* Breadcrumbs */
.breadcrumbs {
    position: fixed;
    bottom: 96px;
    right: 16px;
    font-weight: 400;
    writing-mode: vertical-lr;
    transform: scale(-1, -1);
    font-size: 14px;
    z-index: 50;
    line-height: 1;
    font-weight: 600;
}

.breadcrumbs a {
    color: var(--black-color);
    text-decoration: none;
}

/* Main */
main {
    padding: var(--cdt-header-height) 0 0;
}

main>article {
    display: grid;
    width: 100%;
    padding: 64px calc((100% + 32px - var(--cdt-content-width)) / 2) 176px;
    grid-template-columns: repeat(12, 1fr);
    gap: 32px;
}

main>article>.entry-content,
main>article>.post-header {
    grid-column: 2 / span 10;
}

.post-edit-link {
    display: none;
}

/* Blocks */
.entry-content p {
    margin: 24px 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 32px;
}

.wp-block-columns {
    margin: 0;
}

.entry-content>.wp-block-columns:not(:first-child) {
    margin-top: 64px;
}

.wp-block-column>p:not(.cdt-keep-margin):first-child {
    margin-top: 0;
}

.wp-block-column>p.cdt-keep-margin {
    margin-top: 16px;
}

.wp-block-column>p:last-child {
    margin-bottom: 0;
}

:where(.is-layout-flex) {
    gap: 32px;
}

/*.entry-content .wp-block-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, 160px);
    grid-auto-flow: column;
    gap: 0;
}*/

.entry-content .wp-block-buttons {
    gap: 16px;
}

button.wp-block-button__link {
    border-radius: 0;
}

/*.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline .wp-block-button__link,
.cdt-web-portfolio__meta a,
.uacf7-prev,
.uacf7-next {
    position: relative;
    padding: 0 0 8px;
    border: none;
    border-bottom: 4px solid;
    line-height: 1;
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    font-size: 20px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}*/

.uacf7-step.step-content.step-start button.uacf7-next {
    float: right;
}

.uacf7-prev,
.uacf7-next {
    background-color: transparent;
    background-color: transparent;
    border: none;
    font-size: inherit;
    color: inherit;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.4s ease-in-out;
    cursor: pointer;
}

.uacf7-prev:hover,
.uacf7-next:hover {
    color: var(--primary-color);
}

.wp-block-button__link,
.cdt-web-portfolio__meta a {
    position: relative;
    padding: 16px 32px;
    border: none;
    line-height: 1;
    font-weight: 800;
    font-size: 16px;
    margin-top: 4px;
    transition: transform 0.2s ease-in-out;
    border-radius: 2px !important;
}

.wp-block-button__link:hover,
.cdt-web-portfolio__meta a:hover {
    transform: translateY(-8px);
}

.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline .wp-block-button__link,
.cdt-web-portfolio__meta a {
    cursor: pointer;
    background-color: var(--black-color) !important;
    color: var(--white-color) !important;
}

.cdt-web-portfolio__meta a {
    cursor: pointer;
    background-color: var(--light-color) !important;
    color: var(--black-color) !important;
}

/*.wp-block-button .wp-block-button__link.is-style-outline:before,
.wp-block-button.is-style-outline .wp-block-button__link:before,
.cdt-web-portfolio__meta a:before,
.uacf7-prev:before,
.uacf7-next:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: var(--black-color);
    z-index: -1;
    transition: height 0.2s ease-in-out;
}

.wp-block-button .wp-block-button__link.is-style-outline:not(:hover):before,
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):before,
.cdt-web-portfolio__meta a:not(:hover):before,
.uacf7-prev:not(:hover):before,
.uacf7-next:not(:hover):before {
    height: 0;
}*/

/*
.wp-block-button .wp-block-button__link.is-style-outline:not(:hover):before,
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):before,
.cdt-web-portfolio__meta a:not(:hover):before {
    opacity: 0;
}*/

.wp-block-column>figure {
    margin: 40px 128px 0 160px;
}

:where(.wp-block-group.has-background) {
    padding: 0;
}

:where(.wp-block-group.has-background) .wp-block-group__inner-container {
    padding: 160px 32px;
}

:where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container {
    width: 100%;
    padding: 160px calc((100% + 32px - var(--cdt-content-width)) / 2);
}

:where(.wp-block-group.has-background) .wp-block-group__inner-container>.wp-block-columns {
    padding: 0 160px 0 128px;
}

:where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container>.wp-block-columns {
    padding: 0 160px;
}

:where(.wp-block-group.has-background) .wp-block-group__inner-container>.wp-block-columns figure {
    margin: 12px 0 0 0;
}

.entry-content>.wp-block-spacer+.wp-block-columns {
    margin-top: 0;
}

.entry-content> :where(.wp-block-group.has-background).alignfull:last-child .wp-block-group__inner-container {
    margin-bottom: -128px;
}

.wp-block-column>.wp-block-group>.wp-block-group__inner-container>p:last-child {
    margin-bottom: 0;
}

.entry-content .alignfull {
    width: calc(100 * var(--cdt-vw));
    margin-left: calc(-50 * var(--cdt-vw));
}

.wp-block-group.is-vertical {
    min-height: calc(100vh - var(--cdt-header-height) - var(--cdt-footer-height) - 64px);
    justify-content: center;
    margin-top: -32px;
    padding-bottom: 128px;
}

/* Grid Lining */
:where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container>.wp-block-columns:before,
:where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container>.wp-block-columns:after {
    display: block;
    position: absolute;
    content: "";
    width: 4px;
    background-color: var(--primary-color);
}

:where(.wp-block-group.has-black-background-color) {
    border-radius: 2px;
}

:where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container>.wp-block-columns:before {
    height: 32px;
    left: 130px;
    top: -160px;
}

:where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container>.wp-block-columns:after {
    right: 94px;
    height: 256px;
    bottom: -160px;
}

.cdt-has-right-line:after {
    display: block;
    position: absolute;
    content: "";
    right: -34px;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: var(--dark-color);
    transition: all 1s ease-in-out;
}

.cdt-has-right-line:not(.cdt-has-right-line__active):after {
    height: 0;
    top: 50%;
    opacity: 0;
}

/* Lists */
.entry-content ul {
    list-style-type: none;
    padding: 0;
}

.entry-content ul li {
    padding: 0 0 0 16px;
}

.entry-content ul li:before {
    content: "-";
    text-indent: -16px;
    margin-left: -16px;
    margin-right: 12px;
}

/* Employees */
.cdt-employees-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 128px 32px;
    padding-right: 160px;
    margin: 96px 0 64px;
}

.cdt-employee-header>* {
    opacity: 0;
}

.cdt-employee-image img {
    display: block;
}

.cdt-employee-image {
    margin-bottom: 32px;
}

.cdt-employee-func,
.cdt-employee-contacts {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.cdt-employee a {
    color: var(--black-color);
    font-weight: 800;
    text-decoration: none;
}

/* Single Employee */

.type-cdt-employee>.post-header {
    grid-column: 2 / span 3;
}

.type-cdt-employee>.entry-content {
    display: none;
}

.type-cdt-employee img {
    display: block;
    width: 100%;
    height: auto;
}

.cdt-vcard__portrait {
    margin-bottom: 32px;
}

.type-cdt-employee>.post-footer {
    grid-column: 7 / span 2;
}

.type-cdt-employee>.post-footer::before {
    display: block;
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    top: 0;
    left: -162px;
    background-color: var(--black-color);
}

.cdt-employee-address-location {
    margin-bottom: 32px;
}

.cdt-employee-address-company {
    font-weight: 800;
}

.cdt-employee-address-logo img {
    margin-top: 64px;
    height: auto;
}

.cdt-vcard__func>span {
    display: block;
}

.cdt-vcard__fullname {
    margin-bottom: 24px;
}

/* Logo List */
.cdt-logos-archive {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 0 160px;
    gap: 32px;
}

.cdt-logo-single {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 48px;
    height: 192px;
    background-color: var(--white-color);
}

.cdt-logo-single a {
    color: transparent;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cdt-logo-single img {
    filter: grayscale(1);
    transition: filter 0.4s ease-in-out;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.cdt-logo-single:hover img {
    filter: none;
}

/* Web Portfolio */
.cdt-web-portfolio {
    display: flex;
    flex-direction: column;
    gap: 128px;
}

.cdt-web-portfolio__item {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(10, 1fr);
}

.cdt-web-portfolio__thumbnail,
.cdt-web-portfolio__meta,
.cdt-web-portfolio__details>div {
    opacity: 0;
}

.cdt-web-portfolio__thumbnail {
    grid-column: 1 / span 5;
}

.cdt-web-portfolio__content {
    grid-column: 7 / span 4;
}

.cdt-web-portfolio__meta h2 {
    margin: 0 0 32px;
}

.cdt-web-portfolio__meta a {
    color: var(--black-color);
    text-decoration: none;
}

.cdt-web-portfolio__details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin: 64px 0 0;
}

.cdt-web-portfolio__details span,
.cdt-web-portfolio__details a {
    font-weight: 800;
    color: var(--black-color);
    text-decoration: none;
}

/* Forms */
.wpcf7 .wp-block-columns {
    gap: 32px;
}

label {
    cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin: 8px 0 32px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--grey-color);
    border-radius: 2px;
    outline: none;
    padding: 0 16px;
    transition: all 0.4s ease-in-out;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: var(--black-color);
}

textarea {
    height: 128px;
    resize: vertical;
    padding: 16px;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+span:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    content: "\2713";
    width: 24px;
    height: 24px;
    font-weight: 900;
    font-size: 12px;
    border: 2px solid var(--black-color);
    line-height: 0;
    padding: 1px 0 0;
    transition: color 0.4s ease-in-out;
    margin-right: 16px;
    vertical-align: middle;
    margin-top: -3px;
}

input[type="checkbox"]:not(:checked)+span:before {
    color: transparent;
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-list-item a {
    color: inherit;
    font-weight: 800;
    text-decoration: none;
}

.wpcf7-not-valid-tip {
    margin: -31px 0 8px;
}

.steps-form {
    margin-bottom: 64px;
}

.wpcf7 .wp-block-buttons {
    margin-top: 32px;
}

.wpcf7-checkbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 32px;
}

.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle {
    box-sizing: border-box;
}

/* Backgrounds */
.cdt-background {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    z-index: -1;
    pointer-events: none;
}

.cdt-background-circuit-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-image: url(/wp-content/themes/cdt/assets/svg/circuit-1920-1080.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    mask-image: url(/wp-content/themes/cdt/assets/svg/radial-mask.svg);
    -webkit-mask-image: url(/wp-content/themes/cdt/assets/svg/radial-mask.svg);
    mask-repeat: no-repeat;
    mask-origin: 0 0;
    mask-size: 1080px 1080px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-origin: 0 0;
    -webkit-mask-size: 1080px 1080px;
    transition: opacity 0.3s ease-in-out;
}

/* Post Archive */
.main-wrapper.post-list {
    display: grid;
    padding: 0 calc((100% + 32px - var(--cdt-content-width)) / 2);
    grid-template-columns: repeat(12, 1fr);
    gap: 32px 32px;
    background-color: var(--grey-color);
}

.archive-header {
    margin: 64px 0 64px;
}

.archive-header,
.pagination {
    grid-column: 2 / span 10;
}

.main-wrapper.post-list>article:nth-of-type(3n-2) {
    grid-column: 2 / span 3;
}

.main-wrapper.post-list>article:nth-of-type(3n-1) {
    grid-column: 5 / span 3;
}

.main-wrapper.post-list>article:nth-of-type(3n) {
    grid-column: 8 / span 3;
}

.main-wrapper.post-list>article {
    background-color: var(--white-color);
    padding: 48px 64px;
    border-radius: 2px;
}

.main-wrapper.post-list .post-title a {
    text-decoration: none;
}

.main-wrapper.post-list .post-title a h2 {
    font-size: 32px;
    transition: color .4s ease-in-out;
}

.main-wrapper.post-list .post-title a:hover h2 {
    color: var(--primary-color);
}

.post-meta {
    display: grid;
    grid-template-areas:
        "date author"
        "categories categories";
    gap: 8px 16px;
    grid-template-columns: max-content auto;
    margin: 16px 0 0;
    font-size: 14px;
}

.post-meta a {
    color: inherit;
    text-decoration: none;
    transition: color .4s ease-in-out;
}

.post-meta a:hover {
    color: var(--primary-color);
}

.post-meta a[rel="author"] {
    grid-area: author;
}

.post-meta .post-date {
    grid-area: date;
    font-weight: 800;
}

.post-meta .post-categories {
    display: flex;
    grid-area: categories;
    gap: 8px;
    margin: 0;
    list-style: none;
    padding: 0;
}

.post-meta .post-categories>li {
    padding: 4px 8px;
    border-radius: 4px;
    background-color: var(--light-color);
    line-height: 1;
}

.pagination-found-posts {
    display: none;
}

.pagination-pagination {
    margin: 0 0 96px;
}

.pagination-pagination ul {
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination-pagination ul a {
    color: inherit;
    font-weight: 800;
    text-decoration: none;
}


/* Responsive 1919px */
@media screen and (max-width: 1700px) {
    body {
        --cdt-content-width: 1280px;
        --cdt-header-height: 64px;
        --cdt-footer-height: 48px;
        font-size: 12px;
    }

    /* Fonts */
    h1,
    .has-large-font-size {
        font-size: 48px !important;
    }

    h2,
    .has-medium-font-size {
        font-size: 32px !important;
    }

    h3,
    .has-x-large-font-size {
        font-size: 13px !important;
    }

    .entry-content p {
        margin: 12px 0;
    }

    /* Header */
    .site-header>.column-2 {
        grid-column: 11 / span 2;
    }

    .site-header>.column-2 ul a {
        font-size: 14px;
        padding-bottom: 16px;
    }

    /* Navigation */
    .site-header .menu>.menu-item>a {
        font-size: 16px;
    }

    .site-header .menu>.menu-item {
        padding: 0 0 16px;
    }

    .site-header .menu>.menu-item>a::after {
        width: 213px;
    }

    .site-header .menu>.menu-item>a::before {
        bottom: 8px;
    }

    .site-header .menu>.menu-item-has-children>.sub-menu>.menu-item>a {
        font-size: 14px;
    }

    /* Footer */
    .site-footer {
        font-size: 14px;
    }

    #site-footer-widget-area-1 {
        grid-column: 2 / span 2;
    }

    #site-footer-widget-area-2 {
        grid-column: 4 / span 2;
    }

    #site-footer-widget-area-2 .widget:last-child {
        display: none;
    }

    #site-footer-widget-area-5 {
        font-size: 12px;
        font-weight: 400;
    }

    /* Breadcrumbs */
    .breadcrumbs {
        font-size: 12px;
        font-weight: 400;
    }

    /* Blocks */
    :where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container {
        padding: 96px calc((100% + 32px - var(--cdt-content-width)) / 2);
    }

    .wp-block-spacer[style="height:256px"] {
        height: 128px !important;
    }

    .wp-block-button__link,
    .cdt-web-portfolio__meta a,
    .uacf7-prev,
    .uacf7-next {
        font-size: 13px;
        padding: 12px 18px;
    }

    .wp-block-group.is-vertical {
        padding-bottom: 64px;
    }

    .wp-block-column[style="flex-basis:128px"] {
        flex-basis: 74px !important;
    }

    .wp-block-column[style="flex-basis:288px"] {
        flex-basis: 180px !important;
    }

    .wp-block-column[style="flex-basis:608px"] {
        flex-basis: 396px !important;
    }

    .wp-block-column[style="flex-basis:640px"] {
        flex-basis: 424px !important;
    }

    .wp-block-column[style="flex-basis:416px"] {
        flex-basis: 254px !important;
    }

    :where(.wp-block-group.has-background) .wp-block-group__inner-container {
        padding: 128px 32px;
    }

    :where(.wp-block-group.has-background) .wp-block-group__inner-container>.wp-block-columns {
        padding: 0 74px 0 74px;
    }

    :where(.wp-block-group.has-background) .wp-block-group__inner-container>.wp-block-columns .wp-block-image img {
        width: 286px;
        height: auto;
    }

    :where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container>.wp-block-columns::before {
        left: 72px;
        top: -128px;
    }

    :where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container>.wp-block-columns::after {
        right: 41px;
        bottom: -128px;
    }

    :where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container>.wp-block-columns {
        padding: 0 106px;
    }

    .wp-block-column>figure {
        margin: 16px 74px 0 106px;
    }

    /* Partner */
    .cdt-logos-archive {
        padding: 0 106px;
    }

    .cdt-logo-single {
        padding: 16px 24px;
        height: 128px;
    }

    /* Forms */
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    textarea {
        height: 40px;
        font-size: 12px;
        margin: 4px 0 16px;
    }

    textarea {
        height: 128px;
    }

    .wpcf7-checkbox {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Team */
    .cdt-employees-list {
        margin: 106px 0 32px;
        padding-right: 106px;
        grid-gap: 64px 32px;
    }

    .cdt-employee-image img {
        width: 100%;
        height: auto;
    }

    /* VCard */
    .type-cdt-employee>.post-footer::before {
        left: -108px;
    }
}

/* Responsive 1279px */
@media screen and (max-width: 1279px) {
    body {
        --cdt-content-width: 736px;
        --cdt-header-height: 48px;
        --cdt-footer-height: 48px;
    }

    /* Fonts */
    h1,
    .has-large-font-size {
        font-size: 32px !important;
    }

    h2,
    .has-medium-font-size {
        font-size: 24px !important;
    }

    h3,
    .has-x-large-font-size {
        font-size: 14px !important;
    }

    .entry-content p {
        margin: 16px 0;
    }

    /* Site Header */
    .site-header {
        display: flex;
        justify-content: flex-end;
    }

    .site-header>.column-2 {
        display: none;
    }

    /* Navigation */
    .nav-menu nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: fixed;
        height: calc(100vh - var(--cdt-footer-height));
        right: 0;
        width: 100%;
        top: 0;
        background-color: var(--black-color);
        transition: all 0.4s ease-in-out;
        transform-origin: top center;
        overflow: auto;
    }

    .nav-menu:not(.nav-menu-active) nav {
        transform: scaleY(0);
        top: var(--cdt-header-height);
        padding-top: var(--cdt-header-height);
        transition: all 0.4s ease-in-out 0.4s;
    }

    .nav-menu .nav-menu-header {
        z-index: 10;
    }

    .nav-menu-icon {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: var(--cdt-header-height);
        background-color: var(--black-color);
        padding: 16px;
        border: none;
        border-radius: 0;
        cursor: pointer;
    }

    .nav-menu-icon:before {
        content: "";
    }

    .nav-menu-icon-component,
    .nav-menu-icon:before {
        display: block;
        height: 2px;
        width: 32px;
        background-color: var(--white-color);
        transition: all 0.4s ease-in-out;
    }

    .nav-menu-active .nav-menu-icon:before {
        transform: translateY(7px) rotateZ(-45deg);
    }

    .nav-menu-active .nav-menu-icon-component:first-child {
        transform: scaleX(0);
        opacity: 0;
    }

    .nav-menu-active .nav-menu-icon-component:last-child {
        transform: translateY(-7px) rotateZ(45deg);
    }

    .nav-menu-icon .wps-svg {
        display: none;
    }

    .nav-menu .menu {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        gap: 30px;
        padding: 128px 16px 64px;
        width: 393px;
        max-width: 100%;
        list-style: none;
        margin: 0;
        line-height: 1;
        transition: all 0.4s ease-in-out 0.4s;
    }

    .nav-menu:not(.nav-menu-active) .menu {
        opacity: 0;
        transform: translateY(-32px);
        transition: all 0.4s ease-in-out;
    }

    .nav-menu .menu>.menu-item>a {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--white-color);
        text-decoration: none;
        letter-spacing: 1.5px;
        grid-area: link;
    }

    .nav-menu .menu>.menu-item-has-children {
        display: grid;
        grid-template-areas:
            "link toggler"
            "submenu submenu";
        grid-template-columns: auto 64px;
    }

    .nav-menu .menu>.menu-item-has-children:after {
        display: block;
        position: relative;
        content: "";
        grid-area: toggler;
        background-image: url(/wp-content/themes/cdt/assets/svg/arrow-down-small.svg);
        filter: invert(1);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 16px auto;
        cursor: pointer;
    }

    .nav-menu .menu>.menu-item>.sub-menu {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 32px 0 32px;
        list-style: none;
        gap: 16px;
        grid-area: submenu;
    }

    .nav-menu .menu>.menu-item:not(.menu-item-has-children-active)>.sub-menu {
        display: none;
    }

    .nav-menu .menu>.menu-item>.sub-menu>.menu-item>a {
        color: var(--white-color);
        text-decoration: none;
    }

    /*Site Footer*/
    .site-footer {
        z-index: 150;
    }

    #site-footer-widget-area-1 {
        grid-column: 1 / span 2;
    }

    #site-footer-widget-area-2 {
        display: none;
    }

    #site-footer-widget-area-3 {
        grid-column: 3 / span 8;
    }

    #site-footer-widget-area-3 .menu {
        justify-content: center;
    }

    #site-footer-widget-area-4 {
        position: fixed;
        top: 8px;
        grid-column: 1 / span 1;
    }

    #site-footer-widget-area-5 {
        top: auto;
        bottom: calc(var(--cdt-footer-height) + 32px);
        right: 8px;
    }

    .has-active-nav-menu #site-footer-widget-area-5 {
        color: var(--white-color);
    }

    /* Blocks */
    .breadcrumbs {
        display: none;
    }

    body .is-layout-flex:not(.wp-block-buttons) {
        display: block;
    }

    .wp-block-column {
        width: 100%;
    }

    .wp-block-column:not(:last-child) {
        margin-bottom: 32px;
    }

    .wp-block-column:empty {
        display: none;
    }

    .cdt-has-right-line::after {
        display: none;
    }

    .wp-block-column>figure {
        margin: 0 0 32px;
        text-align: center;
    }

    .wp-block-column>figure img {
        height: 128px;
    }

    .wp-block-group.is-vertical {
        min-height: 0;
    }

    .wp-block-spacer[style="height:256px"],
    .wp-block-spacer[style="height:128px"] {
        height: 32px !important;
    }

    .wp-block-spacer[style="height:64px"],
    .wp-block-spacer[style="height:24px"],
    .wp-block-spacer[style="height:112px"] {
        height: 0 !important;
    }

    .entry-content>.wp-block-columns:not(:first-child) {
        margin-top: 32px;
    }

    .wp-block-spacer[style="height:56px"],
    .wp-block-spacer[style="height:32px"],
    .wp-block-spacer[style="height:84px"] {
        height: 16px !important;
    }

    .cdt-animate,
    .cdt-employee-header>*,
    .cdt-employee-vcard,
    .cdt-logo-single,
    .cdt-web-portfolio__thumbnail,
    .cdt-web-portfolio__meta,
    .cdt-web-portfolio__details>div {
        opacity: 1 !important;
        transform: none !important;
    }

    .entry-content>.wp-block-group:not(.alignfull):not(.is-vertical) {
        width: calc(var(--cdt-content-width) - 32px);
        left: calc(50% - ((var(--cdt-content-width) - 32px) / 2));
    }

    :where(.wp-block-group.has-background) .wp-block-group__inner-container {
        padding: 48px 0;
    }

    :where(.wp-block-group.has-background) .wp-block-group__inner-container>.wp-block-columns,
    :where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container>.wp-block-columns {
        padding: 0 64px;
    }

    :where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container>.wp-block-columns::before,
    :where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container>.wp-block-columns::after {
        display: none;
    }

    :where(.wp-block-group.has-black-background-color) .wp-block-group__inner-container .wp-block-column>figure {
        text-align: left;
    }

    /* Team */
    .cdt-employees-list {
        grid-template-columns: repeat(2, 1fr);
        padding-right: 0;
    }

    /* Partner */
    .cdt-logos-archive {
        padding: 0 64px;
        grid-template-columns: repeat(4, 1fr);
    }

    .cdt-logo-single {
        height: 96px;
    }

    /* References */
    .cdt-web-portfolio {
        gap: 64px;
    }

    .cdt-web-portfolio__thumbnail,
    .cdt-web-portfolio__content {
        grid-column: 1 / span 10;
    }

    /* Team */
    .cdt-employees-list {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 64px;
    }

    /* VCards */
    .type-cdt-employee>.post-header {
        grid-column: 1 / span 6;
    }

    .type-cdt-employee>.post-footer {
        grid-column: 8 / span 5;
    }

    .type-cdt-employee>.post-footer::before {
        left: -64px;
    }

    /* Forms */
    .wpcf7-form .wp-block-column:not(:last-child) {
        margin-bottom: 8px;
    }
}

/* Responsive 767px */
@media screen and (max-width: 767px) {
    body {
        --cdt-content-width: 393px;
    }

    /*Content*/
    main>article {
        grid-template-columns: repeat(4, 1fr);
        padding-top: 16px;
        padding-bottom: 126px;
    }

    main>article>.entry-content,
    main>article>.post-header {
        grid-column: 1 / span 4;
    }

    /* Header */

    /*Footer*/
    .site-footer {
        grid-template-columns: repeat(4, 1fr);
    }

    #site-footer-widget-area-1 {
        display: none;
    }

    #site-footer-widget-area-3 {
        grid-column: 1 / span 4;
    }

    /* Blocks */
    :where(.wp-block-group.has-background) .wp-block-group__inner-container>.wp-block-columns,
    :where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container>.wp-block-columns {
        padding: 0;
    }

    :where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container {
        padding: 96px 32px;
    }

    .entry-content>.wp-block-group:not(.alignfull):not(.is-vertical) {
        width: calc(var(--cdt-vw) * 100);
        left: calc(50% - (var(--cdt-vw) * 50));
    }

    .entry-content>.wp-block-group:not(.alignfull):not(.is-vertical) .wp-block-group__inner-container,
    :where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container {
        width: var(--cdt-content-width);
        padding: 48px 16px;
    }

    /* Partners */
    .cdt-logos-archive {
        padding: 0;
        grid-template-columns: repeat(2, 1fr);
    }

    /* References */
    .cdt-web-portfolio__details {
        grid-template-columns: repeat(1, 1fr);
        margin: 32px 0 0;
    }

    /* VCards */
    .type-cdt-employee>.post-header {
        grid-column: 1 / span 4;
    }

    .type-cdt-employee>.post-footer {
        grid-column: 1 / span 4;
    }

    .type-cdt-employee>.post-footer::before {
        display: none;
    }

    .cdt-employee-address-logo img {
        width: 128px;
        max-width: 100%;
        margin-top: 32px;
    }

    /* Forms */
    .wpcf7-checkbox {
        grid-template-columns: repeat(1, 1fr);
    }

    .progressbar-style-1.steps-form .steps-row {
        flex-direction: column;
    }

    .progressbar-style-1.steps-form .steps-row .steps-step {
        display: block;
        width: 100%;
    }

    .entry-content .wpcf7-form p.has-x-large-font-size,
    .entry-content .wpcf7-form label.has-x-large-font-size {
        text-transform: none;
        line-height: inherit;
        letter-spacing: 0px;
    }

    .wpcf7-form .wp-block-column:not(:last-child) {
        margin-bottom: 0;
    }

    .wpcf7 .wp-block-columns {
        gap: 0;
    }
}

/* Responsive 457px */
@media screen and (max-width: 457px) {
    body {
        --cdt-content-width: 100%;
    }

    .site-header,
    .site-footer {
        padding: 0 32px;
    }

    main>article {
        padding: 16px 32px 126px;
    }

    /* Navigation */
    .nav-menu .menu {
        padding: 128px 32px 64px;
    }

    /* Footer */
    #site-footer-widget-area-3 .menu {
        justify-content: space-between;
        gap: 0;
    }

    /* Blocks */
    .entry-content>.wp-block-group:not(.alignfull):not(.is-vertical) {
        width: calc(var(--cdt-vw) * 100);
        left: calc(50% - (var(--cdt-vw) * 50));
    }

    .entry-content>.wp-block-group:not(.alignfull):not(.is-vertical) .wp-block-group__inner-container,
    :where(.wp-block-group.has-background).alignfull .wp-block-group__inner-container {
        width: var(--cdt-content-width);
        padding: 48px 32px;
    }
}