/* @link https://utopia.fyi/type/calculator?c=320,16,1.125,1920,16,1.333,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.5628rem, 0.8356rem + -0.2273vw, 0.7901rem);
  --step--1: clamp(0.7502rem, 0.9166rem + -0.1387vw, 0.8889rem);
  --step-0: clamp(1rem, 1rem + 0vw, 1rem);
  --step-1: clamp(1.125rem, 1.0834rem + 0.208vw, 1.333rem);
  --step-2: clamp(1.2656rem, 1.1634rem + 0.5113vw, 1.7769rem);
  --step-3: clamp(1.4238rem, 1.2349rem + 0.9448vw, 2.3686rem);
  --step-4: clamp(1.6018rem, 1.2907rem + 1.5555vw, 3.1573rem);
  --step-5: clamp(1.802rem, 1.3207rem + 2.4067vw, 4.2087rem);
  --step-6: clamp(2.0273rem, 1.3107rem + 3.5829vw, 5.6102rem);
}

/*

declare the primary and secondary fonts. If needed, declare tertiary.
Note the variable font declaration. with font-optical-sizing: auto
Also update the font weight.

font-family: "ivyepic", sans-serif;
font-weight: 400;
font-style: normal;

*/

:root {
  --primary-font-app: "ivyepic", sans-serif;
  --secondary-font-app:"ivybodoni", sans-serif;
  --tertiary-font-app:"ivyepic", sans-serif;
  
  --extralight-weight-app:200;
  --light-weight-app:400;
  --regular-weight-app:400;
  --semibold-weight-app:700;
  --bold-weight-app:700;
  --heavy-weight-app:700;

/* add one more line height variable */
  --line-xl-app:1.60;

  --primary-color-app:#886825;
  --primary-dark-color-app:#694907;
  --primary-light-color-app:#F2E2BF;
  --primary-gradient-color-app: linear-gradient(45deg,#886825,#694907,#886825,#694907);
  
  --secondary-color-app:#886825;
  --secondary-dark-color-app:#694907;
  --secondary-light-color-app:#F2E2BF;
  --secondary-gradient-color-app: linear-gradient(to right, #694907, #906E27, #906E27, #694907);

  --light-color-app:#F9F9FB;
  --dark-color-app:#121212;
  
  --base-light-color-app:#ffffff;
  --base-dark-color-app:#000000;

}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 20%;
    font-style: normal;
    font-stretch: normal;
}


body {
    font-size: calc(var(--step-0) * 1);
    color: var(--base-dark-color-app);
    font-family: var(--primary-font-app);
    font-weight: var(--light-weight-app);
    line-height: var(--line-l-app);
    text-wrap: pretty;
    /*letter-spacing: var(--lspace-n-xs-app);*/
}

main img {
    border-radius: 0;
    margin:0;
}

p {
    margin-top: var(--spacer-xs-app);
    margin-bottom: var(--spacer-s-app);
}

.u-h1, 
.u-h2, 
.u-h3, 
.u-h4, 
.u-h5, 
.u-h6, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    color:var(--secondary-color-app);
    font-family: var(--secondary-font-app);
    font-weight: var(--semibold-weight-app);
    line-height: var(--line-s-app);
    margin-bottom: var(--spacer-s-app);
    margin-top:  var(--spacer-xs-app) ;
    letter-spacing: 0;
    text-wrap: pretty;
    strong{
        /*font-weight: var(--heavy-weight-app);*/
        text-transform: uppercase;
    }
}


.c-btn {
  /*background-color: rgba(92, 86, 82, 1);*/
  border-radius: 6px;
}
.u-block--black {
  background-color: rgba(68, 64, 60, 1);
}
.u-block--white {
  background-color: inherit;
}
.c-header__logo, .c-header__logo.active {
  padding: 0;
}

.c-logo {
    max-width: 50%;
    margin: 0;
}
@media (min-width: 1024px) {
    .c-logo {
        max-width: 25%;
        margin: 0;
    }
}
  padding: 0;
}

.c-footer__logo {
  max-width: 25%;
}

blockquote {
  border-left: 0;
}

.c-social__link:active, .c-social__link:focus, .c-social__link:hover, 
.c-header__phone:active, .c-header__phone:focus, .c-header__phone:hover {
  color:var(--secondary-color-app);
}

.c-theme--light {
        background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent */
      backdrop-filter: blur(10px); /* The blur effect */
      -webkit-backdrop-filter: blur(10px); /* Support for Safari */
}

.c-nav__link {
        font-size: calc(var(--step--1)*1.1) !important;
        font-weight: var(--semibold-weight-app); 
        text-transform: none !important; 
}

@media (min-width: 1200px) {}

@media (min-width: 1024px) {

    .c-nav__dropdown .c-nav__link {
        padding: 0.5em 10px;
        font-size: var(--step--1);
        font-weight: var(--semibold-weight-app);
    }
}