/*
Theme Name: hejDUDE
Theme URI: https://hejdude.com
Author: Domino
Author URI: https://hejdude.com
Description: Basic Wordpress Theme made by hejDUDE
Version: 2.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hejDUDE
*/

body {
  font-family: "Lucida Sans", "Lucida Sans Regular", Verdana, sans-serif;
  margin: 0px;
}

footer {
  text-align: center;
  width: 100%;
}

.img-fluid {
  width: 100%;
}

/*4040 text*/

p.on404 {
  margin-left:auto;
  margin-right:auto;
  margin-top:-20%;
  text-align:center;
  color:white;
  font-family: "Euclid A regular", Sans-serif;
  font-size:22px;}
  
button.btn404{
  margin-left:auto;
  margin-right:auto;
  margin-top:-40%;
  text-align:center;
  color:white;
  font-family: "Euclid A regular", Sans-serif;
  font-size:17px;
  background-color:transparent;
  border-width:0px 0px 1px 0px;
  border-color:white;
  }
  
button.btn404:hover{
  color:#FF9406;
  border-width:0px 0px 1px 0px;
  border-color:#FF9406;
  }
  
.homebtn{
  margin-left:auto;
  margin-right:auto;  
  text-align:center;}
  
p.on404 {
  margin-left: auto;
  margin-right: auto;
  margin-top: -70%;
  text-align: center;
  color: white;
  font-family: "Euclid A regular", Sans-serif;
  font-size: 22px;
}
.c-on404{
	height:100vh;
	}
	
	
.i-on404{
  object-fit: cover;
  height: 100%;
  margin-top: 74px;
}

body {
  background: #000;
  color: #fff;
}

/* HERO */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 60px;
  background: url("/wp-content/uploads/2026/04/pomniky-hero-scaled.png") no-repeat;
background-size: cover;
background-position: center;
}




.hero-content {
  position: relative;
  z-index: 2;
  max-width: 645px;
  margin-left: 50%; 
}

.hero-text h1 {
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 82px;
  font-family:"OpenSans";
  font-weight:700;
}

.hero-text p {
  color: #FFF;
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 60px;
  font-family:"OpenSans";
  font-weight:300;
  max-width:590px;
}

.buttons {
  display: flex;
  gap: 15px;
}

.btn {
  padding: 14px 28px;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
  width:270px;
  text-align:center
}

.btn.primary {
  background: #e5e5e5;
  color: #030A0B;
  font-family:"OpenSans";
  font-weight:600;
  font-size:18px;
}

.btn.secondary {
  border: 1px solid #fff;
  color: #fff;
  font-family:"OpenSans";
  font-weight:600;
  font-size:18px;
}

.btn.secondary:hover,
.btn.primary:hover {
  background: #fff;
  color: #000;
}
.copyright  {
  width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-100px;
	background-color:transparent;
	position:relative;
	z-index:2;
}

.copyright p {
  color: #FFF;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 60px;
  font-family:"OpenSans";
  font-weight:400;
  text-align:center;
}

@media only screen and (max-width: 1300px) {
  .hero-content {
  position: relative;
  z-index: 2;
  max-width: 80%;
  margin-left: 10%; 
}
}


@media only screen and (max-width: 780px) {
.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 60px;
    background: url(/wp-content/uploads/2026/04/pomniky-hero-scaled.png) no-repeat;
    background-size: cover;
    background-position: left;
}
	
	.hero-text h1 {
  font-size: 40px;
  margin-bottom: 20px;
  line-height: 52px;
  font-family:"OpenSans";
  font-weight:700;
}

.hero-text p {
  color: #FFF;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 60px;
  font-family:"OpenSans";
  font-weight:300;
  max-width:590px;
}
	
	.buttons {
    display: flex;
    gap: 15px;
    align-content: center;
    flex-direction: column;
}
	
.hero-content {
  position: relative;
  z-index: 2;
  max-width: 90%;
  margin-left: 3%; 
}
	.btn {
  padding: 12px 22px;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
  width:220px;
  text-align:center
}
}