/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.grecaptcha-badge {
	z-index: 9999;
}


.recipe-tabs {
    margin-bottom: 30px;
}

.recipe-tab-list {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
/*     cursor: pointer; */
	justify-content: center;
}

.recipe-tab-list li {
    margin-right: 15px;
    padding: 2px 15px;
/*     background-color: #f0f0f0;
    border-radius: 5px; */
    transition: background-color 0.3s ease;
	    cursor: pointer;
	    font-size: 18px;
}

.recipe-tab-list li.active {
/*     background-color: #ddd; */
    font-weight: bold;
	color:#303030;
	border-bottom: 2px solid #303030;
}
h3.recipe-title {
    text-align: center;
}
h3.recipe-title, .pt-tagged-post h3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 
.recipe-tab-list li:hover {
    background-color: #ccc;
} */

#recipe-posts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
}

.recipe-post {
    width: 23%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 5px;
}

/* .recipe-post img {
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
} */

.recipe-post img {
    width: -webkit-fill-available;
	width: -moz-available;
    height: 300px;
    margin-bottom: 10px;
    object-fit: cover;
    object-position: top center;
}


#load-more-recipes {
    margin-top: 30px;
    padding: 12px 40px;
    cursor: pointer;
    border: 2px solid #303030;
    color: #303030;
    font-size: 15px;
    font-weight: 700;
    font-family: Raleway,sans-serif;
    background: transparent;
    border-radius: 4px;
}

#no-more-posts {
    margin-top: 20px;
    color: #303030;
    text-align: center;
}
.load-more-btn {
    text-align: center;
    padding-bottom: 30px;
}

#loading-spinner{
	text-align: center;
	padding: 20px;
	height: 300px;
}
@media screen and (max-width: 800px) {
		.recipe-post {
		width: 31%;
	}        

}
@media screen and (max-width: 600px) {
		.recipe-post {
		width: 100%;
	}        
	.recipe-tabs {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}  
	.recipe-tab-list {
    justify-content: flex-start;
    width: 400px;
	padding-bottom: 15px;
	}
	.recipe-tab-list li.active {
    border-bottom: none;
	}
	
}

/*comment form */
#commentform .three_columns .column1, #commentform .three_columns .column2{
	width: 50% !important
}
@media screen and (max-width: 600px) {
	#commentform .three_columns .column1, #commentform .three_columns .column2{
		width: 100% !important
	}
	
}
.recipe-related-post {
  margin: 20px 8px;
  border: none;
  padding: 0;
/*   background: ; */
  box-shadow: none;
}

.single-post .sidebar{
	display:flex !important;
	flex-direction:column-reverse !important;
}
.pt-tagged-posts{
	margin-top:10px;
	display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.pt-tagged-post{
	width:45%;
}
.pt-tagged-post img {
  width: -webkit-fill-available;
	width: -moz-available;
  height: 150px;
  object-fit: cover;
  object-position: top center;
}
.pt-tagged-post h3{
	font-size:13px !important;
}
.single .title_subtitle_holder{
	display:none;
}
/* .single .blog_single .post_content_holder .post_image img {
  max-height: 500px !important;
} */
.single .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span{
	padding: 4px 35px !important;
	border: 1px solid #303030;
}
@media screen and (max-width: 800px){
	.single .recipe-post {
   	 width: 22% !important;
	}
}
@media screen and (max-width: 600px) {
.single .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span{
	padding: 4px 28px !important;
	}	
/* 	.recipe-post img {
  		width: 94.5%;
	} */
}
.single .sidebar ul.wp-block-social-links.aligncenter.is-layout-flex.wp-block-social-links-is-layout-flex li {
  background-color: transparent !important;
  color: #303030 !important;
  border: 1px solid #303030 !important;
	padding: 9px;
}

@media screen and (min-width: 600px) {
	ul#menu-one_page_menu li a {
		padding: 2px 8px;
	}
}
/*Hide check box below that form for the subscription, get email every time a post added*/
.comment-subscription-form {
  display: none;
}