/*

	Theme Name: Rostfrei

	Theme URI: http://rostfrei.si

	Description: Rostfrei WordPress Theme from HTML5 Blank

	Version: 1.4.3

	Author: Rostfrei

	Tags: Blank, HTML5, CSS3



	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */





/* Color Legend */





/* Reset */

* {
	margin: 0;
	padding: 0;
}

html,
body {
	margin: 0;
	padding: 0;
	border: 0;

	background: transparent;
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
}

:root {
	--blue: #1e90ff;

  }
  main {
	min-height: 100vh;
	background-color: #dedede;
	padding: 20px 5%;
  }
/* Header */

header	{
	background-color: white;
display: grid;
justify-content: center;
align-items: center;
	padding: 1rem;
	position: fixed;
  	top: 0;
 	left: 0;
 	width: 100%;
  	box-sizing: border-box;
	z-index: 2;	
}

	svg#logo {
		transform: none !important;
	}
.logo {
  width: 500px;
  overflow: hidden;
  max-width: 90vw;
}
.nav ul {
	display: flex;
	justify-content: end;
	gap: 2rem;
	text-transform: uppercase;
}

.nav ul li {
	list-style: none;
}
.nav ul li a {
	text-decoration: none;
	color: black;
}
.nav ul li a:hover {
	color: var(--blue);
}
a:link {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #666;
}
.spacer {
	height: 50vh;
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url(https://avtoklinika.rostfrei.si/wp-content/uploads/2024/04/menjava-gum-avtoklinika-ciril.jpg);
  background-position: center;
  background-size: cover;
}
.spacer h2 {
	color: white;
}
iframe {
	max-width: 90vw;
}

/* Avto */
.avto-wrapper {
	background-color:white;
	overflow: hidden;
	}
	#avto {
		transform: translateX(-50%);
		width: clamp(150px, 40vw, 500px);
	}
	.pin-spacer {
		background-color: white;
	}

svg {
	overflow: hidden;
}	


/* Footer */
footer h3 {
	font-size: .8rem;
}
footer a:link {
	color: white;
	text-decoration: none;
}
footer a:hover {
	color: #dedede;
}
footer {
	background-color: black;
	color: white;
  font-size: .8rem;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 20px 5%;
}

.sidebar-widget {
	padding-bottom: 3rem;
}
@media screen and (min-width: 500px) {
 footer {
	display: grid;
 }
}
@media screen and (max-height: 500px){
	.avto-wrapper{
		display: none;
	} 
	.spacer {
		background-color: white;
	}
	main {
		margin-top:150px;
	}
}