/*
Theme Name: OnePress Child
Theme URI: https://www.famethemes.com/themes/onepress/
Template: onepress
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-menu,featured-images,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,e-commerce,blog,portfolio
Version: 2.3.11.1739899081
Updated: 2025-02-18 18:18:01

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

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


body, button, input, select, textarea {
  font-family: "Roboto", serif;
	font-size: 1rem;
	  color: #333;

}

::-moz-selection {
    background: rgba(216, 216, 216, 0.69);
	color: #000;

}
::selection {
    background: rgba(216, 216, 216, 0.69);
	color: #000;

}


a {
color: #ff0076;
}

a:hover {
color: #2e00ff;
}


@media only screen and (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
		width: 1320px;
    }
}

.site-header {
    line-height: 100px;
}

section#intro {
    padding: 3rem 0px;
	padding-top: 0px !important;
    min-height: 70rem;
	background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
}

.page-header {
    padding: 30px 0px;
    border: 0 !important;
	background: transparent;
}

.site-content {
    border-top: 0px !important;

}

#primary {
padding-top: 0px !important;
}

.banner-image {
    position: absolute !important;
    inset: 0px !important;
    background-size: cover !important;
    background-position: 75% center !important;
    background-repeat: no-repeat !important;
}

div.homepage-square {
width: 100%;
min-height: 350px;
  position: relative;
  background: linear-gradient(to right, #ff0076, #2e00ff);
  padding: 3px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

div.content-module {
  background: #fff;
  padding: 2rem;
	min-height: 350px;

}

h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
}

div.pipirow {
background: #fff;
}

img.pipi {
margin-left: 30px;
margin-bottom: -15px;
}

img.circle {
  border-radius: 50%;
}

.entry-content li {
margin-left: 0em;
}

btcpay-form {
	display: inline-flex;
	align-items: center;
	justify-content: center;}
.btcpay-form--inline {flex-direction: row;}
.btcpay-form--block {flex-direction: column; }
.btcpay-form--inline .submit { margin-left: 15px; }
.btcpay-form--block select { margin-bottom: 10px; }
.btcpay-form .btcpay-custom-container{ text-align: center; }
.btcpay-custom { display: inline-block; align-items: center; justify-content: center; }
.btcpay-form .plus-minus {
	cursor:pointer; font-size:25px;
	line-height: 25px;
	background: #DFE0E1;
	height: 30px;
	width: 45px;
	border:none;
	border-radius: 60px;
	margin: auto 5px;
	display: inline-flex;
	justify-content: center; }
.btcpay-form select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	color: currentColor;
	background: transparent;
	border:1px solid transparent;
	display: inline-block;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	/* cursor: pointer; */} 
.btcpay-form select:hover { /* border-color: #ccc; */ }
#btcpay-input-price { -moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: none; text-align: center; font-size: 18px; margin: auto; border-radius: 5px; line-height: 35px; background: #fff; } 

.banneroverlay {
    border-radius: 0.875rem;
    padding: 0.5rem 4rem 3rem 2.375rem;
    background-color: rgba(255, 255, 255, 0.8) !important;
}


/* Tutorial on https://fossheim.io/writing/posts/css-text-gradient. */

.gradient-text, h1.entry-title {
  /* Fallback: Set a background color. */
  background-color: #ff0076;
  
  /* Create the gradient. */
  background-image: linear-gradient(25deg, #ff0076, #2e00ff);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.onepress-menu a {
 color: #333333; 
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding-left: 21px;
    padding-right: 21px;
	font-size: 16px;
	
	
}


.onepress-menu ul li a {
    border-top: 1px solid #e9e9e9;
    padding: 8px 18px;
    color: #333333;
    font-size: 16px;
}

.page-header .entry-title, .page-header .page-title {
    margin-bottom: 0px;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: none !important;
	 /* Fallback: Set a background color. */
  background-color: #ff0076;
  
  /* Create the gradient. */
  background-image: linear-gradient(25deg, #ff0076, #2e00ff);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.content-module h2 {
	 /* Fallback: Set a background color. */
  background-color: #ff0076;
  
  /* Create the gradient. */
  background-image: linear-gradient(25deg, #ff0076, #2e00ff);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}


p.large {
font-size: 18px;
line-height: 1.6em;
}

.text-end {
        text-align: right !important;
}

.sidebar .widget a {
    color: #fff;
    font-size: 15px;
}


.onepress-menu a:hover, .onepress-menu ul li a:hover, .onepress-menu ul li.current-menu-item > a {
color: #ff0076;
}

h1.gradient-text {
font-size: 56px;
}

.btn {
  border: none;
  display: inline-block;
 text-align: center; 
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  background-color: #ff0076;
  padding: 17px 60px;
/*  margin: 0 auto; */
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btn span {
  position: relative; 
  z-index: 1;
}

.btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #2e00ff;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

h1.entry-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
}

.sidebar .widget a {
    color: #ff0076;
    font-size: 15px;
}

@media screen and (min-width: 1140px) {
    .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
        width: 100%; 
        float: left;
    }
}

.contacts-social i {
font-size: 24px;
}

#colophon ul.sub-menu {
padding-left: 15px;
}

#colophon a {
color: #fff !important;
}


.site-content h2, .site-content h3, .site-content h4 {
/* Fallback: Set a background color. */
  background-color: #ff0076;
  
  /* Create the gradient. */
  background-image: linear-gradient(25deg, #ff0076, #2e00ff);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

p.perex-square {
min-height: 165px;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ff0076;
  content: "“";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.entry-content blockquote {
    padding: 30px;
    position: relative;
    background: #f8f9f9;
    border-left: 3px solid #ff0076;
    font-style: italic;
}

.blog .list-article-meta {
	font-size: 1rem;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0px;
    margin-bottom: 10px;
}

a.read-more {
  border: none;
  display: table;
 text-align: center; 
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  background-color: #ff0076;
  padding: 10px 40px;
/*  margin: 0 auto; */
	margin-top: 20px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.nav-links a, .nav-links .page-numbers {
    background: #ff0076;
    color: #FFFFFF;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
}


.nav-links a:hover, .nav-links:hover .page-numbers:hover {
    background: #2e00ff;

}

input.search-submit {
    background: #ff0076;
}

input.search-submit:hover {
	    background: #2e00ff;
}

ul#menu-main-menu-1 {
padding-top: 20px !important;
}

section.blog {
background: whitesmoke !important;
}

@media only screen and (min-width: 576px) {
div.img-blog {
min-height: 556px;
}
}


@media only screen and (max-width: 576px) {

	
h1.gradient-text {
    font-size: 26px;
}
	
p.large, p, ul, li, blockquote {
    font-size: 16px;
    line-height: 1.6em;
}
	
	.page-header .entry-title, .page-header .page-title,  h1.entry-title {
    font-size: 26px;
}
	
	div#n2-ss-2 p {
	font-size: 16px !important;
	}
	
	div#n2-ss-2 a {
	font-size: 16px !important;	
	}
	
}

#rmp-container-2330 {
background: linear-gradient(-25deg, #ff0076, #2e00ffdd) !important;	
}

.site-branding .site-logo-div {
padding-top: 7px;
padding-bottom: 7px;

}

@media only screen and (min-width: 576px) {
	section#mobile_intro	{
display: none !important;	
	}
}

@media only screen and (max-width: 576px) {
	section#intro {
	display: none !important;	
	}
}

h2.claim {
  font-family: "Licorice", cursive;
font-size: 2.5rem;
}


.intro_hoempage {
padding-right: 0px; 
padding-left: 0px;
}





@media only screen and (max-width: 576px) {
.mt5 {
    margin-top: 3rem !important;
}
	
	img.pipi {
	margin-left: 0px;
	max-width: 80%;
	}
}

div.books h4 {
min-height: 40px;
}

div.n2-ss-layer  h2 {
color: #fff !important;
background: none !important;
font-weight: 800 !important;
-webkit-text-fill-color: #fff !important;
}

div.bottompspot {
background-image: url('/wp-content/uploads/2025/03/left-bottom.png');
  background-repeat: no-repeat;
  background-position: leftt bottom;
min-height: 168px;
  }


.info-playlist-blog {
    border-left: solid 4px #ff0076;
	font-weight: bold;
    padding: 20px;
    background: whitemoke;
	margin-bottom: 30px;
}

span.author {
font-style: normal !important;
}

div#n2-ss-2 .nextend-bullet-bar {
margin-bottom: 20px !important;
}

img.custom-logo {
max-width: 70%;
}

a.button_djtl  {
  background-color: #FFFFFF;
  border: 1px solid #ff0076;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ff0076;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  outline: none;
  padding: 13px 26px;
  position: relative;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  transition: box-shadow .2s,-ms-transform .1s,-webkit-transform .1s,transform .1s;
  user-select: none;
  -webkit-user-select: none;
  width: auto;
}

a.button_djtl:hover  {
background: rgba(255, 0, 118, 0.69);
color: #fff;
}

.intro_button {
background: #ff0076 !important;
color: #fff !important;
}

.intro_button:hover  {
background: #fff !important;
color: #ff0076 !important;
}

button_djtl a:focus-visible {
  box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
  transition: box-shadow .2s;
}

button_djtl a:active {
  background-color: #F7F7F7;
  border-color: #000000;
  transform: scale(.96);
}

button_djtl a:disabled {
  border-color: #DDDDDD;
  color: #DDDDDD;
  cursor: not-allowed;
}

@media only screen and (min-width: 1024px) {
.current-menu-item a {
color: #ff0076 !important;
}
}
	
@media only screen and (max-width: 1024px) {
    #rmp-menu-wrap-2330 .rmp-submenu .rmp-menu-item-link {
font-size: 15px !important;	
	}
	}


#rmp_menu_trigger-2330:focus {
     background: #00a0d1 !important;
    text-decoration: unset;
	border: 0 !important;
}

#rmp_menu_trigger-2330.is-active {
    background: #ff0076 !important;
}

div.counter-number {
  
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: none !important;
    background-color: #ff0076;
    background-image: linear-gradient(25deg, #ff0076, #2e00ff);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

@media only screen and (min-width: 1024px) {
	#intro .container.inimage {
    margin-bottom: 200px;
}	
}

.only_m {
    display: none;
}

@media (max-width: 1024px) {
    .only_m {
        display: block;
    }
}


.headermobile {
    height: 370px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.banneroverlayintro {
    border-radius: 0.875rem;
    padding: 0.5rem 4rem 3rem 2.375rem;
    background-color: rgba(255, 255, 255, 0.8) !important;

}

@media (min-width: 1024px) {
.banneroverlayintro {
	margin-top: 170px;
	margin-bottom: 150px;
	}
}

section.intro-djtl {
 background-image: url('/wp-content/uploads/2025/08/zdenka-intro-foto.jpg');
    background-size: cover;
    background-position: center;
    margin-top: -10px;
	
	}

@media only screen and (max-width: 1024px) {
	section.intro-djtl {
 background-image: none !important;	
		}
}