/*
 Theme Name:     CHUŤ POMÁHAT
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Šablona pro Chuť pomáhat
 Author:         Lukas Frei
 Author URI:     https://lukasfrei.cz
 Template:       Divi
 Version:        1.2.2
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* Menu --------------------------------------------- */
#main-header > .container {
	max-width: none;
	width: 100%;
}
.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {
	height: 0 !important;
}
#et-top-navigation {
	background-color: #FF4A52;
}
#top-menu li {
	padding-right: 0;
}
.et_header_style_centered #top-menu>li>a {
	padding: 1.4em 1em 1.6em 1em;
	font-weight: normal;
}
#top-menu li.current-menu-item>a, 
#top-menu li.current_page_item>a,
.et_header_style_centered #top-menu>li>a:hover {
	background-color: #f23d49;
	opacity: 1 !important;
}
#top-menu li:last-child a {
	font-weight: bold;
}

/* Mobile Menu --------------------------------------------- */
.et_mobile_menu {
	background: #ff4a52;
	border-color: #ff4a52 !important;
}
.mobile_nav {
	display: flex !important;
    justify-content: center;
    align-items: center;
}
.select_page {
	text-indent: -9999px;
  	line-height: 0;
}
.select_page:after {
	content: "MENU";
	text-indent: 0;
  	display: block;
  	line-height: initial;
    margin-right: 10px;
}
.et_header_style_centered .et_menu_container .mobile_menu_bar {
	position: relative;
}
.et_header_style_centered .et_menu_container .mobile_menu_bar:before {
	color: white;
}
#main-header {
	padding-bottom: 0 !important;
}
.et_header_style_centered .et_mobile_menu {
	top: 42px;
}


/* Global --------------------------------------------- */
.et_pb_equal_columns {
    align-items: center;
}

body #page-container .et_pb_section .et_pb_module .et_pb_button.btn-icon:after {
    line-height: inherit;
    font-size: inherit!important;
    margin-left: .3em;
    left: auto;
    display: inline-block !important;
    opacity: 0;
    content: attr(data-icon);
    font-family: "ETmodules"!important;
}
body #page-container .et_pb_section .et_pb_module .et_pb_button.btn-icon:hover:after {
	opacity: 1;
}
.et_pb_module .et_pb_button.btn-icon:hover {
	padding: 0.3em 2em 0.3em 0.7em !important;
}

.btn-full,
.et_pb_fullwidth_header .et_pb_more_button,
#place_order {
	color: white !important;
	background-color: #FF4A52;
}
.btn-full:hover,
.et_pb_fullwidth_header .et_pb_more_button:hover,
#place_order:hover {
	background-color: #D80D29 !important;
	border-color: #D80D29 !important;
}
.et_pb_module .et_pb_button.btn-main:hover {
	padding: 0.3em 2em 0.3em 0.7em !important;
}

.title-startujeme {
	color: white;
    border-radius: 10px;
	margin-top: 1em;
    padding: 10px 20px;
    display: none;
	background-color: #0fabff;
}

.wp-block-video video {
	cursor: pointer;
	border-radius: 15px;
}
.et_pb_video_play {
	font-size: 5rem !important;
    line-height: 5rem !important;
    margin-left: -2.5rem !important;
    margin-top: -2.5rem !important;
	color: rgb(255 255 255 / 66%) !important;
}

/* Newsletter --------------------------------------------- */
#sleduj .et_pb_row .et_pb_column:first-child {
	display: flex;
	align-items: center;
	gap: 1em;
}
#sleduj form {
	text-align: center;
}
#sleduj form ul {
	list-style: none;
	padding-left: 0;
}
#sleduj input[type=text],
#cpw-2 {
	border: none;
	border-bottom: 2px solid #1c2025;
	background-color: #f3f3f3;
}
#sleduj input[type=text]:focus,
#cpw-2 {
	border-bottom: 2px solid #D80D29;
}
#sleduj input[type=submit] {
	font-size: 16px;
	color: #ff4a52;
	border: 2px solid #ff4a52;
	border-radius: 6px;
	padding: 0.3em 1em;
	cursor: pointer;
	background-color: transparent !important;
}
#sleduj input[type=submit]:hover {
	font-size: 16px;
	color: white;
	background-color: #ff4a52 !important;
}

.sdilet > .et_pb_code_inner {
	display: flex;
	align-items: center;
    justify-content: flex-end;
}

/* Časová osa --------------------------------------------- */
.cas-osa .et_pb_promo_description {
	border: none !important;
	max-width: 500px !important;
}
.cas-osa .et_pb_button_wrapper {
	flex-shrink: 0;
	background-color: #0fabff !important;
}
.cas-osa img {
	margin: -23px -30px 0px -30px;
    max-width: calc(100% + 60px);
}

/* Eshop --------------------------------------------- */
.prispet-dary .et_pb_button,
.prispet-dary .et_pb_button:hover {
	border-radius: 0 0 6px 6px !important;
}
.et-cart-info {
	display: none;
}
.pbl-container .payu-list-banks li label.active {
	border: 2px solid #FF4A52;
}
#cpw-2 {
	font-size: 18px;
    margin: 0.5em 0 1em 0;
    padding: 0.5em;
}
#cpw-error-2 li {
	text-indent: -9999px;
  	line-height: 0;
}
#cpw-error-2 li:after {
	content: "Prosím nejprve zadej svoji částku.";
	text-indent: 0;
  	display: block;
  	line-height: initial;
    margin-right: 10px;
}


/* Objednavka --------------------------------------------- */
.woocommerce-cart-form table {
	border: none !important;
}
.woocommerce-cart-form thead {
	display: none;
}
.woocommerce .woocommerce-cart-form button.button,
.woocommerce .woocommerce-cart-form button.button:hover {
	color: #ff4a52 !important;
	font-size: 15px !important;
	border: none !important;
	background-color: transparent !important;
	padding: 0 !important;
	text-transform: initial !important;
}

#custom_potvrzeni_field:after {
	content: "Potvrzení o daru vystavujeme všem dárcům, u kterých známe jejich jméno, příjmení a adresu, automaticky ihned, jak dorazí dar na účet. Děkujeme!" !important;
	font-size: 13px;
	color: #515151;
}
p#billing_postcode_field:after {
	content: "Jste podnikatel nebo firma a potřebujete potvrzení? Prosím napište nám na info@chutpomahat.cz a rádi vám ho vystavíme." !important;
	font-size: 13px;
	color: #515151;
	padding-top: 5px;
}

.page-id-252156 #custom_potvrzeni_field:after {
	content: "We issue confirmations to all donors whose name, surname and address are known to us automatically as soon as the donation is credited to our account. Thank you!" !important;
	font-size: 13px;
	color: #515151;
}
.address-field .optional {
	visibility: hidden !important;
}
.address-field .optional:before {
	content: "*";
	color: red;
    font-weight: 700;
	visibility: visible !important;
}
/* .woocommerce-billing-fields__field-wrapper .address-field:nth-last-child(-n+2) .optional {
	display: none;
}

#custom_newsletter_field {
	padding-bottom: 1em;
}
#custom_newsletter_field label {
	display: inline-block !important;
    width: 90%;
}
*/
.et_pb_wc_checkout_payment_info,
.woocommerce-checkout #payment div.payment_box {
	background-color: transparent !important;
}
#payu-card-container {
	margin: 10px 0;
	background-color: #eee;
	border: none;
	padding: 10px;
}
.pbl-container .payu-list-banks {
	justify-content: flex-start;
}
.payu-accept-conditions {
	display: none;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	margin-top: 1.5em;
	float: none;
    display: block;
    margin: 0 auto;
}

.woocommerce-order {
	margin-bottom: 27px;
}
.woocommerce-order-received .woo-checkout,
.woocommerce-bacs-bank-details,
.woocommerce-order-details,
.woocommerce-customer-details
{
	display: none;
}
.woocommerce-order-received .et_pb_column_2 {
	width: 100% !important;
}

/* Objednávka */
.page-id-100 #sleduj,
.page-id-252156 #sleduj,
/* Email strany */
.page-id-250629 #sleduj,
.page-id-252341 #sleduj,
.page-id-250632 #sleduj,
.page-id-252336 #sleduj,
/* Vlastní dar */
.postid-250543 #sleduj,
.postid-252133 #sleduj,
/* Dekovna strana */
.page-template-dekovna-strana #sleduj
{
	display: none;
}

.error404 #sidebar {
	display: none;
}
.error404 #main-content .container:before {
	display: none;
}
.error404 #left-area {
	width: 100%;
	padding-right: 0;
}

.lang-item img {
	width: 20px !important;
	height: 15px !important;
	margin-bottom: -2px;
}
.currency-switcher > div {
	float: right;
}
.woocommerce-order-received .et_pb_gutters3 .et_pb_column_1_2 {
	width: 100%;
}

/* Úpravy z uživatelského testování --------------------------------------------- */
.dp_timeline_style53 .et_pb_promo:hover .et_pb_promo_description, 
.dp_timeline_style53 .et_pb_promo:nth-child(even):hover .et_pb_button,
.dp_timeline_style53 .et_pb_promo:hover .et_pb_button, 
.dp_timeline_style53 .et_pb_promo:nth-child(even):hover .et_pb_promo_description {
	transform: none !important;
	-webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}
.dp_timeline_style53 .et_pb_promo:hover .et_pb_button_wrapper:before,
.dp_timeline_style53 .et_pb_promo:hover .et_pb_button_wrapper:after {
	animation: none !important;
}
.dp_timeline_style53 .et_pb_promo_button {
	pointer-events: none !important;
}
body .woocommerce .woocommerce-error, 
body .woocommerce .woocommerce-info, 
body .woocommerce .woocommerce-message,
.woocommerce-error {
	background: #0098ff !important;
    border-radius: 9px;
    margin-bottom: 1em;
}
.woocommerce-info a, 
.woocommerce-message a {
	font-weight: bold;
	text-decoration: underline;
}
.return-to-shop {
	padding-bottom: 2em;
}
/* Léto úpravy --------------------------------------------- */
.babicky-blog > div {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
    gap: 5%;
}
.babicky-blog article {
	width: 47.5%;
}
.et_header_style_centered #top-menu>li.menu-item-150>a {
	font-weight: bold !important;
}
.single-post .wp-video {
	width: 100% !important;
}

/* Strana odesální daru --------------------------------------------- */
.woocommerce-order-received .et_pb_row_0 {
	display: none;
}
.woocommerce-order-received .et_pb_section_0,
.woocommerce-order-received .et_pb_row_0,
.woocommerce-order {
	padding: 0 !important;
}
.woocommerce-order-received .et_pb_row {
	width: 100%;
	max-width: none;
}
.woocommerce-order section,
.woocommerce-order-received .et_pb_row_1_tb_footer {
	padding: 6vh 0;
	width: 80%;
    max-width: 1080px;
    margin: 0 auto;
}

.woocommerce-order .odesilani-chyba {
	max-width: 650px;
	text-align: center;
}
.odesilani-titulek {
	background-image: linear-gradient(-90deg,rgba(255,74,82,0.66) 0%,rgba(15,171,255,0.66) 100%),url(https://chutpomahat.cz/wp-content/uploads/2022/10/fb-kolaz-bw-1024x576.jpg);
	padding: 50px 0;
    position: relative;
    background-position: 50%;
    background-size: cover;
    width: 100% !important;
    max-width: none !important;
    text-shadow: 0em 0em 0.3em #000000;
}
.odesilani-titulek h1 {
	color: white;
	text-align: center;
	padding: 0 15px;
}

.woocommerce-order .odeslani-platba {
	display: flex;
    align-items: center;
    justify-content: center;
}
.odeslani-platba .woocommerce-bacs-bank-details {
	display: block;
}

.odeslani-vyber-wrap{
	background-color: #f3f3f3;
}
.odeslani-vyber .wpcf7-list-item {
	width: 31.7%;
}
.odeslani-vyber .wpcf7-list-item.first {
	margin-left: 0;
}
.odeslani-vyber input[value=Maria] {
	content: url(https://chutpomahat.cz/wp-content/uploads/2023/11/vyber-maria-e1699994306924.jpg);
}
.odeslani-vyber input[value=Praskovya] {
	content: url(https://chutpomahat.cz/wp-content/uploads/2023/11/vyber-praskovja-e1699994382173.jpg);
}
.odeslani-vyber input[value=Taisiya] {
	content: url(https://chutpomahat.cz/wp-content/uploads/2023/11/vyber-taisiya-e1699995233838.jpg);
}
.odeslani-vyber .wpcf7-list-item-label {
	display: block;
	text-align: center;
	font-size: 20px;
    padding-top: 5px;
}
.odeslani-vyber .wpcf7-form p {
	text-align: center;
}
.odeslani-vyber .wpcf7-submit {
    padding: 0.3em 1em;
    border: none;
    border-radius: 9px;
    font-size: 20px;
    text-transform: uppercase;
    transition: all 300ms ease 0ms;
    background-color: #FF4A52;
    color: white;
    cursor:pointer;
    margin-top: 1em;
    margin-left: 75px;
    margin-bottom: 5px;
}
.odeslani-vyber .wpcf7-response-output {
    text-align: center;
    margin: 0 auto !important;
    border: none !important;
    background-color: #0fabff;
    color: white;
}

.odeslani-status {
	display: flex;
	align-items: center;
	justify-content: center;
}
.odeslani-status h2 {
	max-width: 500px;
}
.odeslani-status p {
	padding-top: 0.5em;
	max-width: 480px
}
.odeslani-status img {
	width: 45%;
	margin-right: 3em;
	border-radius: 15px;
}

.odeslani-blog h2 {
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}
.odeslani-blog h2 > p {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.7em;
}
.odeslani-blog h2 > p:nth-child(2) {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.5em;
}
.odeslani-blog p {
	padding-bottom: 0;
}
.odeslani-blog h2 {
	padding-bottom: 0.5em;
}
.odeslani-blog > div {
	display: flex;
	justify-content: space-between;
}
.odeslani-blog-post {
	width: 100%;
	display: flex;
    flex-direction: column;
}
.odeslani-blog-post figure {
	order: 1;
}
.odeslani-blog-post h3 {
	order: 2;
	font-size: 24px;
	text-align: center;
	padding-bottom: 2em;
}
.odeslani-blog-post p {
	order: 3;
	display: none;
}
.odeslani-blog-post p:first-child {
	display: block;
}
.odeslani-blog-post figure video::-webkit-media-controls-panel {
	opacity: 0;
}
.odeslani-blog-post figure:hover video::-webkit-media-controls-panel {
	opacity: 1;
}

.odeslani-blog a {
	font-size: 16px;
	margin-top: 1em;
	display: inline-block;
}


.custom-center {
	text-align: center;
}

.et_pb_wc_checkout_payment_info {
	margin-bottom: 0 !important;
}

.woocommerce-error a {
	font-weight: bold !important;
    color: white !important;
    text-decoration: underline !important;
}
.wpcf7 span[data-name="user-email"],
.wpcf7 span[data-name="order-number"] {
	display: none;
}


/* Strana odeslání daru 2 --------------------------------------------- */

.page-template-dekovna-strana video {
	cursor: pointer;
	margin: 1.5em 0;
}
.page-template-dekovna-strana video::-webkit-media-controls-panel {
	opacity: 0;
}
.page-template-dekovna-strana video:hover::-webkit-media-controls-panel {
	opacity: 1;
}

.odeslani-vyber {
	max-width: 670px !important;
}
.odeslani-vyber .wpcf7-list-item {
	margin: 1em 0;
}
.odeslani-vyber input[type="radio"] {
	appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
	display: block;
	width: 100%;
	transition: color 0.3s ease;
	cursor:pointer;
	text-align: center;
	margin: 0 auto;
	height: 100px !important;
}
.odeslani-vyber input[value="Je to super!"]::before {
    font-size: 100px;
    content: "\e030";
    font-family: "ETmodules";
}
.odeslani-vyber input[value="Za mě ok"]::before {
	font-size: 100px;
    content: "\e106";
    font-family: "ETmodules";
}
.odeslani-vyber input[value="Nesedí mi to"]::before {
	content: "";
    background-image: url(https://chutpomahat.cz/wp-content/uploads/2023/12/emoticon-confused-face.png);
    height: 100px;
    width: 100px;
    background-size: 100px 100px;
    display: inline-block;
	font-family: "ETmodules";
}
.odeslani-vyber .wpcf7-list-item.last {display: none}

.odeslani-vyber input[type="radio"]:checked {
	color: #0fabff;
	filter: brightness(0) saturate(100%) invert(50%) sepia(81%) saturate(1909%) hue-rotate(174deg) brightness(101%) contrast(103%);
}

#zpetna-vazba{
	margin: 0 0 1em 0;
	display: none;
}
#zpetna-vazba h3,
.page-template-dekovna-strana h2 {
	text-align: center;
}
#zpetna-vazba textarea {
	width: 100%;
}
#zpetna-vazba textarea::before {
	content: "A chceš nám něco vzkázat?";
}
.page-template-dekovna-strana textarea {
	height: 5em;
}
.page-template-dekovna-strana p {
	max-width: 800px;
    margin: 0 auto;	
}

/* Mobile --------------------------------------------- */
@media (max-width: 780px) {
	.cta-daruj .et_pb_specialty_column .et_pb_column_1_4 {
		width: 47.25% !important;
	}
	#sleduj .et_pb_row .et_pb_column:first-child {
		flex-direction: column;
	}
	#sleduj .et_pb_image {
		width: 126%;
    	margin-left: -13%;
	}
	.babicky-blog article {
		width: 100%;
	}
	.woocommerce-order .odeslani-platba {
		flex-direction: column;
		text-align: center;
	}
	.odeslani-vyber > p {
		padding-bottom: 0;
	}
	.odeslani-vyber .wpcf7-submit {
	    display: block;
	    margin: 0 auto;
	}
	.odeslani-status {
		flex-direction: column;
	}
	.odeslani-status img {
		width: 100%;
		margin: 0 0 2em 0;
	}
	.odeslani-blog {
		text-align: center;
	}
	.odeslani-blog > div {
		flex-direction: column;
	}
	.odeslani-blog-post {
		width: 100%;
		margin-bottom: 2em;
	}
	.odeslani-blog h2 > p {
		font-size: 15px;
	}
	.odeslani-blog h2 > p:nth-child(2) {
		font-size: 28px;
	}
	.wp-block-video video {
    	max-width: 120%;
    	margin-left: -10%;
	}
	.odeslani-blog a {
		font-size: 12px;
	}
	.page-template-dekovna-strana video {
		max-width: 120%;
    	margin-left: -10%;
	}
	.page-template-dekovna-strana h2 {
		size: 26px;
	}
	.page-template-dekovna-strana h3 {
		font-size: 18px;
	}
	.odeslani-vyber input::before {
		font-size: 60px !important;
	}
	.odeslani-vyber input[value="Nesedí mi to"]::before {
		height: 60px;
		width: 60px;
		background-size: 60px 60px;
	}
	.odeslani-vyber .wpcf7-list-item-label {
		font-size: 14px;
	}
	.odeslani-vyber .wpcf7-form br {
		display: none;
	}
	.odeslani-vyber {
		padding-top: 3vh;
	}
	.odeslani-vyber input[type="radio"] {
		height: 60px !important;
	}
}

/* Blog --------------------------------------------- */
.babicky-blog .format-standard img,
.babicky-blog .format-video .et_pb_video_overlay,
.babicky-blog .format-video .mejs-video,
.babicky-blog .format-video .wp-video-shortcode,
.babicky-blog .format-video .et_pb_video_overlay_hover {
	border-radius: 15px;
}
.babicky-blog .format-video .mejs-controls  {
	border-radius: 0 0 15px 15px;
}

.single-format-video .et_pb_title_featured_container {
	display: none;
}
.page-id-256218 .format-video.has-post-thumbnail .et_pb_video_play {
	opacity: 0;
} 
.single-post .et_pb_title_meta_container{
	display: none;
}
.wp-video-shortcode:not(.mejs-container) {
    height: auto !important;
}

.format-video .more-link {
	display: none !important;
}
.pagination a {
	visibility: hidden;
	display: flex;
    flex-direction: column-reverse;
}
a[href='https://chutpomahat.cz/frontove-babicky/?et_blog']:after {
	content: "PŘEDCHOZÍ PŘÍBĚHY";
	visibility: visible;
}
a[href='https://chutpomahat.cz/frontove-babicky/page/2/?et_blog']:after  {
	content: "DALŠÍ PŘÍBĚHY";
	visibility: visible;
}