/*
Theme Name: Bites of Prague
Theme URI: https://bitesofprague.com
Template: Extra
Author: Bites of Prague
Author URI: https://bitesofprague.com
Description: Bites of Prague theme
Version: 1.0.0.1734441578
Updated: 2024-12-17 13:19:38

*/

.subscription-box-main {
	height: 93% !important;
}

.posts-blog-feed-module.masonry .hentry img {
	border-radius: 20px 20px 0 0 !important;
}

.posts-blog-feed-module.masonry .hentry {
	margin-left: 5px !important;
}

.posts-blog-feed-module.masonry .hentry {
	border-radius: 20px;
	transition: transform ease 300ms;
	display: flex;
	border-width: 2px;
}

.et_pb_extra_overlay {
	border-radius: 20px 20px 0 0;
}

.posts-blog-feed-module.masonry .hentry:hover {
	transform: translate(0, 4px);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
}

.column .post {
	box-shadow: none !important;
}

.column .post .post-content {
	border-radius: 0 0 20px 20px;
	background: #fff;
	padding: 0 20px 0px !important;
    border-style: solid;
    border-color: #dfdfdf;
    border-width: 0 2px 2px; /* Top: 0px, Right: 2px, Bottom: 2px, Left: 2px */
	box-shadow: none !important;
}

.post-content .entry-summary {
	color: #4f4f4f;
}

.post .header {
	background-color: white !important;
}

.score-bar-container {
	height: 24px;
	background: #f7f7f7;
	/* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); */
}

.post .score-bar {
	text-align: left !important;
	border-radius: 0 !important;
}

.post .score-bar .score-text {
	text-align: left !important;
	margin-left: 20px !important;
}

.post .post-title {
	margin-top: 15px;
}

.posts-blog-feed-module.masonry .header {
	margin: 0 !important;
}

.post-wrap.post-wrap-review {
	padding: 0 !important;
	margin-bottom: 30px !important;
}

.review {
	margin-top: 20px !important;
	background-color: #ffffff !important;
	margin: auto;
	width: 100%;
	border-radius: 20px;
	border-style: solid;
	border-width: 2px;
	border-color: #dcdcdc;
}

.review-header {
	background-color: #ffffff !important;
	border-style: solid;
	border-bottom: 1px solid;
	border-color: #dcdcdc;
}

.review-header h3 {
	font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 700 !important;
	font-size: 36px !important;
	color: #4e4e4e !important;
	line-height: 16px;
	padding: 20px 0 20px 20px !important;
}

.review-summary-content {
	font-weight: 500 !important;
	font-size: 20px !important;
	color: #595959 !important;
}

.review-summary-score-box {
	font-weight: 500 !important;
	border-radius: 20px !important;
}

.review-breakdown h5 {
	font-weight: 700 !important;
	color: #595959 !important;
}

.review-breakdowns .review-breakdown {
	margin: 0 0 10px !important;
}

.review-content {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 97% !important;
}

.post-section .et_pb_column {
	background-color: #ffffff;
	margin: auto;
	width: 100%;
	border-radius: 20px;
	border-style: solid;
	border-width: 2px;
	border-color: #dcdcdc;
}

.post-section-title {
	background-color: #ffffff;
	border-radius: 20px 20px 0 0;
}

.post-section-title .et_pb_text_inner {
	border-style: solid;
	border-bottom: 1px solid;
	border-color: #dcdcdc;
}

.post-section-title h2 {
	font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 700 !important;
	font-size: 36px !important;
	color: #4e4e4e !important;
	line-height: 16px;
	padding: 20px 0 20px 20px !important;
}

.post-section-title #gallery {
	color: #4e4e4e !important;
}

.page .et_pb_row,
.single .et_pb_row {
	width: 100%;
}

.et_pb_gallery_image {
	box-shadow: 0px 2px 2px rgb(0 0 0 / 10%) !important;
}

.et_pb_gallery_item {
	margin-bottom: 3.5% !important;
}

.et_pb_gallery_pagination {
	height: 20px;
}

.food-card-container {
	display: inline-block !important;
	width: 49.5% !important;
	margin-right: 10px !important;
	border-style: solid;
	border-width: 2px;
	border-color: #dcdcdc;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.food-card-container:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.food-card-container:nth-child(even) {
  margin-right: 0 !important;
}

.food-card-header {
	margin-bottom: 5px !important;
	width: 100%;
	border-style: solid;
	border-bottom: 1px solid;
	border-color: #dcdcdc;
}

.food-card-header h3 {
	padding-bottom: 0px !important;
}

.food-card-header .et_pb_text_inner {
	margin-left: 20px !important;
}

.food-card-image {
	position: relative;
	width: 90% !important;
	height: 250px;
	overflow: hidden;
	border-radius: 20px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.food-card-adjectives {
	width: 90% !important;
}

.food-card-adjective {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 16px;
	/* Makes the chips compact and pill-shaped */
	border-radius: 20px;
	/* Creates the pill shape */
	background-color: #ffffff !important;
	/* Light gray background */
	font-size: 14px;
	/* Adjusts the text size */
	color: #333;
	border-color: #dadada !important;
	border-width: 1px;
	border-style: solid;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.food-card-adjective:nth-child(n) {
	left: calc(10px + (100% - 100px) * (n - 1));
	/* Dynamically offsets each chip */
}

.food-card-adjective:hover {
	background-color: #f6f6f6 !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}

.food-card-adjective .et_pb_text_inner {
	display: inline-block;
	/* Keeps the text inline */
	vertical-align: middle;
	/* Centers the text vertically */
	font-weight: bold;
	/* Bold text */
	color: #333 !important;
}

.food-card-text-container {
	padding: 0 60px 0px !important;
	width: 90% !important;
}

.food-card-text {
	font-weight: 600;
	background-color: #FFFFFF;
	border-radius: 20px 20px 20px 20px;
	overflow: hidden;
	padding-top: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	position: relative;
	top: -25px;
	bottom: auto;
	left: 0px;
	right: auto;
	color: #585858;
}

.info-box-element {
	border-style: solid;
	border-width: 1px;
	border-color: #d5d5d5;
	border-radius: 20px;
	margin-bottom: 3px !important;
	background-color: #fdfdfd !important;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	cursor: pointer;
}

.info-box-element:hover {
	background-color: #f1f1f1 !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}

.info-box-element .et_pb_blurb_content {
	padding-left: 10px !important;
	padding-top: 10px !important;
	padding-bottom: 2px !important;
}

.info-box-element .et_pb_blurb_container h4 {
	display: inline-block !important;
}

.info-box-element .et_pb_blurb_container .et_pb_blurb_description {
	display: inline-block;
	right: 10px;
	position: absolute;
	line-height: 1.4em;
}

.attribute-container {
	display: inline-block;
	margin-right: 10px;
	padding: 8px 16px;
	/* Makes the chips compact and pill-shaped */
	border-radius: 20px;
	/* Creates the pill shape */
	background-color: #fdfdfd;
	/* Light gray background */
	font-size: 18px;
	/* Adjusts the text size */
	color: #333;
	border-color: #dadada !important;
	border-width: 1px;
	border-style: solid;
	/* Dark text color for readability */
	/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);  Adds a subtle shadow */
	/* box-shadow: 0px 6px 0px -3px rgba(0, 0, 0, 0.3);  */
	cursor: pointer;
	/* Adds a pointer cursor to indicate interactivity */
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	/* Smooth hover effect */
}

.attribute-container:hover {
	background-color: #f6f6f6;
	/* Slightly darker background on hover */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	/* More pronounced shadow on hover */
}

.restaurant-price {
	display: flex;
}

.dollar-sign {
	font-size: 22px;
	/* Adjust size as needed */
	color: #CCCCCC;
	/* Default to inactive color */
	transition: color 0.3s ease-in-out;
	/* Smooth transition for color changes */
	font-weight: 500;
	padding-top: 3px;
	padding-bottom: 5px;
}

/* Highlight active dollar signs based on the data-level attribute */
.restaurant-price[data-level="1"] .dollar-sign:nth-child(1),
.restaurant-price[data-level="2"] .dollar-sign:nth-child(-n+3),
.restaurant-price[data-level="3"] .dollar-sign:nth-child(-n+5),
.restaurant-price[data-level="4"] .dollar-sign:nth-child(-n+7) {
	color: #FFD700;
	/* Active dollar signs in gold */
	font-weight: 800;
}

.chip-icon {
	color: #555;
	/* Icon color */
	font-size: 16px;
	/* Slightly larger for prominence */
	vertical-align: middle;
	/* Aligns with text */
	margin-right: 8px;
	/* Spacing between icon and text */
	display: inline-block;
}

.chip-text {
	display: inline-block;
	vertical-align: middle;
	/* Aligns with the icon */
}

.padding-fix .et_pb_text_inner {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.main-chip-container {
	display: inline-block !important;
	margin-bottom: 0 !important;
	margin-right: 10px !important;
	background-color: #fdfdfd;
	border-style: solid;
	border-width: 1px;
	padding: 8px 16px;
	/* Makes the chips compact and pill-shaped */
	border-radius: 20px;
	/* Creates the pill shape */
	cursor: pointer;
	/* Adds a pointer cursor to indicate interactivity */
	transition: box-shadow 0.3s ease;

}

.main-chip-container:hover {
	background-color: #f6f6f6;
	/* Slightly darker background on hover */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/* More pronounced shadow on hover */
}

.main-chip-container .et_pb_blurb_container {
	padding-left: 0 !important;
}

.main-chip-container .et_pb_module_header {
	padding-bottom: 8px !important;
}

.custom-post-header .et_pb_title_featured_container {
	height: 300px !important;
}

/* INFO BOXES */

.info-box-element .et-pb-icon {
	font-size: 24px !important;
}

.info-box-first .et-pb-icon {
	color: #8300e9 !important;
} 

.info-box-second .et-pb-icon {
	color: #0C71C3 !important;
} 

.info-box-third .et-pb-icon {
	color: #f72ad8 !important;
} 

.info-box-chill-zone .et-pb-icon {
	color: #00e98f !important;
}

/* IN POST NEWSLETTER FORM */

.in-post-newsletter-content {
	border-style: solid;
	border-color: #dfdfdf;
    border-width: 2px;
    border-radius: 20px;
    width: 99.9%;
	padding: 20px;
}

.in-post-newsletter-content .mailster-form {
	margin-top: 10px;
	margin-bottom: 0px !important;
}

.in-post-newsletter-content .mailster-form .submit-button {
    background: #4e87ff !important;
    border-radius: 20px !important;
    width: 120% !important;
    color: #fff !important;
}

.in-post-newsletter-content .mailster-form .submit-button:hover {
    background: #4578e2 !important;
	color: #fff !important;
}

.in-post-newsletter-content .mailster-email-wrapper {
	width: 80%;
    display: inline-block;
	margin-right: 1%;
}

.in-post-newsletter-content .mailster-submit-wrapper {
	width: 15%;
    display: inline-block;
}

.in-post-newsletter-content .mailster-form-fields {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.in-post-newsletter-content .mailster-form .input {
    border-width: 1px !important;
    background: #ffffff;
    border-radius: 20px !important;
    font-weight: 200 !important;
    border-style: solid !important;
    border-color: #dfdfdf !important;
}

.in-post-newsletter-content .in-post-subscribe-title {
	font-size: 24px;
    color: #333;
    font-weight: 800;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
    line-height: 1em !important;
}


/* COMMENTS */
.comment-body {
	border-width: 2px !important;
    border-style: solid !important;
    border-radius: 20px !important;
    border-color: #dfdfdf !important;
	padding: 0 10px 10px 100px !important;
    margin: 0 0 20px !important;
}

.comment_avatar {
	border-radius: 40px !important;
	top: 10px !important;
	left: 10px !important;
}

.comment_postinfo {
	margin-top: 10px !important;
}



.reply-container {
	background-color: #4e87ff;
	width: 100px;
	border-radius: 20px;
	text-align: center;
}

.reply-container a {
	color: white !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	background: transparent !important;
}

#comment-wrap,
#comment-wrap a,
#comment-wrap h2 {
	font-size: 22px !important;
	font-weight: 700 !important;
}

#comment-wrap p,
#comment-wrap span {
	font-size: 18px !important;
	font-weight: 500 !important;
}

#comment-wrap span.fn a {
	font-size: 22px !important;
	font-weight: 700 !important;
}

.comment-form-url {
	display: none !important;
}

.comment-respond {
	border-radius: 20px;
	padding: 20px;
	width: 100%;
	background: #f4f4f4;
}

.comment-respond textarea,
.comment-respond input {
	background: white !important;
	border-radius: 10px !important;
	font-size: 20px !important;
}

.comment-respond .submit {
	background-color: #4d88ff !important;
	color: white !important;
}

.comment-form-cookies-consent,
.comment-form-author,
.comment-form-email {
	width: 50% !important;
}

.comment_avatar img {
	max-width: 100%;
}

.comment-reply-link {
	float: none !important;
	bottom: 0px !important;
}

.comment-form-cookies-consent {
	width: 100% !important;
}

#comment-wrap a {
	font-size: 18px !important;
}

.category-wanna-chill-at .score-bar-container {
	display: none;
}

.category-wanna-eat-at .score-bar-container {
	display: none;
}

.places-we-would-like-to-visit .paginated_content {
	margin-bottom: 40px;
}

.places-we-would-like-to-visit .pagination {
	margin-left: 200px !important;
}

.featured-slider .post-content-box {
	top: 20px !important;
	margin-top: -20px !important;
}

.featured-slider .post-content-box .entry-title {
	line-height: 3em !important;
	text-transform: none !important;
    font-weight: 700 !important;
}

.featured-text-icon-main {
	z-index: 99999;
}

/* Related Posts */

.related-post .featured-image {
	margin: 0 !important;
}

.related-post {
	border-width: 2px !important;
    border-radius: 20px !important;
    border-color: #dfdfdf !important;
    padding-top: 5px !important;
}

.related-post .featured-image a {
    padding-bottom: 10px !important;
    padding-top: 0px !important;
}

.related-post img {
	border-radius: 20px;
}

.related-post .title {
	margin: 0 !important;	
	font-size: 18px !important;		
    font-weight: 800 !important;	
}

.related-post .date {
	display: none;
}

.related-post .featured-image {
    background: white !important;    
}

.related-post .et_pb_extra_overlay {
	display: none;
}

.related-posts-header h3 {
	font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    color: #4e4e4e !important;
    line-height: 16px;
    padding: 20px 0 20px 20px !important;
}

.related-posts {
	margin-top: 20px !important;
    background-color: #ffffff !important;
    margin: auto;
    width: 100%;
    border-radius: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #dcdcdc !important;
	box-shadow: none !important;
}

.newsletter-content p {
	margin-bottom: 10px !important;
}

.mailster-form-info {
	padding: 0px !important;
	border-radius: 20px !important;
	background: #4e5aff !important;
}

.mailster-form-info p {
	padding-left: 5px !important;
	 margin-left: 10px !important;
	 margin-bottom: 0px !important;
	display: none !important;
}

.mailster-form-info ul {
	padding-left: 5px !important;
	 margin-left: 10px !important;
}

.in-post-newsletter-content .mailster-form-info {
	    margin-top: 10px !important;
		background: #4e87ff !important;
}

.mailster-form .error input, .mailster-form .error select, .mailster-form .error textarea {
    outline: 2px solid #4e87ff !important;
    outline-offset: 0;
}