/*
 * DMP Theme – Main Stylesheet (WITHOUT Header/Nav)
 */

:root {
    --font-awesome: "Font Awesome 6 Pro";
    --wp--preset--color--primary-dark: var(--wp--preset--color--sky-blue);
    --wp--preset--color--primary-light: var(--wp--preset--color--light);
    --wp--preset--color--black-soft: var(--wp--preset--color--black);
    --wp--preset--color--black-muted: var(--wp--preset--color--black);
    --wp--preset--color--gray: var(--wp--preset--color--black);
    --wp--preset--color--gray-light: var(--wp--preset--color--light);
    --wp--preset--color--white-soft: var(--wp--preset--color--light);
}

/* ─── Reset & Base ─────────────────────────────────────────────────────────── */

*,
*::before,
*::after {
    box-sizing: border-box;
}

strong {
    font-weight: 700;
}

p {
    margin: 10px 0;
}

/* ─── Layout / Container ───────────────────────────────────────────────────── */


[id] {
    scroll-margin-top: 120px;
}

.site-main {
    padding: 0;
    margin: 0;
}
.entry-content{
    overflow-wrap: break-word;
}
body:not(.single-post) .entry-content > .wp-block-group {
    padding-right: 16px;
    padding-left: 16px;
}

.single-post main {
    max-width: 1300px;
    margin: 0 auto;
}

.dmp-blank-canvas{
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
}

.dmp-blank-canvas .wp-block-post-content{
    margin:0;
    padding:0;
}

/* ─── Global Style ───────────────────────────────────────────────────────── */

.dmpHide{
    display: none !important;
}

.relative{
    position: relative;
}

.absoluteLeftBottom{
    position: absolute;
    left: 0;
    bottom: 0;
}

.noTopPadding{
    padding-top: 0 !important;
}

.noBottomPadding{
    padding-bottom: 0 !important;
}

main p a{
    text-decoration: underline;
    font-weight: bold;
}

#jig2{
    max-width: 100% !important;
}

.bsWorkGalleryDeActiveBtn button{
    background: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary) !important;
}

/* Remove arrows/icons from specific non-content lists */
.wp-block-latest-posts > li:before,
.wp-block-social-links li:before,
.sidebar-widget li:before,
.wp-block-query .wp-block-post-template > li:before,
footer li:before {
    content: none !important;
}

.wp-block-query .wp-block-post-template {
    gap: var(--wp--preset--spacing--4);
}

.blog .wp-block-query .wp-block-post-template > li {
    padding: 0;
}
.blog .wp-block-query .wp-block-post-template > li .wp-block-group{
    margin-block-end: 0 !important;
}

.wp-block-buttons .wp-block-button__link{
    text-align: initial;
}

/*
 * Reverse of the global primary button.
 * Default → white background, primary text and border
 * Hover   → primary background, white text
 * Gutenberg style: Button block → Styles → Reverse
 */
.wp-block-button.is-style-dmp-btn-reverse .wp-block-button__link,
.wp-block-button.dmp-btn-reverse .wp-block-button__link,
.wp-block-button__link.dmp-btn-reverse,
a.dmp-btn-reverse{
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-dmp-btn-reverse .wp-block-button__link:hover,
.wp-block-button.is-style-dmp-btn-reverse .wp-block-button__link:focus,
.wp-block-button.dmp-btn-reverse .wp-block-button__link:hover,
.wp-block-button.dmp-btn-reverse .wp-block-button__link:focus,
.wp-block-button__link.dmp-btn-reverse:hover,
.wp-block-button__link.dmp-btn-reverse:focus,
a.dmp-btn-reverse:hover,
a.dmp-btn-reverse:focus{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--primary);
}

/* Gutenberg button icons (add class on button block or link) */
.wp-block-button.dmpBtnArrow .wp-block-button__link,
.wp-block-button__link.dmpBtnArrow,
.wp-block-button.dmpBtnInfo .wp-block-button__link,
.wp-block-button__link.dmpBtnInfo,
.wp-block-button.dmpBtnPlay .wp-block-button__link,
.wp-block-button__link.dmpBtnPlay {
    display: inline-flex;
    align-items: center;
    gap: 0.65em;
}

.wp-block-button.dmpBtnArrow .wp-block-button__link::after,
.wp-block-button__link.dmpBtnArrow::after {
    content: "\f061"; /* fa-arrow-right */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 0.9em;
    line-height: 1;
    speak: never;
}

.wp-block-button.dmpBtnInfo .wp-block-button__link::before,
.wp-block-button__link.dmpBtnInfo::before {
    content: "\f05a"; /* fa-circle-info (regular = outline circle) */
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 1.15em;
    line-height: 1;
    speak: never;
}

.wp-block-button.dmpBtnPlay .wp-block-button__link::before,
.wp-block-button__link.dmpBtnPlay::before {
    content: "\f144"; /* fa-circle-play (regular = outline circle) */
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 1.15em;
    line-height: 1;
    speak: never;
}

.dmp-slider123 {
    aspect-ratio: 5 / 2;
    max-width: 1920px;
    width: 100%;
}

.dmpTextWhite,
.dmpTextWhite:before,
.dmpTextWhite:after{
    color: var(--wp--preset--color--white) !important;
}

.wp-block-heading:not(.noMargin),
.wp-block-buttons:not(.noMargin){
    margin-block-end: var(--wp--preset--spacing--3) !important;
}
body:not(.single-post) main .entry-content > .wp-block-group:first-child:not(.noMargin){
    margin-block-start: var(--wp--preset--spacing--8) !important;
}

main .wp-block-cover{
    min-height: 260px !important;
}

main .wp-block-cover,
main .wp-block-group,
main .entry-content > .dmp-hero:first-child:not(.noMargin){
    margin-block-end: var(--wp--preset--spacing--8) !important;
}
main .wp-block-group > .wp-block-group,
main .wp-block-cover__inner-container .wp-block-group{
    margin-block-end: 0 !important;
}
main .wp-block-cover:not(.noTopPadding),
main :where(.wp-block-group.has-background):not(.noTopPadding){
    padding-top: var(--wp--preset--spacing--8);
}
main .wp-block-cover:not(.noBottomPadding),
main :where(.wp-block-group.has-background):not(.noBottomPadding){
    padding-bottom: var(--wp--preset--spacing--8);
}
main .wp-block-group.noPadding{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

main blockquote{
    margin-block-start: var(--wp--preset--spacing--8) !important;
    margin-block-end: var(--wp--preset--spacing--8) !important;
}

.wp-block-accordion{
    margin-block-start: var(--wp--preset--spacing--5) !important;
    margin-block-end: var(--wp--preset--spacing--5) !important;
}

main .entry-content > .wp-block-group.noMargin,
main .wp-block-cover.noMargin,
main .wp-block-group.noMargin,
main .wp-block-columns.noMargin{
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
main .wp-block-cover.noPadding,
main .wp-block-group.noPadding,
main .wp-block-columns.noPadding{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single-post .wp-block-group .wp-block-column p:last-child a123{
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
    border-color: var(--wp--preset--color--primary);
    border-width: 2px;
    border-style: solid;
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--secondary);
    font-size: var(--wp--preset--font-size--base);
    font-style: inherit;
    font-weight: 700;
    letter-spacing: inherit;
    line-height: inherit;
    padding-top: var(--wp--preset--spacing--2);
    padding-right: var(--wp--preset--spacing--5);
    padding-bottom: var(--wp--preset--spacing--2);
    padding-left: var(--wp--preset--spacing--5);
    text-decoration: none;
    text-transform: inherit;
}

.single-post .wp-block-group .wp-block-column p:last-child a br{
    display: none !important;
}


/* ─── List Style ───────────────────────────────────────────────────────────── */

ul,
ol {
    list-style: none !important;
    padding-left: 0;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

ol {
    list-style: decimal !important;
    padding-left: 20px;
}

ul li,
ol li {
    position: relative;
    margin-bottom: 7px;
}

ul li {
    padding-left: 25px;
}

ul li:before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--wp--preset--color--primary);
}


/* ─── Block Quote Style ──────────────────────────────────────────────────── */

.wp-block-quote {
    position: relative;
}
.wp-block-quote::before {
    content: "\f10d";
    position: absolute;
    left: 0;
    top: -0.1em;
    font-size: 4rem;
    line-height: 1;
    color: var(--wp--preset--color--primary);
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
}
.wp-block-quote.dmpWhite::before{
    color: var(--wp--preset--color--white);
}
.wp-block-quote p {
    margin: 0;
}

/* ─── Accordion Style ────────────────────────────────────────────────────── */

.wp-block-accordion .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--primary);
    padding-bottom: 0.5rem;
}

.wp-block-accordion .wp-block-accordion-heading {
    font-size: var(--wp--preset--font-size--base);
}

.wp-block-accordion .wp-block-accordion-heading button {
    padding: 0 0 0 2rem;
    position: relative;
}

.wp-block-accordion .wp-block-accordion-heading button .wp-block-accordion-heading__toggle-icon {
    display: none;
}

.wp-block-accordion .wp-block-accordion-heading button:before {
    content: "\f067";
    position: absolute;
    top: 0;
    left: 0;
    /*line-height: 1;*/
    color: var(--wp--preset--color--primary);
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

.wp-block-accordion .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-title {
    color: var(--wp--preset--color--primary);
}

.wp-block-accordion .wp-block-accordion-panel {
    padding: 0 0 1rem;
}

/* ─── Posts Style ────────────────────────────────────────────────────────── */

.wp-block-latest-posts {
    display: flex;
    gap: 1rem;
}

.sidebar-widget .wp-block-latest-posts {
    display: initial;
}

.wp-block-latest-posts > li {
    border: 1px solid var(--wp--preset--color--primary);
    padding: 5px;
    flex: 0 0 calc((100% - 2rem) / 3);
}

.sidebar-widget li {
    border: none;
    padding: 0;
}

.wp-block-latest-posts__featured-image {
    margin: 0 !important;
    line-height: 0;
}

.wp-block-latest-posts__featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-excerpt {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.wp-block-latest-posts__post-title {
    display: block;
    font-weight: 700;
    margin-top: 20px;
    text-transform: uppercase;
}

.sidebar-widget .wp-block-latest-posts__post-title {
    font-family: var(--wp--preset--font-family--secondary);
    padding: 0;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--sm);
    margin-top: 10px;
    text-transform: initial;
}

.wp-block-latest-posts__post-date {
    font-weight: 700;
    color: var(--wp--preset--color--primary);
    margin-bottom: 10px;
}

.wp-block-latest-posts__read-more {
    display: flex;
    width: fit-content;
    position: relative;
    padding-left: 1.5rem;
    font-weight: 600;
    margin-top: 20px;
}

.wp-block-latest-posts__read-more:before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--wp--preset--color--primary);
}

.wpforms-submit{
    color: var(--wp--preset--color--white) !important;
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 10px !important;
}
.wpforms-submit:hover{
    background: none !important;
    background-color: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary) !important;
}


/* ─── Footer Style ───────────────────────────────────────────────────────── */
footer > .wp-block-group {
    padding-left: 70px;
    padding-right: 70px;
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */
@media (min-width: 1025px) and (max-width: 1550px) {
    body:not(.single-post) .entry-content > .wp-block-group {
        padding-left: 70px;
    }
}
@media (max-width: 1024px) {
    /*main :is(h1,h2,h3,h4,h5,h6):not(.dmp-hero *) {*/
    html:not(.translated-ltr) main :is(h1,h2,h3,h4,h5,h6, p) {
        -webkit-hyphens: auto;
        hyphens: auto;
        hyphenate-limit-chars: 6 3 3;
    }
    html:not(.translated-ltr) main p a{
        hyphens: none;
    }

    body{
        padding-bottom: 50px;
    }

    footer > .wp-block-group {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 769px) {
    .dmpDesktopHide{
        display: none !important;
    }
}
@media (max-width: 768px) {
    footer p{
        max-width: 100% !important;
    }
    h2{
        font-size: var(--wp--preset--font-size--heading);
        line-height: 1.2;
    }
    .dmpMobileHide{
        display: none !important;
    }
    .dmpMobileStatic{
        position: static !important;
    }
    .dmpMobileNoTopMargin{
        margin-top: 0 !important;
    }
    .dmpMobileNoBorder{
        border: none !important;
    }


    .dmpMobileOrder2{
        order: 2 !important;
    }
    .wp-block-latest-posts {
        flex-wrap: wrap;
    }

    .wp-block-latest-posts > li {
        flex: 0 0 100%;
    }

    footer > .wp-block-group {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wp-block-quote{
        padding-left: var(--wp--preset--spacing--12);
    }
    .wp-block-quote::before{
        font-size: 3rem;
    }

    body.home .dmp-hero h2{
        font-size: var(--wp--preset--font-size--heading-5) !important;
    }
}