/*
Theme Name: Twenty Twenty Child Theme
Theme URI: https://phoneiixx.com
Description: A child theme for Twenty Twenty.
Author: Your Name
Author URI: https://phoneiixx.com/
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

:is(h1,h2,h3,h4,h5,h6){
  font-family: "Playfair Display", serif;
}
:is(p,span,a,div){
  font-family: "Red Hat Display", sans-serif;
}
:root{
  --primary-color: #232323;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --heading-text: 58px;
  --spacing-40: 40px;
}
body:not(.overlay-header) .primary-menu .get_free_quote a {
    background: var(--primary-color);
    padding: 15px 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
}

.header-navigation-wrapper .primary-menu {
    align-items: center;
    color: var(--primary-color);
}

body:not(.overlay-header) .primary-menu > li:not(.get_free_quote) > a {
    color: var(--primary-color);
    font-family: "Red Hat Display", sans-serif;
    letter-spacing: 0.5px;
}

body:not(.overlay-header) .primary-menu li {
    font-family: "Red Hat Display", sans-serif;
    letter-spacing: 0.5px;
    font-size: var(--text-lg);
}
.primary-menu-wrapper + .header-toggles{
  display: none;
}

.section-inner.medium {
    display: none;
}
.container{
  max-width: 1366px;
  margin-inline: auto;
}
.section-inner {
    max-width: 1366px;
    margin-inline: auto;
}

/* ====================footer======================== */
.footer-top-header {
    text-align: center;
    font-size: 52px;
}

.footer-top-header h3 {
    font-size: 58px;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-top: 0;
}

.widget .widget-title {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull) {
    margin: 0;
}

.is-layout-flex > :is(*, div) {
    font-size: var(--text-lg);
}

.wrapper-column  {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
body .head-contact .wp-block-media-text:not(.alignwide):not(.alignfull) {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
}

.head-contact .wp-block-media-text__content {
    padding: 0;
}

.head-contact .wp-block-media-text__content p:not(:has(a)) {
    font-size: var(--text-lg);
    margin-bottom: 0;
}

.head-contact .wp-block-media-text__content p a {
    font-size: var(--text-lg);
    font-family: 'Playfair Display',sans-serif;
    font-weight: 500;
    color: var(--primary-color);
    margin-top: 0;
    padding-top: 0;
}

.head-contact {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid  var(--primary-color);
    padding: 0;
    margin-block: 30px;
}

.widget {
    margin-top: 0;
}

.head-contact .widget.widget_block {
    width: 100%;
    place-items: baseline;
    padding: 15px;
}
#site-footer a {
    text-decoration: none !important;
}
.head-contact .widget.widget_block:nth-of-type(2) {
    border-inline: 1px solid  var(--primary-color);
}

.wp-block-media-text__media img {
    height: 37px;
    object-fit: contain;
}

.widget-content .menu :is(li,a) {
    font-size: var(--text-lg);
    color: var(--primary-color);
    font-weight: 500;
}

.footer-bottom-inner .widget-content p {
    font-family: 'Red Hat Display';
    font-size: var(--text-lg);
    margin-bottom: 0;
    margin-top: 10px;
}

.footer-bottom-inner .wp-block-image:is(.size-full) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.footer-copyright {
    font-weight: 600;
}
#site-footer {
    padding-bottom: 160px;
}

#site-footer {
    background-image: url(http://phoeniixx.com/wp-content/uploads/2026/02/Phoeniixx.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 55%;
    background-color: #f0ede8;
}
.singular .entry-header {
    display: none;
}
.site-description {
    display: none;
}
/* ====================footer======================== */

/* =====================body========================= */
body.template-full-width  .entry-content #dslc-theme-content {
    width: 100% !important;
    max-width: 100%;
}
.entry-content h1, .entry-content h2, .entry-content h3{
    margin: auto;
}

.announcement-bar__scrolling-list {
    grid: auto / auto-flow max-content;
    justify-content: center;
    display: flex;
    overflow: hidden;
    grid-auto-columns: auto var(--spacing-40);
    margin-bottom: 0;
}

.elementor-element.elementor-element-d6fe437.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    background: linear-gradient(180deg, #FFFFFF 0%, #F0EDE8 45%);
}

.announcement-bar__scrolling-list p {
    margin-bottom: 0;
    padding: 0 60px;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 30px;
    font-size: 22px;
}

.announcement-bar__scrolling-list p:before {
    content: '*';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    place-content: center;
    place-items: center;
    text-align: center;
    font-size: 30px;
    color: #232323;
}
.swiper-slide-inner img {
    width: 100%;
    padding: 20px;
    padding-bottom: 0;
    background-image: url(/wp-content/uploads/2026/02/mobile-shape.png);
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.cm-trusted-center #gallery-2 {
    justify-content: center;
}

.cm-trusted-center .gallery .gallery-item {
    padding: 0 !important;
}

.cm-trusted-brands .elementor-image-gallery .gallery-item img {
    width: 100%;
    object-fit: contain;
    display: inline-block;
}

#site-content .cm-trusted-brands .gallery .gallery-item {
    margin: 0;
    padding: 20px;
    border: 1px solid #000;
    border-collapse: collapse;
    border-right: 0px;
}

#site-content .cm-trusted-brands .gallery .gallery-item {
    padding: 20px !important;
}


#site-content .cm-trusted-brands .gallery {
    margin: 0;
    display: flex;
    gap: 0;
}

#site-content .cm-trusted-brands.cm-trusted-center .gallery .gallery-item {
    border-bottom: 0px solid #000;
    border-right: 0px solid #000;
    border-top: 0px solid #000;
}

#site-content .cm-trusted-brands.cm-trusted-center .gallery .gallery-item:last-child {
    border-right: 1px solid #000;
}

#site-content .cm-trusted-brands .gallery .gallery-item:last-child {
    border-right: 1px solid  #000;
}
.cm-digitak-agency .cm-digitak--row {
    border: 1px solid #000;
    border-right: 0;
    padding: 80px 0;
}

.cm-digitak-agency .cm-digitak--row:nth-child(-n + 3) {
    border-bottom: 0;
}
#site-content .cm-padding-left {
    padding-left: 5%;
}
.cm-counter-row .elementor-counter-number-wrapper span {
    font-family: "Playfair Display", Sans-serif;
    color: #232323;
}

.cm-counter-grid .cm-counter-row {
    padding: 40px 60px;
    border: 1px solid #000;
}

.cm-counter-grid .cm-counter-row:nth-child(n) {
    border-right: 0;
    border-bottom: 0;
}
.cm-digitak-agency .cm-digitak--row:nth-of-type(1),.cm-digitak-agency .cm-digitak--row:nth-of-type(4) {
    border-left: 0;
}
.cm--marquee {
    padding: 10px 0;
    border-block: 1px solid #232323;
}
.cm-counter-grid .cm-counter-row:nth-of-type(5),.cm-counter-grid .cm-counter-row:nth-of-type(6) {
    border-bottom: 0px solid;
}
.cm-counter-grid .cm-counter-row:nth-of-type(1),.cm-counter-grid .cm-counter-row:nth-of-type(2) {
    border-top: 0;
}
.cm-journey-heading .elementor-heading-title span {
    width: 123px;
    height: 120px;
    background: #000;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    place-content: center;
    font-family: "Playfair Display", sans-serif;
}
#site-content .cm-get-touch .cm-get-title {
    grid-area: title;
}

#site-content .cm-get-touch {
    display: grid;
    grid-template-areas:
        'title para image button';
    align-items: center;
    padding: 30px 50px;
}

#site-content .cm-get-touch .cm-get-para {
    grid-area: para;
}

#site-content .cm-get-touch .cm-get-button {
    grid-area: button;
}

#site-content .cm-get-touch .cm-get-image {
    grid-area: image;
    place-content: center;
    place-items: center;
}
.cm-contact-from .wpcf7-form .cm-row-contact .cm-label {
    font-family: "Playfair Display", sans-serif;
    font-size: 26px;
    display: inline-block;
    padding-bottom: 5px;
}

.cm-contact-from .wpcf7-form .cm-row-contact input,.cm-contact-from .wpcf7-form .cm-row-contact textarea {
    border: 0;
    border-bottom: 1px solid #232323;
    padding-left: 0;
    font-size: 20px;
    background: transparent;
}

.cm-contact-from .wpcf7-form .cm-row-contact input,.cm-contact-from .wpcf7-form .cm-row-contact textarea {
    min-height: 50px;
    height: 50px;
    padding-bottom: 10px;
}

.cm-contact-from .wpcf7-form .cm-row-contact input::placeholder,
.cm-contact-from .wpcf7-form .cm-row-contact textarea::placeholder{
    color: hsl(0deg 0% 13.73% / 50%);
}

.cm-contact-from .wpcf7-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

.cm-contact-from .wpcf7-form .cm-row-contact p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.cm-contact-from .wpcf7-form .cm-row-contact p {
    width: 100%;
}

.cm-row-contact {
    display: flex;
    align-items: end;
}

.cm-row-contact:nth-of-type(3) {
    grid-column-start: span 2;
}

.cm-row-contact:nth-of-type(6) {
    grid-column-start: span 2;
}

.cm-contact-button input[type="submit"] {
    border: 1px solid #232323;
    color: #232323;
    border-radius: 100px;
    background-image: url(http://phoeniixx.com/wp-content/uploads/2026/02/arrows-black.png);
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 20px;
    background-color: #0000;
    padding-right: 45px
}
p{
    margin-bottom: 0;
}

.cm-digitak-agency .cm-digitak--row {
    padding-inline: 45px;
}

.cm-digitak-agency .cm-digitak--row .elementor-image-box-content h3 {
    position: absolute;
    top: 0;
    left: 70px;
}

.cm-digitak-agency .cm-digitak--row .elementor-image-box-wrapper {
    position: relative;
}

.cm-digitak-agency .cm-digitak--row .elementor-image-box-content .elementor-image-box-description {
    padding-right: 130px;
    position: relative;
}

.cm-digitak-agency .cm-digitak--row .elementor-image-box-content .elementor-image-box-description:after {
    content: '';
    position: absolute;
    right: 0;
    background: url(http://phoeniixx.com/wp-content/uploads/2026/02/zikzack-arrow.png);
    top: 0;
    bottom: 0;
    margin-block: auto;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.cm-contact-together p {
    font-family: 'Red Hat Display',sans-serif;
    color: #232323;
}

.cm-contact-together p a {
    font-family: 'Playfair Display',sans-serif;
    color: #232323;
    display: block;
}

.cm-contact-together p + p {
    margin-top: 10px;
}
.footer-nav-widgets-wrapper.header-footer-group {
    display: none;
}
/* =================================================== */
.cm--marquee {
    margin-top: 2.2rem;
    padding: 0.8rem 0;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
}

.announcement-bar__scrolling-list {
    display: inline-flex;
    animation: scrollRightToLeft 12s linear infinite;
    gap: 1.2rem;
    padding-left: 1rem;
    font-weight: 600;
}

@keyframes scrollRightToLeft {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
.announcement-bar__scrolling-list p {
    font-family: 'Playfair Display';
    font-weight: 400;
    text-shadow: none;
}
#site-content .cm-trusted-brands .gallery .gallery-item {
    padding: 20px !important;
    width: 100%;
    max-width: calc((100% - (5*5px))/6);
}
#site-content .cm-container-full {
    max-width: 100%;
    padding-inline: 5%;
}
#site-content .cm-lets-work p {
    padding-right: 150px;
}
/* =================================================== */
/* =====================body========================= */


@media(max-width: 1600px){
    .announcement-bar__scrolling-list p {
        font-size: 18px;
        padding-inline: 45px;
    }
    #site-content .cm-container-full {
        --content-width: 100%;
        padding-inline: 5%;
    }
    .header-inner{
        padding: 15px 0;
    }
    body:not(.overlay-header) .primary-menu .get_free_quote a {
        padding: 12px 25px;
    }
    body:not(.overlay-header) .primary-menu > li:not(.get_free_quote) > a,body:not(.overlay-header) .primary-menu .get_free_quote a {
        font-size: var(--text-sm);
    }
    .cm-contact-button input[type="submit"] {
        padding: 12px 40px 12px 20px;
    }

    .cm-contact-from .wpcf7-form .cm-row-contact .cm-label {
        font-size: 20px;
    }

    .cm-contact-from .wpcf7-form .cm-row-contact input, .cm-contact-from .wpcf7-form .cm-row-contact textarea {
        font-size: 16px;
    }

    .cm-contact-button input[type="submit"] {
        padding: 12px  40px 12px 20px;
    }

    .footer-top-header h3 {
        font-size: 48px;
    }

    .widget .widget-title {
        font-size: 22px;
    }

    .is-layout-flex > :is(*, div) ,.widget-content .menu :is(li,a),.footer-bottom-inner .widget-content p{
        font-size: var(--text-sm);
    }

    .cm-journey-heading .elementor-heading-title span {
        width: 100px;
        height: 100px;
    }
    .footer-credits .footer-copyright {
        font-size: 14px;
    }
}

@media(max-width: 1366px){
    .announcement-bar__scrolling-list p {
        font-size: 18px;
    }
}