/*
Theme Name: MIVA
Author: Tomáš Pilát
Author URI: http://www.archa.cz
Description: zákaznická šablona
Version: 1.1
License: GNU General Public License
License URI: license.txt
*/

/* ------------------------- RESET ------------------------------ */
body, div, h1, h2, h3, h4, p, ul, li, form { margin:0; padding:0; }
div, h1, h2, h3, h4, p, li, th, td, input, select, option, textarea, section { font: inherit; }
a img { border:none; }

html {
	scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* ------------------------- BASIC ------------------------------ */
:root {
	--cerna: #000;
	/*--pisek: #f6f3eb;*/
  --pisek: #efe7d8;
  --pisek: #eee8dd;
  --pisek: #f3eee6;
	--tmpisek: #ceb89b;
	--kamen: #889ead;
	--tmkamen: #5e7584;
	--bezova: #f5f5f2;
	--oranz: #e58701;
	--seda: #888;
	--basic-font: var(--wp--preset--font-family--rubik), sans-serif;
  --heavy-font: var(--wp--preset--font-family--montserrat), sans-serif;
}
* {
	box-sizing:border-box;
}
html {
  /*overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;*/
  /*scroll-padding-top: 177px;  height of sticky header (#toplista a #top) */
}
body {
  margin:0 auto;
  background: var(--pisek);
	font-family:sans-serif;		/* fallback font for old browsers */
	font-family:var(--basic-font);
  font-size:19px;
  line-height: 1.5;
  color:var(--cerna);
  text-align:center;
}
h1, h2, h3, h4 {
  font-family:var(--heavy-font);
  font-weight: 900;
  line-height:1.1em;
}
h1 {
	font-size:48px;
  margin:0.5em 0 1em 0;
}
h2 {
	font-size:36px;
  margin: 1.5em 0 1em 0;
}
h3 {
	font-size: 28px;
	margin:	2em 0 1em 0;
}
h4 {
	font-size: 22px;
  margin: 2em 0 0.7em 0;
}
p {
  margin-bottom:1em;
}
main ul, main ol {
	margin:0 0 1.5em 3em;
}
main ul li, main ol li {
	margin-bottom:0.5em;
}
a, a:visited {
	color: var(--tmkamen);
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.fr { float:right; }
.fl { float:left; }
.cb { clear:both; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.bold { font-weight:700; }

.cols2 {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
	text-align:left;
}
.cols3 {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
	text-align:left;
}
span.break {
	display:block;
}
.container {
  width:1560px;
  margin:0px auto;
  text-align:left;
  padding:0 3em;
}
.container.wide {
  width:1500px;
}
ul, ol {
  margin-top:0;
}

/* ------------------------ WORDPRESS BASIC ---------------------------- */
.my-logo div{
  width: 32px;
  height: 32px;
  background-image: url("./assets/css/custom-logo.png") no-repeat;
}
a.post-edit-link, a.post-edit-link:visited {
  float:right;
  text-transform:uppercase;
}


/* ------------------------- TOP ------------------------------ */
header {
  overflow:auto;
  height:360px;
  background: url('assets/css/haldy8.png') bottom center no-repeat;
	position:relative;
}
header .container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99;
  display: flex;
  justify-content: space-between;
	padding-top:2em;
}
#logo {
	width: 180px;
}
#logo a {
	display: block;
}
#logo img {
	width: 140px;
  height: auto;
}
#kontakty {
	text-align:right;
}
#kontakty a, #kontakty a:visited {
	color:#000;
  font-weight: normal;
}
#kontakty .call {
	background: #000;
  color: var(--pisek);
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 7px;
}
#kontakty .call::before {
	content:'';
	display:inline-block;
	width: 20px;
  height: 20px;
  background: url('assets/css/telefon2.svg') center no-repeat;
	background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}
#kontakty .call:hover {
	text-decoration:none;
	background:var(--kamen);
	color:#fff;
}
#topmenu {
  display: flex;
  justify-content: center;
	overflow:hidden;
}
#topmenu li {
  display: inline-block;
	list-style-type: none;
}
#topmenu li.mobile {
	display:none;
}
#topmenu li a, #topmenu li a:visited {
  display:block;
	padding: 30px 15px 10px 15px;
	font-family:var(--heavy-font);
  font-size: 21px;
  text-transform: uppercase;
  text-decoration:none;
  color:var(--tmkamen);
}
#topmenu li a:hover {
  text-decoration:underline;
}
#topmenu li.menu-item-has-children:hover a,
#topmenu li.menu-item-has-children:focus-within a {
  cursor:default;
}
#topmenu li.menu-item-has-children:hover > a {
	text-decoration:none;
}
#topmenu li.current-menu-item > a, #topmenu li.current-menu-item > a:visited {
	color:#000;
}
#topmenu li.current-menu-parent > a, #topmenu li.current-menu-parent > a:visited {
  text-decoration:underline !important;
}
#topmenu li .sub-menu {
  position: absolute;
	display: none;
	margin-left: 0;
  padding:0.3em 1em 0.7em 1em;
  box-shadow: 0px 16px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
}
#topmenu li .sub-menu li {
  display: block;
  text-align: left;
	position:relative;
}
#topmenu li .sub-menu li a, #topmenu li .sub-menu li a:visited {
  line-height: 1.2em;
  font-family:var(--basic-font);
  font-weight: normal;
  text-transform: none;
  color:#fff;
  float: none;
  padding:8px 0;
  text-decoration: none;
  display: block;
  break-inside:avoid; /* zabrání zalamování obsahu prvku do více sloupců*/
}
#topmenu li:hover > .sub-menu,
#topmenu li:focus-within > .sub-menu,
#topmenu li ul:hover,
#topmenu li ul:focus {
   display: block;
}
#topmenu li .sub-menu li a:hover {
	cursor: pointer;
  text-decoration: underline;
}
#closebtn,
#topmenu li.icon {
  display: none;
}
#fullmenu {
	display:none;
}
#menu_icon {
	display:none;
}
.social img {
	width:20px;
	height:20px;
  vertical-align: middle;
  margin-bottom: 3px;
}
#topmenu li.social:hover a {
  background:var(--svestkova);
  cursor:pointer;
}
/* korekce mm menu */
.mm-page {
	min-height:initial !important;
}
.mm-btn--next::after {
  right: 23px !important; /* osetreni inset-inline-end na starsich android browserech */
}
.mm-listitem--selected a, .mm-listitem--selected a:visited,
.mm_selected_group {
  font-weight: bold;
}

/* ------------------------- HOMEPAGE ------------------------------ */
.home h1 {
	margin-top:10px;
	font-size:68px;
	line-height:50px;
}
.home h1 span {
	font-size:28px;
}
#aktuality {
	margin-bottom:4em;
}
#aktuality:has(> .container:empty) {
  margin-bottom:0;
}
#aktuality .container {
	display:flex;
	flex-wrap:wrap;
  justify-content: center;
	gap:2em;
}
#aktuality article {
	width: calc(50% - 2em);
	padding:1.5em 2em;
  border: 2px dotted var(--kamen);
}
#aktuality .datum {
	flex-basis: 80px;
  color: var(--vinova);
  font-family: var(--heavy-font);
	font-weight:bold;
	font-size:25px;
  line-height: 1.15em;
}
#aktuality .popisky {
	flex:1;
}
#aktuality h3 {
	margin: 0 0 0.2em 0;
  line-height: 1.15em;
}
#aktuality .akce {
  background: var(--kamen);
	color:#fff;
}
#aktuality b {
	font-family: var(--heavy-font);
  font-weight: 900;
}
#aktuality .preskrtnuti {
	color: #000;
	text-decoration: line-through;
}
#aktuality p:last-child {
	margin-bottom:0;
}
#kategorie_linky {
	list-style-type:none;
  margin: 0;
}
#kategorie_linky li {
	display:inline-block;
  margin: 0 10px;
}
#kategorie_linky a, #kategorie_linky a:visited {
	color: #000;
  font-weight: normal;
}
#kategorie_produktu {
	margin-left: 0;
	list-style-type:none;
	display:flex;
  flex-wrap: wrap;
	justify-content:center;
	gap:1em;
}
#kategorie_produktu li {
	width: calc(25% - 1em);
  text-align: center;
}
#kategorie_produktu li a {
	display:block;
}
#kategorie_produktu li img {
	width: 100%;
  height: auto;
  max-width: 320px;
	border-radius: 1em;
}
#kategorie_produktu li a div {
  padding: 0.3em 1em 1em 1em;
  line-height: 1.2em;
  font-family: var(--heavy-font);
  font-size: 26px;
  text-transform: uppercase;
  color: #000;
}
#bilina {
	text-align:center;
	padding:1em;
}
#bilina img {
  width: 100%;
  max-width: 400px;
}
#cenik_kategorie {
	column-count: 2;
  column-gap: 3em;
}
#cenik_kategorie h2 {
  font-size: 24px;
  margin: 0 0 0.5em 5px;
}
#cenik_kategorie article {
	break-inside: avoid;
  -webkit-column-break-inside: avoid; /* pro starší Chrome/Safari */
  page-break-inside: avoid;  /* pro starší Firefox */
	margin-bottom:2em;
  position: relative;
}
#cenik_kategorie article table {
	width:100%;
  border-collapse: collapse;  /* zruší zdvojené rámečky a mezery mezi buňkami, linka pod řádkem pak bude souvislá */
}
#cenik_kategorie article table tr > td {
	vertical-align:top;
  padding: 5px 0 5px 5px;
	border-bottom:2px dotted #999;
}
#cenik_kategorie article table tr.akcni > td {
	color:var(--oranz);
}
#cenik_kategorie article table td:nth-child(2) {
  width:60px;
  text-align:right;
}
#cenik_kategorie article table td:nth-child(3) {
  width:75px;
	padding-left:10px;
}
.akcni {
	color: var(--kamen);
  font-weight: bold;
}
.akcni td span {
	font-weight:bold;
	text-decoration:line-through;
}
.akcni td > div {
  font-weight:bold;
	color:var(--kamen);
  line-height: 1.2em;
}
p:has(~ .akcni) {
	margin-bottom:0;
}

/* ------------------------- PAGE/SINGLE ------------------------------ */
.page h1 {
	text-transform:uppercase;
	text-align:center;
}
.wp-block-file:not(.wp-element-button) {
  font-size: 1em;
}
.wp-block-file a, .wp-block-file a:visited {
  content: '';
  display: inline-block;
	margin: 0 0.5em 0 0;
  padding: 3px 10px 3px 30px;
  background: url('assets/css/ikona_stahnout.svg') 13px center no-repeat;
  background-size: 11px;
  border-radius: 10px;
  text-decoration: none;
}
.wp-block-file a.wp-block-file__button {
	display:none;
}
.wp-block-file a:hover {
  background-image:url('assets/css/ikona_stahnout_hover.svg');
	color:#fff;
	text-decoration:none;
}
.wp-block-file + .wp-block-image {
	margin-top:2em;
}
#produkty_prodej {
	text-align: center;
}
#produkty_prodej h2 {
  position: relative;
  display: inline-block;
  padding: 2em 0.5em 0 0.5em;
  background: var(--pisek);
}
#produkty_prodej h2:first-of-type {
	padding-top: 0;
}
#produkty_prodej .kategorie {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:1.5em;
}
#produkty_prodej .kategorie article {
	width: calc(25% - 1.5em);
  text-align: center;
}
#produkty_prodej .kategorie article a {
	display: block;
  max-width: 320px;
  margin: 0 auto;
	position: relative;
}
#produkty_prodej h4 {
  margin: 0.5em 0;
}
#produkty_prodej img {
  border-radius: 1em;
  width: 100%;
  height: auto;
  max-width: 320px;
}
#produkty_prodej .cena {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pisek);
	color:#000;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  line-height: 1.1em;
  font-weight: bold;
  position: absolute;
  bottom: 10%;
  right: 10%;
  flex-direction: column;
}
#produkty_prodej .cena div {
  font-family: var(--heavy-font);
  font-weight: 900;
 	font-size: 24px;
}
#produkty_prodej .akce .cena {
  /*background: var(--oranz);*/
  background: #000;
  color: #fff;
}
#produkty_prodej article .akcni {
  line-height: 1.2em;
}

.page-id-26 .container > .wp-block-group > .wp-block-group__inner-container {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:1em;
  margin-bottom: 2em;
}
.page-id-26 .container > .wp-block-group > .wp-block-group__inner-container .wp-block-group {
	width:calc(20% - 1em);
}
.page-id-26 .container .wp-block-group h2 {
  font-size: 21px;
  margin-bottom: 0.5em;
}

/* ------------------------- CATEGORY ------------------------------ */
.tax-produkty h1 {
  text-align:center;
  text-transform: uppercase;
}
#produkty_v_kategorii {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:1.5em;
}
#produkty_v_kategorii article {
	width:calc(25% - 1.5em);
  text-align: center;
}
#produkty_v_kategorii a:has(img) {
	display:block;
  max-width: 320px;
  margin: 0 auto;
  position: relative;
}
#produkty_v_kategorii img {
	border-radius: 1em;
  width: 100%;
  height: auto;
  max-width: 320px;
}
#produkty_v_kategorii .cena {
	display: flex;
  align-items: center;
  justify-content: center;
	background: var(--pisek);
	color:#000;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  line-height: 1.1em;
  position: absolute;
  bottom: 10%;
  right: 10%;
  flex-direction: column;
}
#produkty_v_kategorii .cena div {
  font-family: var(--heavy-font);
  font-weight: 900;
 	font-size: 24px;
}
#produkty_v_kategorii .cena.detaily {
  background: #000;
}
#produkty_v_kategorii .cena.detaily a, #produkty_v_kategorii .cena.detaily a:visited {
	color:#fff;
}
#produkty_v_kategorii h4 {
  margin: 0.5em 0;
}
/*#produkty_v_kategorii .akce h4 {
	color:var(--oranz);
}*/
#produkty_v_kategorii article .akcni {
	line-height:1.2em;
}
.popis_kategorie {
	margin-top:2em;
	text-align:center;
}
#produkty_v_kategorii .akce .cena {
	/*background:var(--oranz);*/
  background: #000;
  color: #fff;
}

/* ------------------------- FORM ------------------------------ */
.wpcf7-form {
  margin: 0 auto 2em auto;
	padding: 1em 2em;
}
.wpcf7-form fieldset {
	display:none;
}
.wpcf7-form .souvisejici {
	display:flex;
	width:100%;
  gap:1em;
}
.wpcf7-form .souvisejici div {
	width:50%;
}
.wpcf7-form .souhlasy {
	line-height: 1.2em;
  padding:0;
}
.wpcf7-form .souhlasy h3 {
	margin: 0 0 10px 0;
}
.wpcf7-form .souhlasy .wpcf7-list-item {
  margin: 0.5em 0 0 0;
}
.wpcf7-form #souhlas .wpcf7-acceptance {
	color:var(--oranz);
}
.wpcf7-form p {
  text-align:left;
  font-size: 16px;
}
.wpcf7-form p label {
  font-size: 19px;
}
.wpcf7-form p:has(span[data-name="capital-quiz"]){
	margin-top:1em;
}
.wpcf7-form h2 {
	margin-top:0;
}
.wpcf7-form div {
  line-height:30px;
}
.wpcf7-form label {
  line-height: 30px;
}
.wpcf7-form .wpcf7-acceptance label {
	line-height: 1.2em;
}
.wpcf7-form input,
.wpcf7-form textarea {
  width:100%;
  padding:0 10px;
  line-height:1.5em;
}
.wpcf7-form input[type="checkbox"] {
  width: auto;
}
.wpcf7-form textarea {
  height:150px;
  line-height: 1.3em;
  padding-top: 6px;
  border-radius: 5px;
}
.wpcf7-form select {
	width: 100%;
  padding: 3px 7px;
  line-height: 1.7em;
  border-radius: 5px;
}
.wpcf7-form input[type="submit"]{
  width: auto;
	margin: 1em 0;
  border:none;
  background:var(--oranz);
  color:white;
  text-transform:uppercase;
  line-height:1em;
	padding: 10px 20px;
  border-radius: 10px;
}
.wpcf7-form input[type="submit"]:hover{
	cursor:pointer;
}
.wpcf7 .screen-reader-response {
	display:none;
}
.wpcf7-form .wpcf7-response-output {
  margin:20px 0;
  padding:0;
}
.wpcf7-form .wpcf7-response-output:empty {
	display:none;
}
.wpcf7-validation-errors,
.wpcf7-not-valid-tip {
	color:red;
}
.wpcf7-form .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  margin:20px 0;
  padding:1em 1em;
}
.wpcf7-form .souhlas {
	margin: 10px 0;
}
.wpcf7-form span[data-name="souhlas"] {
	display:block;
}
.wpcf7-form span[data-name="souhlas"] .wpcf7-list-item {
  margin-left:0;
}
.wpcf7-form span[data-name="souhlas"] input[name="souhlas"] {
  width: 20px;
  float: left;
}
.wpcf7-form .two {
	display:flex;
	width:100%;
  gap: 1em;
}
.wpcf7-form .two div {
	width:50%;
}
/* highlight required fields with invalid data */
.wpcf7-form input {
  border:1px solid #bbb;
  border-radius: 5px;
}
.wpcf7-form #kolik {
	background: #eee;
}
.wpcf7-form input.wpcf7-validates-as-required.wpcf7-not-valid,
.wpcf7-form input.wpcf7-validates-as-required.wpcf7-not-valid:focus,
.wpcf7-form select.wpcf7-validates-as-required.wpcf7-not-valid,
.wpcf7-form select.wpcf7-validates-as-required.wpcf7-not-valid:focus,
.wpcf7-form #chci_potvrzeni .wpcf7-not-valid,
.wpcf7-form .wpcf7-quiz.wpcf7-not-valid {
  background:var(--oranz);
  color: #fff;
}
.wpcf7-form .wpcf7-not-valid-tip {
  color:var(--oranz);
  line-height: 1.2em;
}

.grecaptcha-badge { visibility: hidden !important; }

/* ------------------------- FOOTER ------------------------------ */
footer {
	margin-top: 3em;
  padding: 3em 0;
}
footer .container {
	text-align:center;
}
footer h3 {
  margin: 0 0 0.5em 0;
}
footer ul {
	list-style-type:none;
}
footer ul li {
	display: inline-block;
  margin: 0 1em;
}
footer ul li a, footer ul li a:visited,
.cookie_link {
	font-size: 21px;
  text-transform: uppercase;
}

/* ------------------------- TICKER ------------------------------ */
#ticker {
  width: 100%;
  overflow: hidden;
  background: #222;
  color: #fff;
}
#ticker_container {
  width: 100%;
  overflow: hidden;
  height: 3rem;
  padding-left: 100%; /* zacatek */
  box-sizing: content-box;
}
#ticker_box {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: 30s;
  transform: translate3d(-25%, 0, 0);
}
#ticker_box:hover {
  animation-play-state: paused;
}
#ticker_box .ticker_item {
  display: inline-block;
  padding: 0 3rem;
}
#ticker_box .ticker_item::before {
  content:'';
  width:10px;
  height:10px;
  display:inline-block;
  background-color:var(--tyrkys);
  border-radius:50%;
  margin-right:10px;
}
#ticker_box .ticker_item p {
  display:inline;
}
#ticker_box .ticker_item strong {
	text-transform:uppercase;
	margin-right:0.5em;
}
@keyframes ticker {
  0% {
    transform: translate3d(-25%, 0, 0);
    visibility: visible;
  }
  75% {
    transform: translate3d(-100%, 0, 0);
  }
  75.001% {
    transform: translate3d(0, 0, 0);
  }
}

/* ------------------------- COOKIES ------------------------------ */
#cookies-alert {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1em 3em;
  z-index: 9999999;
  background-color: #333;
	color:#fff;
  border-top: 1px solid #fff;
}
#cookies-alert p,
#cookies-settings p {
	margin-bottom:0;
}
#cookies-alert .button,
#cookies-settings .button {
  border:none;
	text-transform:uppercase;
	display:inline-block;
}
#cookies-alert .button:hover,
#cookies-settings .button:hover {
  text-decoration:none;
}
#cookies-alert .button {
  margin: 0;
  padding: 7px 15px;
 	display: inline-block;
	color:#fff;
}
#cookies-alert .button:hover {
	background:var(--oranz);
  cursor:pointer;
}
#cookies-settings .button {
  margin: 0 30px 0 0;
	padding: 0;
  font-weight: bold;
}
#cookies-settings .button:hover {
  color:#000;
	cursor:pointer;
}
#cookies-settings .group h2 {
	text-align:left;
	margin:15px 0 0 0;
  font-size: 23px;
}
#cookies-settings .group p {
	padding-left:80px;
}
.buttons {
  overflow: auto;
	line-height: 3em;
	padding-left:80px;
  margin-top: 20px;
}
.switch, .switch-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 25px;
  margin-right:20px;
}
.switch input, .switch-item input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider, .slider-item {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--kamen);
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before, .slider-item:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider, input:checked + .slider-item {
  background-color: var(--oranz);
}
input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
input:checked + .slider-item:before {
  -webkit-transform: translateX(-8px);
  -ms-transform: translateX(-8px);
  transform: translateX(-8px);
}
input#cookieset_nutne:checked + .slider {  cursor: default;	}
input#cookieset_nutne:checked + .slider::before {	opacity: 0.5; /* nutne cookies */	}
.slider.round {	border-radius: 34px;	}
.slider-item.round { border-radius: 22px;	}
.slider.round:before, .slider-item.round:before {	border-radius: 50%;	}

.cookie_link {
	color:var(--tmkamen);
	font-weight:bold;
}
.cookie_link:hover {
	cursor:pointer;
  text-decoration:underline;
}
#cookies-modal {
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.8);
  display: none;
	justify-content:center;
  align-items:center;
}
#cookies-modal-box {
  background-color: var(--pisek);
  width: 900px;
	max-height:calc(100% - 4em);
  padding:1.5em;
	overflow-x:auto;
	position:relative;
	text-align: left;
}
#cookies-modal-box .title {
  font-size:34px;
	font-weight:bold;
	margin-bottom:0.3em;
}
#cookies-modal-box p {
  line-height: 1.2em;
}
.close-modal {
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 50px;
  font-weight: bold;
  color: #000;
}
.close-modal:hover,
.close-modal:focus {
  cursor: pointer;
}