/* The Hills child theme styles */
:root{
      /*desktop*/
    --h1: 44px;
    --h2: 30px;
    --h3: 24px;
    --h4: 16px;
    --h5: 16px;
    --h6: 16px;
    --text:16px;
    --h50:50px;
    --h100:100px;    
    /*tablet*/
    --h1-tablet: calc(44px * 0.88);
    --h2-tablet: calc(30px * 0.88);
    --h3-tablet: calc(24px * 0.88);
    --h4-tablet: 16px;
    --h5-tablet: 16px;
    --h6-tablet: 16px;
    --text-tablet:16px;
    /*mobile*/
    --h1-responsive: calc(44px * 0.75); 
    --h2-responsive: calc(30px * 0.75);
    --h3-responsive: calc(24px * 0.75);
    --h4-responsive: 16px;
    --h5-responsive: 16px;
    --h6-responsive: 16px;
    --text-responsive:16px;
    --primary-color: 26, 26, 26;
    --secondary-color: 15, 56, 43;
    --third-color: 217, 162, 74;
    --soft-color: 246, 244, 242;
    --white-color: 255, 255, 255;
    --gray-color: 118, 118, 118;
    --black-color: 0, 0, 0;
    --p25: 25%;
    --p38: 38%;
    --p50: 50%;
    --p75: 75%;
    --p100: 100%;

}
@view-transition{
    navigation:auto;
}

body {
    font-family: 'Montserrat';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--text);
    line-height:1.5;
    font-weight:400;
    color: rgb(var(--primary-color));
    overscroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, .entry-content :where(h1,h2,h3,h4,h5,h6) {
   
    color: rgb(var(--secondary-color));
    font-weight:700;
}