/*
* prolerue theme
*
* @author  mknurs
* @license http://opensource.org/licenses/MIT The MIT License
* @version 0.1
*/

/*
variables
*/
:root {
  --txt-width: 60ch;
  --home-width: 60vw;
}

/* 
fonts
*/
@font-face {
	font-family: 'PTSerif';
  src: url("../fonts/PTSerif-Regular.ttf");
}
@font-face {
	font-family: 'PTSerif';
  src: url("../fonts/PTSerif-Bold.ttf");
  font-weight: bold;
}
@font-face {
	font-family: 'PTSerif';
  src: url("../fonts/PTSerif-Italic.ttf");
  font-style: italic;
}
@font-face {
	font-family: 'PTSerif';
  src: url("../fonts/PTSerif-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
	font-family: 'PTSans';
  src: url("../fonts/PTSans-Regular.ttf");
}
@font-face {
	font-family: 'PTSans';
  src: url("../fonts/PTSans-Bold.ttf");
  font-weight: bold;
}
@font-face {
	font-family: 'PTSans';
  src: url("../fonts/PTSans-Italic.ttf");
  font-style: italic;
}
@font-face {
	font-family: 'PTSans';
  src: url("../fonts/PTSans-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}

/*
base
*/
a {
  /* text-decoration: none!important; */
}
html {
  font-family: "PTSerif", serif;
  font-size: clamp(16px, calc(1vw + 1vh + 0.5vmin), 22px);
  line-height: 1.5;
  hyphens: auto;
  color: rgba(0,0,0,.87);
}
hr::before {
  content: '***';
  display: block;
  text-align: center;
}
::selection {
  background-color: var(--visited);
  color: white;
}
.active {
  font-weight: bold;
}
address {
  display: grid;
}
.serif {
  font-family: "PTSerif";
}
.sans {
  font-family: "PTSans";
}
.uppercase {
  text-transform: uppercase;
}
.larger {
  font-size: larger;
}
address,
time {
  font-family: "PTSans";
  font-style: italic;
}
.filled {
  fill: currentColor!important;
}
h1 a,
h2 a,
h3 a,
h4 a {
  text-decoration: none;
}

/*
layout
*/
#header,
#main,
#footer {
  padding: 1rem;
}

/*
header
*/
#header {
  color: var(--red);
  font-family: "PTSans";
}
#header>hgroup {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: center;
}
#header>hgroup>* {
  max-width: 50vw;
}
#header h1 {
  font-size: 3rem;
  margin: 0;
  text-align: end;
}
#header h2 {
  font-size: 1rem;
  font-weight: normal;
  border-bottom: thin solid var(--red);
  border-top: thin solid var(--red);
  justify-self: start;
  padding: 0.5rem 0;
}
#header a {
  color: unset;
}

#header svg {
  margin: 0 auto;
  max-height: 100%;
  max-width: 50vmax
}
#header img {
  margin: 0 auto;
  max-height: 100%;
  max-width: 50vmax;
}

/*
main
*/
#main {
  margin: auto;
}

/*
footer
*/
#footer {
  color: var(--red);
  font-family: "PTSans";
  border-top: dotted var(--red);
  /* min-height: 100vmin; */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(0.66 * var(--txt-width)), 1fr));
  grid-auto-rows: auto;
  gap: 1rem;
  align-items: center;
  /* align-items: center; */
  /* padding: 2rem; */
}

#footer>form {
  display: grid;
  /* justify-items: center; */
  margin: unset;
  /* width: 100%; */
  /* width: 100%; */
}
#footer>form>* {
  /* width: 100%; */
  
}
#footer>form>button {
  margin-left: 0;
  text-decoration: none;
}
#footer>address {
  border-left: dotted var(--red);
  padding: 0.5rem;
  font-style: normal;
}
/*
obvestilnik
*/
/* #obvestilnik {
  font-size: large;
  max-width: 100%;
  display: grid;
  grid-template-columns: 3fr 1fr;
  place-items: center;
} */
.obvestilnik form {
  margin: unset;
  max-width: 100%;
  /* width: 100%; */

}
.obvestilnik form>div {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
}
.obvestilnik form>div .clear {
  grid-area: 1 / 2 / 2 / -1;
}
.obvestilnik input[type="email"] {
  width: 100%;
}
.obvestilnik input[type="submit"] {
  color: white;
  background-color: var(--red);
  margin: 0;
  padding: 0.3rem;
  text-decoration: none;
}
.obvestilnik p {
  opacity: 0.8;
  font-size: small;
  /* max-width: 50%; */
}

/*
home
*/
.home {
  color: var(--red);
  max-width: calc(1.7 * var(--txt-width))
}
/*
card, pinneds
*/
.card {
  position: relative;
}
.card a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* card-l */
.card-l {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(0.67 * var(--txt-width)), 1fr));
  gap: 0.5rem;
}
.card-l>img {
  width: 100%;
  max-width: 100%;
}
.card-l>header {
  border-left: dotted var(--red);
  padding: 1rem 1rem 2rem;
}
.card-l h3 {
  font-weight: normal;
  margin-top: 0;
}
.card-l:hover>header {
  border-left: solid var(--red);
}

/* card-m */
.card-m {
  border-left: dotted var(--red);
  display: grid;
  padding: 1rem 1rem 2rem;
}
.card-m:hover {
  border-left: solid var(--red);
}
.card-m>h3 {
  margin: 0;
}

/* card-s */
.card-s {
  border-left: dotted var(--red);
  display: grid;
  padding: 1rem 1rem 2rem;
}
.card-s:hover {
  border-left: solid var(--red);
}
.card-s>h3 {
  margin: 0;
  font-size: 1rem;
}

/*
section
*/
#rubrics {
  /* padding: 0.5rem; */
  margin: 2rem auto;
  display: grid;
  gap: 1.5rem;
}
.rubric {
  display: grid;
  box-shadow: inset 2rem 0 0 0 var(--red);
  padding: 0 0 0 2.5rem;
  color: var(--red);
}
.rubric>h2 {
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
}
.rubric>h2>a {
  display: block;
}
.rubric>section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(0.5 * var(--txt-width)), 1fr));
  gap: 0.5rem;
  padding: 0.5rem 0;
  align-items: start;
}
.subNav {
  /* border-left: dotted var(--red); */
}
.subNav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.subNav ul li {
  border-left: dotted var(--red);
  padding: 0 1rem;
}
.subNav ul li:hover {
  border-left: solid var(--red)
}
/*
listing
*/
.listing {
  color: var(--red);
  max-width: calc(1.7 * var(--txt-width));
  display: grid;
  gap: 1rem;
}
.listing #rubrics {
  border-top: dotted var(--red);
  padding-top: 2rem;
}
/*
default
*/
.default {
  /* max-width: var(--txt-width); */
  max-width: calc(1.7 * var(--txt-width));
  /* padding: 0.5rem; */
}
.default>article>header {
  display: grid;
  
  margin: 1rem auto;
  grid-template-columns: repeat(auto-fit, minmax(calc(0.6 * var(--txt-width)), 1fr));
  gap: 0.5rem;
}
.default>article>header>* {
  /* padding: 1rem; */
}
.default>article>header>img {
  align-self: center;
}
.default>article>header>div {
  padding: 1rem;
  align-self: center;
  border-left: dotted var(--red);
}
.default>article>header button {
  margin: 0;
}
.default>article>header h1 {
  margin-top: 0;
}
.default>article>header h2 {
  font-weight: normal;
  margin-top: 0;
}
.default>article>.body {
  max-width: var(--txt-width);
  margin: 2rem auto 2rem;
}
.default>.rubric {
  margin: 0.5rem;
}
.default>article img {
  margin: auto;
}
/*
search
*/
.search {
  max-width: calc(1.7 * var(--txt-width));
}
.search>form {
  display: grid;
  grid-template-columns: 1fr auto;
}
.search>section {
  display: grid;
  gap: 0.5rem;
}