/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Your Name
Author URI: https://yourwebsite.com/
Template: astra
Version: 1.0.0
*/

/* Add your custom CSS below */

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.section-custom{
	padding:20px;
	margin:20px;
	color:black;
}

a {
	color:orangered;
}

button{
	color:orangered;
}

.arrow-icon {
  width: 1.2em;
  height: 1.2em;
  fill: none; /* no fill since it's just lines */
  stroke: orangered; /* visible color */
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}

h1, h2, h3{
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#26326e !important;
}

/*header*/
/* Ensure icons inside navbar links are visible and aligned */
.navbar .icon {
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  fill: currentColor; /* makes icon inherit text color */
  transition: fill 0.3s ease;
}

/* Adjust spacing between links */
.navbar .nav-link {
  display: flex;
  align-items: center;
  gap: 6px; /* small gap between text and icon if any */
}

/* Optional hover effect */
.navbar .nav-link:hover .icon {
  fill: orangered; /* Bootstrap primary blue, or your brand color */
}
/*header*/


/* FOOTER */

.be-footer{--bg:#f8f9fa;--text:#1f2937;--muted:#6b7280;--link:#0d6efd;--border:#da28;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--text);border-top:5px solid var(--border);margin-top:32px; background-color:#FFF; margin-bottom:0px;}
    .be-footer .wrap{margin:0% 3% auto;padding:28px 20px}
    .be-footer .grid{display:grid;grid-template-columns:1fr;gap:18px}
    .be-footer h5{margin:0 0 6px;font-size:1.05rem}
    .be-footer p{margin:0}
    .be-footer .right{justify-self:start}
    .be-footer ul{list-style:none;margin:0;padding:0}
    .be-footer li{margin:4px 0}
    .be-footer a{color:orangered;text-decoration:none}
    .be-footer a:hover{text-decoration:underline}
    .be-footer .hr{height:1px;background:var(--border);margin:0}
    .be-footer .bottom{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.92rem}
    .be-footer .social{display:flex;gap:10px}
    .be-footer .icon{width:22px;height:22px;display:inline-block}
    @media (min-width: 768px){.be-footer .grid{grid-template-columns:1fr 1fr}.be-footer .right{justify-self:end;text-align:right}}

a {
	text-decoration: none !important;
}

.site-title a{
	text-decoration: none !important;
}

/* remove default page margin that causes the bottom gap */
html, body { margin: 0; }

/* make the bottom rule full-bleed like the top border */
.be-footer .hr{
  height: 1px;
  background: var(--border);
  /* pull the rule out of the centered .wrap to span the viewport */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* (optional) ensure the footer itself has no extra outside spacing */
.be-footer{ margin-bottom: 0; }

/*end FOOTER */



/******************************
div, section {
	background:none;
}


@media (max-width: 768px){
  body.landing-spdu,
  body.landing-spdu .site {               
  background-image: url("https://spolupredusu.sk/wp-content/uploads/2025/10/pastel-blobs.svg");
  background-repeat: repeat;
  background-size: 500px 500px;               
  background-position: center top;
  background-attachment: scroll;       
  background-color: #fff;
 }
}

body.landing-spdu,
body.landing-spdu .site {             
  background-image: url("https://spolupredusu.sk/wp-content/uploads/2025/10/pastel-blobs.svg");
  background-repeat: repeat;
  background-size: "contian";               
  background-position: center top;
  background-attachment: scroll;      
  background-color: #fff;
}

body.landing-spdu .site,
body.landing-spdu .site-content,
body.landing-spdu .ast-container,
body.landing-spdu .ast-separate-container .ast-article-single,
body.landing-spdu .ast-separate-container .site-main > .ast-row,
body.landing-spdu .ast-page-builder-template .site-content .ast-container {
  background: transparent !important;
}

html, body.landing-spdu, body.landing-spdu .site {
  min-height: 100%;
}
*/


body, section, div{
	color:#26326e !important;
	font-family: Helvetica;
}

.darker-color{
	background-color:#edaf13
}

.text-justify{
	text-align:justify !important;
}

.cta { font-size: 16px; display:inline-flex; gap:.4rem; align-items:center; }
.arrow-icon { width:1em; height:1em; }
.cta .arrow-icon { stroke:#000 !important; fill:none !important; }

.nav-title {font-weight: bold; font-size:20px; padding-left:10px; font-family:Anton;}

@media (min-width: 900px){
	.detail-desc{
	margin-top:16px; margin-right:50px; font-size:16px; text-align:justify;
	}
}

@media (max-width: 900px){
	.detail-desc{
	margin-top:16px; font-size:16px; text-align:justify;
	}
}

.center{
	text-align:center !important;
}

.container{
	@media (min-width: 900px){
		max-width:80% !importnat;
	}
}