/*
Theme Name: Foodie Review Blog Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structured configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: foodie-review-blog-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
Foodie Review Blog Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
:root {
  --white: #ffffff;
  --black: #000000;
  --whitee: #F0EBE5;
  --green: #44A05B;
  --grey: #FBFBFB;
}
:root {
  --common-font-w: "Work Sans";
  overflow: auto;
}
@font-face {
  font-family: 'Warpaint';
  src: url('./assets/webfonts/warpaint.ttf') format('truetype');
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gloss And Bloom';
  src: url('./assets/webfonts/gloss-and-bloom.ttf') format('truetype');
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
#wpadminbar {
  position: fixed !important;
}
a{
  text-decoration: none;
}
section{
  padding: 3% 0px;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-Poppins);
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{
  font-family: roboto;
  font-size: 14px;
}
h6 a,h6{
  font: 600 16px / 20px Roboto;
  margin: 0px;
  color: var(--black);
}
h5{
  font: 600 20px / 25px Roboto;
  margin: 0;
  color: #fff;
}
h4{
  font: 600 20px / 25px Roboto;
  margin: 0;
}
h3,h3 a{
  font: 600 28px / 40px Roboto;
  margin: auto;
}
h2{
  font: 400 50px / 60px Roboto;
  color: var(--blackk);
  margin: 0;
}
h1{
  font: 800 55px / 70px Roboto;
  margin: 0px;
  animation: 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-in-left;
  text-transform: uppercase;
  color: #000;
}
p{
  font: 400 14px / 20px Mulish;
  color: var(--black);
  margin: 0;
}
.sub-heading{
  font: 400 17px / 25px Mulish;
  color: #424242;
}
.featured-sub-heading{
  font: 400 17px / 25px Mulish;
  color: #424242;
  width: 70%;
}
.wpcf7-spinner {
  display: none;
}
/*--------- Site Loader --------------*/
.preloader{
display: flex;
background: #FF5F6A;
height: 100%;
width: 100%;
left: 0;
bottom: 0;
top: 0;
position: fixed;
z-index: 99999;
}
.preloader .loading-dot{
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
              40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  animation: load 3s infinite linear;
}
@keyframes load{
  0% {
      transform: rotate(0deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  25%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  50%{
      box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  70%{
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  75%{
      width:10px;
      height:10px;
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  80%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  85%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  90%{
      background-color: #fff;
      width:10px;
      height:10px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  95%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  100%{
      transform: rotate(360deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
}













/* blog */
.content_page .blog-title a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.content_page .blog-content p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content_page .blog-post-img{
  height: 300px;
}
.blog-left-content-box,.blog-right-content-box,.foodie-review-blog-left-content-box,.trending-left-content-box,.popular-left-content-box  {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px #cecece;
  padding: 14px;
  border-radius: 10px;
  position: relative;
}
.blog-left-content-box:hover h6 a, .blog-right-content-box:hover h6 a, .foodie-review-blog-left-content-box:hover h6 a, .trending-left-content-box:hover h6 a, .popular-left-content-box:hover h6 a{
  color: var(--green) !important;
}
.blog-left-content-box .blog-post-img{
  height: 550px;
}
.blog-post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.blog-right-content-box .blog-post-img {
  width: 100%;
  height: 218px;
}
.blog-right-content-box .blog-post-img img,.trending-left-content-box .trending-post-img img,.popular-left-content-box .popular-post-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.blog-right-content-box .blog-content p,.trending-left-content-box .trending-content p,.popular-left-content-box .popular-content p{
  color: #424242;
  font: 400 12px / 20px Mulish;
}
.blog-left-content-box .blog-content p{
  color: #424242;
  font: 400 14px / 25px Mulish;
}
.blog-content-box{
  display: grid;
  gap: 10px;
}
.blog-share-icon,.foodie-review-blog-share-icon,.trending-share-icon,.popular-share-icon{
  position: absolute;
  top: 10px;
  right: 10px;
}
i{
  font-family: 'Font Awesome 5 Free';
}
.posts-social-icon-box{
  display: none;
}
.popular-left-content-box:hover .posts-social-icon-box{
  display: block;
}
.trending-left-content-box:hover .posts-social-icon-box,.popular-left-content-box:hover .posts-social-icon-box,.blog-left-content-box:hover .posts-social-icon-box,.blog-right-content-box:hover .posts-social-icon-box,.foodie-review-blog-left-content-box:hover .posts-social-icon-box{
  display: block;
}
.posts-social-icon-box-main i {
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  padding: 0px !important;
  margin-bottom: 2px;
  font-size: 12px;
}
.trending-content .pld-like-dislike-wrap,.foodie-review-blog-content .pld-like-dislike-wrap,.popular-content-box .pld-like-dislike-wrap,.blog-content-box .pld-like-dislike-wrap,.sunday-inner-post-content-box .pld-like-dislike-wrap{
  display: none;
}
.posts-social-icon-box-main i:hover{
  background: var(--green);
  color: #fff;
}
.blog-share-icon i,.foodie-review-blog-share-icon i,.trending-share-icon i,.popular-share-icon i{
  color: #000;
  background: #FFFFFF;
  padding: 8px;
  border-radius: 50px;
  animation: pulse 2s infinite ease-in-out alternate;
}
.author-image img{
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
.news-author,.date-item {
  color: #AAAAAA;
  text-transform: capitalize;
  font: 400 14px / 20px "Nunito Sans", sans-serif;
}
.blog-post-meta-box,.foodie-review-blog-post-meta-box,.trending-post-meta-box,.popular-post-meta-box{
  display: flex;
  width: fit-content;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.wachlist i{
  font-size: 0px;
  position: relative;
}
.wachlist i:after{
  content: '\f004';
  font-size: 13px;
  font-family: 'fontawesome';
  color: red;
  position: absolute;
  top: -10px;
  left: 10px;
}
.meta-comment-box,.latest-news-view{
  background: #fff;
  width: max-content;
  padding: 0px 10px;
  border-radius: 50px;
}
.popular-post-meta-box i{
  cursor: pointer;
}
.wachlist .pld-like-dislike-wrap{
  margin: 0px !important;
}
.wachlist .pld-like-dislike-wrap .pld-common-wrap {
  margin-right: 0 !important;
  display: flex;
  width: fit-content;
  /* min-width: fit-content; */
  background: #fff;
  border-radius: 50px;
}
.wachlist .pld-count-wrap{
  position: relative;
  left: 25px;
}








/* newsletter */
.newsletter-content-box{
  padding: 20% 7% 36% 7%;
}
.newsletter-sub-heading {
  font: 400 15px / 20px Mulish;
  color: #fff;
}
.newsletter-shortcode-box .wpcf7-form{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.newsletter-shortcode-box input[type="submit"] {
  font: 600 15px / 20px Mulish;
  letter-spacing: 0.50px;
  color: #fff;
  background: var(--black);
  padding: 13px 50px 13px 10px;
  border-radius: 10px;
  border: none;
  margin-top: 4%;
}
.newsletter-shortcode-box form p{
  position: relative;
  width: fit-content;
}
.newsletter-shortcode-box form p:nth-child(3):after {
  content: "\f061";
  font-family: 'FontAwesome';
  color: #000;
  background: white;
  font-size: 14px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  right: 0;
  width: 33px;
  height: 33px;
  line-height: 33px;
  z-index: 1;
  bottom: 6px;
  border-radius: 6px;
}
.newsletter-shortcode-box ::-webkit-input-placeholder {
  color: #000 !important;
  font: 600 14px/14px Mulish;
}
.newsletter-shortcode-box .wpcf7 input[type="email"]{
  background: #fff;
  color: #000;
  border: none;
  padding: 10px;
  width: 100%;
  border-radius: 8px;
}
.newsletter-banner-bg-image-box {
  position: absolute;
  bottom: 0;
}




















/*------ search bar ----------*/
.search-container{
  display: none;
  position: absolute;
  bottom: -60px;
  z-index: 999;
  padding: 0px;
  right: 15%;
  width: auto !important;
  border: none;
  border-radius: 8px;
}
.search-container [type=search] {
  color: #fff !important;
  border: unset;
  position: relative;
  padding: 15px 65px 15px 10px;
  width: auto;
  outline: none;
  border-radius: 6px;
  background: var(--green);
  font-size: 12px;
  font-family: 'Mulish';
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: var(--yellow);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}
#topBar .search-icon {
  background-color: transparent;
  border: none;
  color: black;
  border-color: transparent;
  border-radius: 0px;
  cursor: pointer;
}
 #topBar .search_col{
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 30px;
  width: 280px;
}
#topBar input.search-field::placeholder{
 font-family: var(--font-Unbounded);
}
#topBar [type="submit"] {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
}
#topBar [type="submit"]:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 16px;
  color: #fff;
}
#topBar [type="submit"] {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 14px;
  /* background-color: var(--green); */
  border: inherit;
  color: var(--white);
  cursor: pointer;
  border: none;
  border-radius: 6px;
}
#topBar .widget.woocommerce.widget_product_search {
  max-width: 100%;
  position: relative;
  z-index: 4;
}
#topBar input::placeholder {
  opacity: 1 !important;
  color: #fff !important;
}



.open-user-map-main-box.scroll-animation{
  position: fixed;
  top: 35px;
  width: 530px;
}
.open-user-map-main-box.back-fill{
  position: unset
}











.carousel-control-nav-box{
  position: relative;
  left: -8%;
  background: #fff;
  width: 6%;
  height: 300px;
  z-index: 1;
  border-radius: 15px;
  transform: translateY(-19em);
}
.foodie-review-blog-post-img{
  height: 265px;
}
.foodie-review-blog-post-img ,.trending-post-img,.popular-post-img,.blog-post-img{
  position: relative;
  overflow: hidden;
}
.foodie-review-blog-post-img::before ,.trending-post-img::before,.popular-post-img::before,.blog-post-img::before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.foodie-review-blog-left-content-box:hover .foodie-review-blog-post-img::before ,.trending-left-content-box:hover .trending-post-img::before,.popular-left-content-box:hover .popular-post-img::before,.blog-right-content-box:hover .blog-post-img::before{
  -webkit-animation: shine 2s;
  animation: shine 2s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.open-user-map-main-box{
  animation: fadeInDown;
}
#comments .form-submit{
  padding-top: 3%;
}
.comment-reply-link{
  display: none;
}
#wp-comment-cookies-consent{
  margin-right: 4px;
}

#popular-page .popular-content-box{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#popular-page .popular-post-img{
  width: 100%;
  height: 350px;
}
#popular-page .popular-post-img img{
  width: 100%;
  height: 100%;
}
#trending-page .trending-post-img{
  width: 100%;
  height: 350px;
}
#trending-page .trending-post-img img{
  width: 100%;
  height: 100%;
}
#trending-page .trending-left-content-box .trending-title h6 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


#sb_instagram .sbi_photo {
  position: relative;
}
.sbi_photo_wrap img, #sb_instagram .sbi_photo {
  border-radius: 10px;
}
.sbi_photo_wrap, #sb_instagram .sbi_photo {
  height: 100px !important;
}
#sb_instagram #sbi_images .sbi_item:hover .sbi_photo::after {
  display: block;
}
#sb_instagram .sbi_photo:after {
  display: none;
  content: '\f16d';
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #fff;
  background: var(--green);
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
	z-index: 1;
  width: 33px;
  height: 33px;
  line-height: 33px;
  border-radius: 50px;
}
#sb_instagram #sbi_images .sbi_item{
	position: relative;
}
#sb_instagram #sbi_images .sbi_item:hover::before{
	display: block;
}
#sb_instagram #sbi_images .sbi_item:before {
	display: none;
  content: '';
  position: absolute;
  background: var(--green);
  opacity: 0.7;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 10px;
}
.wpcf7 form .wpcf7-response-output{
  font-family: roboto;
  font-weight: 300;
  font-size: 14px !important;
}