/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
* Style Sheet: style.css
*/
:root {
    --dclmin-screen-width: 320px;
    --dclmax-screen-width: 1280px;
    --dclprimary: #c7a652;
    --dclprimary-5: #c7a6520d;
    --dclprimary-10: #c7a6521a;
    --dclprimary-20: #c7a65233;
    --dclprimary-30: #c7a6524d;
    --dclprimary-40: #c7a65266;
    --dclprimary-50: #c7a65280;
    --dclprimary-60: #c7a65299;
    --dclprimary-70: #c7a652b3;
    --dclprimary-80: #c7a652cc;
    --dclprimary-90: #c7a652e6;
    --dclprimary-d-1: #9d8443;
    --dclprimary-d-2: #746234;
    --dclprimary-d-3: #4c4024;
    --dclprimary-d-4: #272216;
    --dclprimary-l-1: #d4b773;
    --dclprimary-l-2: #dfc895;
    --dclprimary-l-3: #ebdab7;
    --dclprimary-l-4: #f5ecdb;
    --dclsecondary: #a28e65;
    --dclsecondary-5: #a28e650d;
    --dclsecondary-10: #a28e651a;
    --dclsecondary-20: #a28e6533;
    --dclsecondary-30: #a28e654d;
    --dclsecondary-40: #a28e6566;
    --dclsecondary-50: #a28e6580;
    --dclsecondary-60: #a28e6599;
    --dclsecondary-70: #a28e65b3;
    --dclsecondary-80: #a28e65cc;
    --dclsecondary-90: #a28e65e6;
    --dclsecondary-d-1: #817151;
    --dclsecondary-d-2: #5d523c;
    --dclsecondary-d-3: #40392b;
    --dclsecondary-d-4: #23201a;
    --dclsecondary-l-1: #b4a483;
    --dclsecondary-l-2: #c8bba2;
    --dclsecondary-l-3: #dad0be;
    --dclsecondary-l-4: #ece7df;
    --dcltertiary: #402e32;
    --dcltertiary-5: #402e320d;
    --dcltertiary-10: #402e321a;
    --dcltertiary-20: #402e3233;
    --dcltertiary-30: #402e324d;
    --dcltertiary-40: #402e3266;
    --dcltertiary-50: #402e3280;
    --dcltertiary-60: #402e3299;
    --dcltertiary-70: #402e32b3;
    --dcltertiary-80: #402e32cc;
    --dcltertiary-90: #402e32e6;
    --dcltertiary-d-1: #35272a;
    --dcltertiary-d-2: #291f21;
    --dcltertiary-d-3: #1d1618;
    --dcltertiary-d-4: #110d0e;
    --dcltertiary-l-1: #645457;
    --dcltertiary-l-2: #887c7e;
    --dcltertiary-l-3: #ada4a6;
    --dcltertiary-l-4: #d6d1d2;
    --dclbg-body: #4d4637;
    --dclbg-surface: hsla(0, 0%, 100%, 1);
    --dcltext-body: #4d4637;
    --dcltext-title: #141108;
    --dclspace-4xs: clamp(0.13rem, calc(0.3vw + 0.07rem), 0.31rem);
    --dclspace-3xs: clamp(0.2rem, calc(0.4vw + 0.12rem), 0.44rem);
    --dclspace-2xs: clamp(0.3rem, calc(0.54vw + 0.19rem), 0.62rem);
    --dclspace-xs: clamp(0.44rem, calc(0.72vw + 0.3rem), 0.88rem);
    --dclspace-s: clamp(0.67rem, calc(0.95vw + 0.48rem), 1.24rem);
    --dclspace-m: clamp(1rem, calc(1.25vw + 0.75rem), 1.75rem);
    --dclspace-l: clamp(1.5rem, calc(1.62vw + 1.18rem), 2.47rem);
    --dclspace-xl: clamp(2.25rem, calc(2.08vw + 1.83rem), 3.5rem);
    --dclspace-2xl: clamp(3.38rem, calc(2.62vw + 2.85rem), 4.95rem);
    --dclspace-3xl: clamp(5.06rem, calc(3.22vw + 4.42rem), 7rem);
    --dclspace-4xl: clamp(7.59rem, calc(3.83vw + 6.83rem), 9.89rem);
    --dcltext-xs: clamp(0.79rem, calc(-0.01vw + 0.79rem), 0.78rem);
    --dcltext-s: clamp(0.89rem, calc(0.08vw + 0.87rem), 0.94rem);
    --dcltext-m: clamp(1rem, calc(0.21vw + 0.96rem), 1.13rem);
    --dcltext-l: clamp(1.13rem, calc(0.37vw + 1.05rem), 1.35rem);
    --dcltext-xl: clamp(1.27rem, calc(0.59vw + 1.15rem), 1.62rem);
    --dcltext-2xl: clamp(1.42rem, calc(0.87vw + 1.25rem), 1.94rem);
    --dcltext-3xl: clamp(1.6rem, calc(1.22vw + 1.36rem), 2.33rem);
    --dcltext-4xl: clamp(1.8rem, calc(1.66vw + 1.47rem), 2.8rem);
    --dclcolumns-1: repeat(1, minmax(0, 1fr));
    --dclcolumns-2: repeat(2, minmax(0, 1fr));
    --dclcolumns-3: repeat(3, minmax(0, 1fr));
    --dclcolumns-4: repeat(4, minmax(0, 1fr));
    --dclcolumns-5: repeat(5, minmax(0, 1fr));
    --dclcolumns-6: repeat(6, minmax(0, 1fr));
    --dclcolumns-7: repeat(7, minmax(0, 1fr));
    --dclcolumns-8: repeat(8, minmax(0, 1fr));
    --dclshadow-xs: 0 1px 2px var(--shadow-primary);
    --dclshadow-s: 0 1.5px 3px var(--shadow-primary);
    --dclshadow-m: 0 2px 6px var(--shadow-primary);
    --dclshadow-l: 0 3px 12px var(--shadow-primary);
    --dclshadow-xl: 0 6px 48px var(--shadow-primary);
}

.dcl-container__inner {
width: var(--theme-container-width-base);
}

.dcl-button__primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-button-text-initial-color);
    border: var(--theme-button-border);
    background-color: var(--theme-button-background-initial-color);
    min-height: var(--theme-button-min-height);
    padding: var(--theme-button-padding);
    border-radius: var(--theme-button-border-radius, 3px);
    transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --has-link-decoration: var(--false);
}

/* Hover state for the solid primary button */
.dcl-button__primary:hover {
    color: var(--theme-button-text-hover-color);
    border-color: var(--theme-button-border-hover-color);
    background-color: var(--theme-button-background-hover-color);
    /* border-width: 2px; If initial border-width is 1px, then uncomment this to make it 2px on hover */
    /* border-radius: var(--theme-button-border-radius, 3px); This is usually already set, no need to re-declare unless it changes on hover */
}

.dcl-button__primary-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --theme-button-text-initial-color: var(--theme-button-background-initial-color);
    border-width: 2px;
    border-style: solid;
    color: var(--theme-palette-color-3); 
    border-color: var(--theme-button-background-initial-color);
    background-color: rgba(0,0,0,0); 
    min-height: var(--theme-button-min-height);
    padding: var(--theme-button-padding);
    border-radius: var(--theme-button-border-radius, 3px);
    transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --has-link-decoration: var(--false);
}
.dcl-button__primary-outline-dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --theme-button-text-initial-color: var(--theme-palette-color-3);
    border-width: 2px;
    border-style: solid;
    color: var(--theme-palette-color-3); 
    border-color: var(--theme-palette-color-3);
    background-color: rgba(0,0,0,0); 
    min-height: var(--theme-button-min-height);
    padding: var(--theme-button-padding);
    border-radius: var(--theme-button-border-radius, 3px);
    transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --has-link-decoration: var(--false);
}


.dcl-button__primary-outline:hover {
    color: var(--theme-button-text-hover-color);
  border-color: var(--theme-button-background-hover-color);
  background-color: var(--theme-button-background-hover-color);
}

.dcl-button__primary-outline-dark:hover {
    color: var(--theme-button-text-hover-color);
  border-color: var(--theme-button-background-hover-color);
  background-color: var(--theme-button-background-hover-color);
}


H1 {
    font-size: var(--dcltext-4xl);
    line-height: 1.1;
}
H2 {
    font-size: var(--dcltext-3xl);
    line-height: 1.2;
}
H3 {
    font-size: var(--dcltext-2xl);
    line-height: 1.3;
}
H4 {
    font-size: var(--dcltext-xl);
    line-height: 1.3;
}
H5 {
    font-size: var(--dcltext-l);
    line-height: 1.3;
}
H6 {
    font-size: var(--dcltext-m);
    line-height: 1.4;
}