/*
	Theme Name: Prazno
	Theme URI: 
	Author: Prazno
	Author URI: 
	Description: Prazno
	Version: 1.0
*/
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: 'GeneralSans';
  src: url('fonts/GeneralSans-Variable.woff2') format('woff2'),
       url('fonts/GeneralSans-Variable.woff') format('woff'),
       url('fonts/GeneralSans-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans';
  src: url('fonts/GeneralSans-VariableItalic.woff2') format('woff2'),
       url('fonts/GeneralSans-VariableItalic.woff') format('woff'),
       url('fonts/GeneralSans-VariableItalic.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}


:root{
	--txt: #3a38ce;
	--w: #f7ece8;
	--h: #e4475b;
	font-size: 1.25rem;
	--pro: 1.25rem;
	--pro-po: .625rem;
}

html{margin:0;padding:0;}
body{
	font-family: 'GeneralSans', sans-serif;
	font-weight: 700;
	color: var(--txt);
	background-color: var(--w);
	font-size: 1rem;
	line-height: var(--pro);
}

*, *:before, *:after {box-sizing:  border-box !important;}

h1, h2, h3, h4, h5, h6, p, blockquote, header, main, article, section, footer, a, ol, ul, dl, li, dt, dl, nav{
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

a, a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	color: var(--txt);
}

header, main, footer{
	width: 100%;
	padding: var(--pro-po);
}

h1, p.logo{
	text-transform: lowercase;
	font-size: 6rem;
	line-height: calc(var(--pro) * 4);
	width: 50%;
	padding: var(--pro-po);
}

header nav{
	width: 50%;
	padding: 0;
	text-transform: lowercase;
	font-size: 2rem;
	line-height: calc(var(--pro) * 2);
	font-weight: 700;
}

nav ul{
	list-style: none;
	width: 100%;
}
nav li{
	width: calc(100% / 3);
	padding: 0;
}
nav li a{
	width: 100%;
	padding: 0 var(--pro-po);
}

.current-menu-item, .current-menu-item a, .current-menu-item a:link, .current-menu-item a:visited, .current-menu-item a:hover, .current-menu-item a:visited{
	color: var(--h);
}

footer nav{
	width: 100%;
	padding: 0;
	text-transform: lowercase;
	font-weight: 700;
}

footer nav li{
	width: calc(100% / 6);
	padding: 0;
}

footer nav li.polylang-item{
	text-transform: uppercase;
	width: calc(100% / 12);
	padding: 0;
}

.page h1, .archive h1, .single h1{
	display: none;
}
.home.page header h1{
	display: block;
}

h2{
	width: 50%;
	font-size: 1rem;
	line-height: var(--pro);
	text-transform: uppercase;
	font-weight: 700;
	padding: var(--pro-po);
}

article{
	width: 100%;
	padding: 0;
	margin: 0;
}

.txt{
	width: 50%;
	position: relative;
	float: left;
	padding: var(--pro-po);
}

.excerpt{
	position: relative;
	float: left;
	padding: calc(var(--pro) * 2.5) var(--pro);
	width: 75%;
}

.excerpt p{
	font-size: 3rem;
	line-height: calc(var(--pro) * 3);
	font-weight: 600;
	padding: 0;
}

p{
	width: 100%;
	padding: var(--pro-po);
}

.lista{
	width: 25%;
	position: relative;
	float: left;
	clear: left;
	padding: var(--pro-po);
}

.lista h2{
	width: 100%;
	padding: var(--pro-po);
}

ul.list{
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
ul.list li{
	width: 100%;
	padding: var(--pro-po) 0;
}
ul.list li a{
	width: 100%;
	padding: 0 var(--pro-po);
}

::selection, .footer p::selection{
	color: var(--w) !important;
	background: var(--txt) !important;
}
::-moz-selection, .footer p::-moz-selection{
	color: var(--w) !important;
	background: var(--txt) !important;
}

@media only screen and (max-width: 1450px) {

}