/*
Theme Name: Hladovaním ku zdraviu
Theme URI: https://aimedia.sk
Author: AiMedia
Author URI: https://aimedia.sk
Description: A basic WordPress theme with Bootstrap named hkz.
Version: 1.0.1
Text Domain: hkz
*/

:root {
    --primary-color: #45b29d;
    --primary-color-rgb: 69, 178, 157;
    --white-color: #ffffff;
    --white-color-rgb: 255, 255, 255;
    --black-color: #000000;
    --black-color-rgb: 0, 0, 0;
    --font-color: #262525;
    --primary-font: 'Open Sans', sans-serif;
    --secondary-font: 'Playfair Display', serif;
	
	--pink: #ffefea;
	--purple: #753a81;
	--green: #3f8e33;
	
}

body { font-family: "Roboto", sans-serif; font-size: 18px !important; }

h1,h2 { font-family: "Marcellus", serif; padding-bottom:0.5em; }
h1,h2 { font-size:3em; }

.marcellus-regular {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
}


#logo {}
#logo img { display:block; margin:1em auto; }

#nav { background-color:var(--pink); }

#menu { width: 100%; }


.wp-element-button { background-color:var(--purple); color: white; transition: background-color 0.3s ease; }
.wp-element-button:hover { background-color:var(--green); }



#top_header { text-align:center; padding:3em 2em; }
#top_header h1 { font-family: "Marcellus", serif; padding-bottom:0.5em; }
#top_header .subheader { font-style:italic; font-weight:bold; }


#banner { position: relative; background-size: cover; background-position: top; color: white;  }
#banner .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); pointer-events: none; }
#banner .container { position: relative; z-index: 1; max-width:700px; padding:10em 2em; }
#banner .container p { padding:1em 0; }


#page_content .container { position: relative; z-index: 1; max-width:800px; padding:5em 0; }
#page_content .container .backlight { background-color:var(--pink); font-size:1em !important; margin-bottom:3em; }
#page_content .container .main_content { padding:0 1em;  }
#page_content .container .main_content p { padding-bottom:1em;  }


footer { background-color:var(--pink);}