/*------------------------ RESET ----------------------------------*/ * { margin: 0; padding: 0; } /*------------------------ BOX SIZING ----------------------------------*/ * { box-sizing: border-box; } /*------------------------ FONTS ----------------------------------*/ @font-face { font-family: "hempika-bold"; src: url("https://hempika.com/wp-content/themes/hemp-master/custom/fonts/gilroy-extrabold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; /* to naj bi rešilo Ensure text remains visible during webfont load??? */ } @font-face { font-family: "hempika-light"; src: url("https://hempika.com/wp-content/themes/hemp-master/custom/fonts/gilroy-light.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "star"; src: url("https://hempika.com/wp-content/themes/hemp-master/custom/fonts/star.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } /*------------------------ ELEMENTS ----------------------------------*/ /* a, body, button, div, figcaption, footer, h1, h2, h3, h4, head, header, html, img, input, label, main, meta, nav, ol, p, select, small, span, strong, table, td, textarea, th, title, ul */ /*------------------------ ----------------------------------*/ html { line-height: 1; } /*------------------------ ----------------------------------*/ body { background-color: #EEEEEE; } /*------------------------

----------------------------------*/ p { font-family: hempika-light; font-size: 1vw; color: #000000; } @media only screen and (max-width: 768px) { p { font-size: 4vw; } } /*------------------------ ----------------------------------*/ a { font-family: hempika-bold; font-size: 1vw; color: #235d39; text-decoration: none; } @media only screen and (max-width: 768px) { a { font-size: 4vw; } } /*------------------------ ----------------------------------*/ strong { font-family: hempika-bold; /*color: #235D39;*/ } /*------------------------

----------------------------------*/ h1 { font-family: hempika-bold; font-size: 3vw; color: #235d39; } @media only screen and (max-width: 768px) { h1 { font-size: 8vw; } } /*------------------------

----------------------------------*/ h2 { font-family: hempika-bold; font-size: 2vw; /*nastavi*/ color: #235d39; } @media only screen and (max-width: 768px) { h2 { font-size: 6vw; } } /*------------------------

----------------------------------*/ h3 { font-family: hempika-bold; font-size: 1.25vw; /*nastavi*/ color: #235d39; } @media only screen and (max-width: 768px) { h3 { font-size: 5vw; } } /*------------------------

----------------------------------*/ h4 { font-family: hempika-bold; font-size: 1vw; /*nastavi*/ color: #235d39; } @media only screen and (max-width: 768px) { h4 { font-size: 4vw; } } /*------------------------ ----------------------------------*/ i { font-family: "hempika-bold"; color: #235d39; } /*------------------------