/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* My blue color code: Hex: #3895D3 */

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

body {
	/*
	background-image: url("/wp-content/uploads/2022/09/servery.jpg");
	*/
	background-image: url("../../uploads/2026/03/home-office-notebook-chlap.webp");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-color: #fff;
	color: #000;
}
a:focus,
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4 {
	font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, a {
	color: #0055b3; /* #3895D3 */
	background-color: inherit;
}
dt {
	font-size: 150%;
}
dd {
	margin: 0;
	padding: 20px 0;
}
/*
h1.entry-title {
	color: #0055b3;
}
*/
h1 {
	font-size: 100%;
}
div.entry-content img {
	width: 100%;
}
@media only screen and (min-width: 1200px) {
div.entry-content img {
	max-width: 60%;
	display: block;
	margin: 0 auto;
}
}
@media only screen and (min-width: 600px) {
h1 {
	font-size: 150%;
}
}
@media only screen and (min-width: 992px) {
h1 {
	font-size: 250%;
}
}
/*
a:hover {
	text-decoration: underline;
}
*/
#site-navigation {
	position: sticky;
	top: 0;
	background-color: #0055b3;
	color: #fff;
}
.main-navigation a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}
.main-navigation,
.main-navigation .main-nav ul li a, 
.main-navigation .main-nav ul ul li a, 
.menu-toggle, 
.main-navigation .menu-bar-items {
	background-color: #0055b3;
	color: #fff;
}
.menu-toggle {
	background-color: #0055b3 !important;
	color: #fff !important;
}
.navigation-search input[type="search"], 
.navigation-search input[type="search"]:active, 
.navigation-search input[type="search"]:focus, 
.main-navigation .main-nav ul li.search-item.active > a, 
.main-navigation .menu-bar-items .search-item.active > a,
.dropdown-hover .main-navigation:not(.toggled) ul li:focus a, 
.dropdown-hover .main-navigation:not(.toggled) ul li:hover a, 
.dropdown-hover .main-navigation:not(.toggled) ul li:focus > ul, 
.dropdown-hover .main-navigation:not(.toggled) ul li:hover > ul, 
.dropdown-hover .main-navigation:not(.toggled) ul li.sfHover > ul,
.dropdown-hover .main-navigation:not(.toggled) ul li.sfHover a:focus,
.dropdown-hover .main-navigation:not(.toggled) ul li.sfHover > ul a:focus,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, 
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a,
.main-navigation .main-nav ul li:hover > a, 
.main-navigation .main-nav ul li:focus > a, 
.main-navigation .main-nav ul li.sfHover > a, 
.main-navigation .menu-bar-item:hover > a, 
.main-navigation .menu-bar-item.sfHover > a {
	background-color: #fff;
	color: #0055b3;
	text-decoration: none;
	border: none;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
	background-color: #fff !important;
	color: #0055b3 !important;
}
.main-navigation .main-nav ul ul li:hover > a, .main-navigation .main-nav ul ul li:focus > a, .main-navigation .main-nav ul ul li.sfHover > a {
	background-color: #fff;
	color: #0055b3;
	border: none;
}
button.menu-toggle, button.menu-toggle:hover, button.menu-toggle:focus, .main-navigation .mobile-bar-items a, .main-navigation .mobile-bar-items a:hover, .main-navigation .mobile-bar-items a:focus {
	color: #fff;
}
#the-very-best-slogan {
	margin: 0 auto;
	padding: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	color: #0055b3;
	background-color: #fff;
	position: relative;
	width: 100%;
	clear: both;
}
@keyframes moveit {
  0%   {text-align: left;}
/*  10%   {text-align: center;}
  20%  {text-align: right;}*/
  30%   {text-align: center;}
/*  40%  {text-align: left;}
  50%   {text-align: center;}*/
  60%  {text-align: right;}
/*  70%   {text-align: center;}*/
  80%  {text-align: left;}
  90% {text-align: center;}
  100% {text-align: center;}
}
#content a {
	font-weight: bold;
}
.entry-meta {
	text-align: center;
	padding-top: 15px;
}
article.post img.wp-post-image {
	width: 80%;
}
.my-bio {
	margin: 0 auto;
	max-width: 700px;
	border: 1px solid #0055b3;
	border-radius: 10px;
	padding: 30px;
	clear: both;
	line-height: 2;
	text-align: center;
	height: 100%;
}
div.entry-content .my-bio img {
	display: block;
	text-align: center;
	width: 120px;
	height: 180px;
	margin: 10px auto 20px auto;
	border-radius: 12px;
}
.my-bio a {
	text-decoration: underline;
	font-weight: bold;
}
.my-bio a:hover {
	text-decoration: none;
}
@media only screen and (min-width: 782px) {
  /* For tablets and desktops: */
.my-bio {
	text-align: left !important;
}
.my-bio img {
	float: left;
	margin: 0 20px 20px 0 !important;
}
}
@media only screen and (max-width: 782px) {
.my-bio img {
	text-align: center;
}
}
/*
.copyright-bar {
	font-weight: bold;
}
*/
.copyright-bar p {
	margin: 0;
	padding: 0;
	line-height: 2;
}
.copyright-bar p a {
	text-decoration: underline;
}
.copyright-bar p a:active,
.copyright-bar p a:focus,
.copyright-bar p a:hover {
	text-decoration: none;
}
#the-very-best-slogan strong {
	display: block;
	animation-name: zoomIn;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
}
@keyframes zoomIn {
	0%    {transform: scale(0);}
	10%   {transform: scale(0.1);}
	20%   {transform: scale(0.2);}
	30%   {transform: scale(0.3);}
	40%   {transform: scale(0.4);}
	50%   {transform: scale(0.5);}
	60%   {transform: scale(0.6);}
	70%   {transform: scale(0.7);}
	80%   {transform: scale(0.8);}
	90%   {transform: scale(0.9);}
    100%  {transform: scale(1);}
}
#content a {
	/* font-weight: bold; */
	text-decoration: underline;
}
#content a:active,
#content a:focus,
#content a:hover {
	text-decoration: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
	background-color: #0055b3;
}
#the-best-catalog {
	background-color: #fff /* rgba(77, 77, 77, 0.7) */;
	color: #000;
	/*
	border-top: 1px solid;
	padding: 20px;
	*/
	padding: 0;
	margin: 0;
	clear: both;
	width: 100%;
	overflow: auto;
}
#the-best-catalog.grid-container {
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}
#the-best-catalog h2,
#the-best-catalog h3 {
	margin: 0;
	padding: 20px;
	text-align: center;
	clear: both;
	background-color: #0055b3;
	color: #fff;
}
#the-best-catalog h3 {
	margin: 0;
	font-weight: none;
}
#the-best-catalog div.stlpec {
	margin: 0.5em 5px;
	/*
	padding-bottom: 5px;
	padding-top: 10px;
	*/
	/*
	background-color: #fff;
	color: #000;
	*/
	/*
	border: 1px solid #0055b3;
	border-radius: 10px;
	*/
}
@media (min-width: 600px) {
#the-best-catalog div.stlpec {
	width: 48%;
	float: left;
	min-height: 420px;
}
}
@media (min-width: 1025px) {
#the-best-catalog {
	padding: 40px;
}
#the-best-catalog div.stlpec {
	width: 24%;
}
}
#the-best-catalog div.stlpec h3,
#the-best-catalog div.stlpec h4 {
	background-color: #fff;
	color: #0055b3;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 20px;
}
#the-best-catalog div.stlpec h4 {
	padding: 0;
}
#the-best-catalog div.stlpec a {
	background-color: #fff;
	color: #0055b3;
	text-decoration: underline;
}
#the-best-catalog div.stlpec a:active,
#the-best-catalog div.stlpec a:focus,
#the-best-catalog div.stlpec a:hover {
	text-decoration: none;
}
#the-best-catalog div.stlpec ul {
	list-style-type: square;
}
.site-footer {
	clear: both;
	float: none;
}
.site-info,
.site-info a {
	background-color: #0055b3;
	color: #fff;
	font-weight: bold;
}
#content label {
	font-weight: bold;
	/*
	color: #0055b3;
	*/
}
#content .wpcf7-text,
#content .wpcf7-textarea {
	width: 100%;
	max-width: 600px;
	/*
	border-color: #000 !important;
	*/
	border: 1px solid #000 !important;
	margin-top: 20px;
}
#content .wpcf7-text:focus,
#content .wpcf7-textarea:focus {
	border: 2px solid #000 !important;
}
#content .wpcf7-submit {
	display: block;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	width: 100%;
	max-width: 200px;
	font-weight: bold;
	font-size: 120%;
	padding: 20px;
	cursor: pointer;
}
div.my-custom-entry-header {
	/*
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	*/
	background: transparent;
}
div.my-custom-entry-header div {
	/*background-color: rgba(77, 77, 77, 0.7);*/
	background-color: rgba(36, 38, 42, 0.7);
	color: #fff;
	padding: 200px 100px;
}
div.my-custom-entry-header div h1 {
	font-size: 300%;
	text-align: center;
	text-shadow: 5px 5px #000;
	color: #fff;
	background: transparent;
	/* background-color: rgba(77, 77, 77, 0.7); */
	padding: 10px;
	/*
	border: 2px solid;
	*/
}
div.my-custom-entry-header div p {
	font-size: 200%;
	text-align: center;
}
div.my-custom-entry-header div p a {
	color: #fff;
}
/*
div.my-custom-entry-header div p a:focus,
div.my-custom-entry-header div p a:hover {
	text-decoration: none;
}
*/
@media only screen and (max-width: 767px) {
div.my-custom-entry-header {
	background-size: cover;
	background-attachment: scroll;
}
div.my-custom-entry-header div {
	padding: 100px 20px;
}
div.my-custom-entry-header div h1 {
	font-size: 150%;
}
div.my-custom-entry-header div p {
	font-size: 100%;
	margin: 0;
}
}
.nav-below-header .main-navigation .inside-navigation.grid-container, 
.nav-above-header .main-navigation .inside-navigation.grid-container {
    padding: 0;
}
@media only screen and (min-width: 1024px) {
div.stlpceky {
	clear: both;
	float: none;
	width: 100%;
}
div.stlpcek-lavy,
div.stlpcek-pravy {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
}
.firma {
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	max-width: 500px;
}
.firma h2 {
	font-size: 150%;
}
body.home article.post,
body.archive article.post {
	position: relative;
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	padding: 10px;
	height: 266px;
}
}
@media only screen and (max-width: 1200px) {
article {
	padding: 0 !important;
}
}
@media only screen and (min-width: 1200px) {
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
	margin: 0 auto;
	background-color: transparent;
	/* width + height */
	width: 400px;
	height: 100%;
	min-height: 450px;
	/* end of width + height */
}
}
@media only screen and (min-width: 1700px) {
body.home article.post,
body.archive article.post {
	height: 600px;
}
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
	width: 600px;
	height: 100%;
}
}
.flip-card h2 {
	line-height: 1.5em;
	font-size: 25px;
	padding-top: 10px;
}
.flip-card h2 a {
	line-height: 1.5em;
	font-size: 25px;
}
.clearme,
footer.entry-meta {
	width: 100%;
	float: none;
	clear: both;
}
body.home article.post a,
body.archive article.post a,
body.home article.post img.wp-post-image,
body.archive article.post img.wp-post-image {
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: block;
}
@media only screen and (min-width: 1700px) {
body.home article.post img.wp-post-image,
body.archive article.post img.wp-post-image {
	min-height: 450px;
}
}
body.archive.one-container .site-content,
body.home.one-container .site-content {
    padding: 15px !important;
}
.grecaptcha-badge {
	opacity:0;
}
h2.rp-hlavny-podnadpis {
	font-size: 200%;
	color: #000;
	text-align: center;
}
h2.rp-hlavny-podnadpis strong {
	color: #0055b3;
	display: block;
}
p#tlacidlo-poslat-dalej1 {
	clear: both;
	text-align: center;
}
p#tlacidlo-poslat-dalej2 {
	clear: both;
	text-align: center;
}
body.page p#tlacidlo-poslat-dalej2 {
	margin: 0;
	margin-top: -20px;
}
a.tlacidlo-poslat-dalej {
	display: inline-block;
	padding: 7px;
	margin: 20px auto 0 auto;
	border: 1px solid;
	border-radius: 5px;
	text-decoration: none !important;
	text-align: center;
}
.clearme {
	width: 100%;
	float: none;
	clear: both;
}
img.rss-widget-icon {
	display: none;
}
.copyright-bar p br {
	display: none;
}
@media (max-width: 599px) {
#the-very-best-slogan {
	font-size: 100%;
}
h2,
p.rp-hlavny-podnadpis,
.firma h2 {
	font-size: 120%;
}
#content .wpcf7-submit {
	max-width: 100%;
}
/*
.copyright-bar p a.oddelovac,
.zlom-riadok {
	display: block;
}
*/
.copyright-bar p br {
	display: block;
}
.schovaj-ma-na-mobile {
	display: none;
}
}
#footer-widgets,
.widget {
	margin: 0;
	padding: 0;
}
#footer-widgets {
	padding: 20px 0 0 0;
}
.site-footer .footer-widgets-container .inner-padding {
	padding: 0;
}
#custom_html-2 > div {
	padding: 40px 40px 0 40px;
}
.widget ul {
	margin: 0;
	padding: 40px 40px 40px 40px;
}
.widget ul li {
	margin-left: 0;
}
.footer-widgets-container {
	padding: 0;
	margin: 0;
}
.site-footer .footer-widgets-container .inner-padding {
	padding: 0;
}
h2.widget-title {
	padding: 20px;
	margin: 0;
	min-height: 70px;
}
h2.widget-title,
h2.widget-title a {
	text-align: center;
	background-color: #0055b3;
	color: #fff;
}
h2.widget-title a:hover {
	text-decoration: none;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
	margin-left: 0;
}
section#spickova-vyzva-k-akcii {
	color: #000;
	background-color: #fff;
	clear: both;
	width: 100%;
}
section#spickova-vyzva-k-akcii h1 {
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 20px 20px 0px 20px;
	text-align: center;
	font-size: 120%;
}
div.top-reklama {
	/* border: 1px solid; */
	margin: 1em 0;
	padding: /* 20px */ 0;
}
div.top-reklama h2 {
	font-size: 150%;
	text-align: center;
}
div.top-reklama p {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin: 1.5em 0;
}
div.top-reklama p a {
	display: block;
	font-style: normal;
	border: 1px solid;
	padding: 20px;
	margin: 0 auto;
	max-width: 300px;
	background-color: #0055b3;
	color: #fff;
}
p.rp-cta-pre-it-firmy {
	border: 1px solid;
	margin: 1em 0;
	padding: 20px;
	text-align: center;
	font-weight: bold;
}
p.rp-cta-pre-it-firmy strong {
	color: #0055b3;
}
@media only screen and (min-width: 782px) {
div.moje-stlpceky {
	clear: both;
	float: none;
	width: 100%;
}
div.moj-stlpcek {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
}
}
#nav-below {
	width: 100%;
	clear: both;
	float: none;
}
p.reklamny-banner {
	text-align: center;
	clear: both;
	width: 100%;
	float: none;
	padding-top: 20px;
}
@media only screen and (max-width: 600px) {
p.reklamny-banner a {
	display: block;
	margin: 0 auto;
	width: 250px;
	height: 250px;
	background-image: url("../../uploads/2025/01/hostcreators_250x250_banner.png");
	background-repeat: no-repeat;
}
p.reklamny-banner a img {
	display: none;
}
}
.site-header .header-image {
	max-width: 280px;
}
.site-logo {
	margin: 0 0 0 auto;
}
p#the-very-best-slogan {
	margin: 0 auto 0 0;
	max-width: 650px;
}
iframe.youtube-video {
	width: 100%; 
}
@media only screen and (min-width: 1025px) {
iframe.youtube-video {
	height: 600px;
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}
}