/*
Theme Name: News FSE
Theme URI: https://wpactivethemes.com/download/full-site-editing-themes/
Author: Eagle Vision IT
Author URI: http://eaglevisionit.com/
Description: News FSE is a block-based WordPress theme that is compatible with the Gutenberg editor and popular page builders. IT a full site editing theme that comes with a dark version by default. However, it also enables users to switch to a light version if they prefer a brighter color scheme. This option can be accessed through the settings where users can easily toggle between the two versions. It is designed to help users create beautiful and modern websites with ease. It comes with a variety of features such as custom page layouts, custom widgets, and a drag-and-drop page builder. It also includes multiple free blocks that allow users to customize their websites with ease. Additionally, News FSE is optimized for SEO and speed, making it a great choice for any website.
Version: 1.0.3
Requires at least: 5.9
Tested up to: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: news-fse
Tags: editor-style, right-sidebar, custom-menu, custom-logo, custom-colors, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments
 */

/* Styles intended only for the front.*/
html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.wp-site-blocks .wp-block-section,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.has-background,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
  padding-left: var(--wp--custom--outer);
  padding-right: var(--wp--custom--outer);
  }


/* HEADER */

.wc-block-grid
.wc-block-grid__products
.wc-block-grid__product
{
   font-size:unset !important ;
}




.wp-block-post-title a {
     display: initial; 
}

.wp-block-read-more,
.wp-block-latest-posts a,
.wp-block-post-title a {
  background: linear-gradient(0deg, var(--wp--preset--color--body-text), var(--wp--preset--color--body-text)) no-repeat right bottom / 0 var(--bg-h);
  transition: background-size 350ms;
    padding-bottom: 1px;
  --bg-h: 1px;
}

.wp-block-navigation__responsive-container-content a {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF) no-repeat right bottom / 0 var(--bg-h);
  transition: background-size 350ms;
    padding-bottom: 1px;
  --bg-h: 1px;
}
.wp-block-read-more:where(:hover, :focus-visible),
.wp-block-latest-posts a:where(:hover, :focus-visible),
.wp-block-navigation__responsive-container-content a:where(:hover, :focus-visible),
.wp-block-post-title a:where(:hover, :focus-visible) {
  background-size: 100% var(--bg-h);
  background-position-x: left;
}

.wp-block-read-more,
.wp-block-latest-posts a,
.wp-block-navigation__responsive-container-content a,
.wp-block-post-title a {
  text-decoration: none;
}

/* @media screen and (max-width: 1043px) {
/*   .nf-header-right-content {
    display: none;
  } */
/*   .nf-header-left-content {
    flex-basis: 100% !important;
  }
  .nf-header-left-content .is-layout-flex {
    justify-content: space-between;
  }
} */ 

button.wp-block-search__button.has-icon.wp-element-button {
  border: none;
  box-shadow: none;
}

/* SVG  */

.icon-search {
  height: 40px;
  width: 50px;
  align-items: center;
  fill: #FFFFFF;
} 


/* TRENDING NEWS */

.trending-news {
    position: relative;
    background: var(--wp--preset--color--secondary);
    padding-left: 25px;
    margin-left: 30px;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 25px;
    margin-top: -75px;
}

li.wp-block-post:not(:has(.wp-block-post-featured-image)) .trending-news{
  margin-top: 0;
}

@media screen and (max-width: 992px) {

.trending-news-container .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
    width: 100%;
}
}

/* FEATURED POST  */

.featured-post .post-content {
    margin-left: -80px;
    position: relative;
    background: var(--wp--preset--color--secondary);

}
.featured-post .wp-block-post-excerpt__excerpt {
  line-height: 26px;
}

/* LATEST POST  */

/*.latest-posts a:where(:not(.wp-element-button)) {
  text-decoration: none;
}*/
.col-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li,
.latest-post .wp-block-latest-posts.wp-block-latest-posts__list li {
  margin-bottom: 30px;
  border-bottom: 1px solid var(--wp--preset--color--body-text);
  padding-bottom: 16px;
}

.col-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li:last-child,
.latest-post .wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
  margin-bottom: 30px;
  padding-bottom: 16px;
  border-bottom: none;
}


/* SEARCH FORM */

.nf-search, .overlay {
  display: none;
}
.overlay{
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; 
}
.wp-block-search__button {
  margin-left: unset;
  border-radius: unset;
}
.nf-search .wp-block-search__button:hover {
  background-color: var(--wp--preset--color--hover);
  color: #FFF;
}
.nf-search {
  width: 50%;
  margin: 0 auto;
  padding: 2px;
  border-radius: 10px;
  position: relative;
  z-index: 999;
  filter: none;
  -webkit-filter: none;
}

.wp-block-search__input {
  color: var(--wp--preset--color--body-text);
}

/* COMMENTS */

.wp-block-comments-title {
  letter-spacing: -0.65px;
}

/*.single-post .wp-block-post-title {
  letter-spacing: -0.50px;
}*/

.comment-reply-title {
  font-size: 26px;
    line-height: 1;
    font-weight: 700;
}

.logged-in-as {
    font-size: 14px;
    font-weight: 400
}

/* CAT LIST  */

.wp-block-post-terms a,
.wp-block-categories-list a {
  display: inline-block;
    font-size: 16px;
    text-transform: inherit;
    line-height: 1;
    color: #FFFFFF !important;
    font-weight: 400;
    border: 1px solid c;
    padding: 3px 14px 3px;
    border-radius: 50px;
    margin-right: 7px;
    margin-bottom: 6px;
    background: var(--wp--preset--color--tertiary) !important;
    margin-top: 6px;
    text-decoration: none;

}

.taxonomy-category.wp-block-post-terms a:hover,
.wp-block-categories-list a:hover {
  color: #FFFFFF !important;
  background: var(--wp--preset--color--hover) !important;
}

.selected-posts li.wp-block-post {
  position: relative;
}

.selected-posts li.wp-block-post .wp-block-post-featured-image {
  position: relative;
  overflow: hidden;
}

.selected-posts li.wp-block-post .wp-block-post-featured-image img {
  display: block;
  width: 100%;
}

.selected-posts li.wp-block-post .post-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 28px;
}

li.wp-block-post:not(:has(.wp-block-post-featured-image)) .wp-block-group.post-info {
    position: inherit;
}


/* FOOTER  */

.nf-footer-nav .wp-block-navigation-item:hover span {
  color: white;
}

.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
  font-size: 16px;
}

@media screen and (max-width: 781px) {
  .featured-post .post-content {
    margin-left: unset;
  }
  .nf-footer-content .wp-block-navigation__container,
  .nf-footer-content .wp-block-social-links{
    justify-content: center;
  }
  .nf-footer-nav {
    display: flex;
    justify-content: center;
  }
}

#news-fse-to-top {
  all: unset;
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  opacity: 0;
  transition: .3s;
  z-index: 9;
  height: 50px;
  width: 50px;
}
#news-fse-to-top img{
  border-radius: 15%;
}

/* CONTACT FORM */
.site-footer  input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  padding: 17px;
  width: 200px;
}
.wpcf7-submit:hover {
  color: #FFFFFF;
  background-color: var(--wp--preset--color--hover);
}

.wpcf7 p {
  margin-block-start: unset;
}

.wpcf7-submit {
    background-color: var(--wp--preset--color--tertiary);
    color: #FFFFFF;
    border-radius: 0px;
    border-width: 0px;
    border-style: solid;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    line-height: 1;
    padding-top: 18px;
    padding-right: 40px;
    padding-bottom: 19px;
    padding-left: 40px;
    text-decoration: none;
}


/* SINGLE POST NAVIGATION  */
.post-navigation-link__label, .post-navigation-link__title {
  display: block;
}

.post-navigation-link-previous .post-navigation-link__label {
  font-size: 0;
  visibility: hidden;
}

.post-navigation-link-previous .post-navigation-link__label::before {
  font-size: 16px;
  visibility: visible;
  content: "< Previous";
}

.post-navigation-link-next .post-navigation-link__label {
  font-size: 0;
  visibility: hidden;
}

.post-navigation-link-next .post-navigation-link__label::before {
  font-size: 16px;
  visibility: visible;
  content: "Next >";
}


/* SINGLE TEMPLATE SOCIAL MEDIA */
.single li.wp-social-link.wp-block-social-link {
  color: var(--wp--preset--color--body-text);
}

.left-sidebar .sidebar-variation {
  display: flex;
  flex-direction: row-reverse;
}

.no-sidebar .sidebar-variation .col-content {
  flex-basis: 100% !important;
}

.no-sidebar .sidebar-variation .col-sidebar {
  display: none;
}

body.single.no-sidebar .is-layout-constrained > :where(:not(.alignleft):not(.alignright)) {
    max-width: var(--wp--style--global--content-size) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Pagination */
.wp-block-query-pagination-numbers a.page-numbers,
.wp-block-query-pagination-numbers span.page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  height: fit-content;
  width: fit-content;
  padding: 5px 15px;
  margin-left: 5px;
  background-color: #ffeadc;
  color: #201e1e;
  border-radius: 5px;
}
.wp-block-query-pagination-numbers a.page-numbers.current,
.wp-block-query-pagination-numbers span.page-numbers.current,
.wp-block-query-pagination-numbers a.page-numbers:hover,
.wp-block-query-pagination-numbers span.page-numbers:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
  background-color: #000000;
  color: #FFFFFF;
}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  color: #000000;
}

.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
  color: #FFFFFF;
}
/*
.wp-block-post-title a {
display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}*/

ul.wp-block-categories-list.wp-block-categories {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

ul.wp-block-categories-list.wp-block-categories li {
    margin-bottom: 5px;
}

.trending-news-container .wp-block-post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
}

.wp-block-post-date {
  position: relative; /* set the position of the date container to relative */
  padding-left: 25px; /* add some left padding to make space for the icon */
}

.wp-block-post-date:before {
  content: "\f073"; /* use the Unicode code for the calendar icon */
  font-family: "Font Awesome 5 Free"; /* set the font family to Font Awesome */
  font-weight: 600; /* set the font weight to ensure the icon is visible */
  position: absolute; /* position the icon absolutely within the date container */
  left: 0; /* set the left position of the icon to 0 */
  top: 50%; /* vertically center the icon within the date container */
  transform: translateY(-50%); /* adjust the position of the icon to center it vertically */
  font-size: 16px; /* set the size of the icon */
}

.post-author-icon {
  color: white;
  position: relative; /* set the position of the date container to relative */
  padding-left: 21px; /* add some left padding to make space for the icon */
}

.post-author-icon:before {
  content: "\f007"; /* use the Unicode code for the calendar icon */
  font-family: "Font Awesome 5 Free"; /* set the font family to Font Awesome */
  font-weight: 600; /* set the font weight to ensure the icon is visible */
  position: absolute; /* position the icon absolutely within the date container */
  left: 0; /* set the left position of the icon to 0 */
  top: 50%; /* vertically center the icon within the date container */
  transform: translateY(-50%); /* adjust the position of the icon to center it vertically */
  font-size: 16px; /* set the size of the icon */
  color: white; /* set the color of the icon */
}

.post-author-icon-dark {
  color: var(--wp--preset--color--body-text);
  position: relative; /* set the position of the date container to relative */
  padding-left: 21px; /* add some left padding to make space for the icon */
}

.post-author-icon-dark:before {
  content: "\f007"; /* use the Unicode code for the calendar icon */
  font-family: "Font Awesome 5 Free"; /* set the font family to Font Awesome */
  font-weight: 600; /* set the font weight to ensure the icon is visible */
  position: absolute; /* position the icon absolutely within the date container */
  left: 0; /* set the left position of the icon to 0 */
  top: 50%; /* vertically center the icon within the date container */
  transform: translateY(-50%); /* adjust the position of the icon to center it vertically */
  font-size: 16px; /* set the size of the icon */
  color: var(--wp--preset--color--body-text); /* set the color of the icon */
}

.cat-date-container {
  display: flex !important;
  flex-wrap: wrap !important;
}

.post-navigation-link__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
  .post-navigation-link__title {
    display: none;
  }
  
  .post-navigation-link__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding: 10px 0;
  }
}

.wpcf7-form-control {
  max-width: 100%;
  box-sizing: border-box;
}

form input {
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 2rem;
  border-radius: 5px;
  border: none;
  background-color: #f2f3f6;
}


form textarea {
  border-radius: 5px;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  padding: 1rem 1.85rem;
  resize: none;
  background-color: #f2f3f6;
  border: none;
  font-size: 1rem;
}
form input.wp-block-search__input,
.site-footer form input,
.site-footer form input[type="submit"]{
  border-radius: 0px;
}

form input[type="submit"] {
  width: fit-content;
  border-radius: 5px;
}

#wp-comment-cookies-consent {
  width: 18px;
}
.nf-phone {
  color: white;
  position: relative; /* set the position of the date container to relative */
  padding-left: 21px; /* add some left padding to make space for the icon */
}

.nf-phone:before {
  content: "\f007"; /* use the Unicode code for the calendar icon */
  font-family: "Font Awesome 5 Free"; /* set the font family to Font Awesome */
  font-weight: 600; /* set the font weight to ensure the icon is visible */
  position: absolute; /* position the icon absolutely within the date container */
  left: 18px; /* set the left position of the icon to 0 */
  top: 50%; /* vertically center the icon within the date container */
  transform: translateY(-50%); /* adjust the position of the icon to center it vertically */
  font-size: 16px; /* set the size of the icon */
  color: white; /* set the color of the icon */
}

code {
  padding-left: 20px;
}

.nf-phone,
.nf-email,
.nf-address {
  color: white;
  position: relative; /* set the position of the date container to relative */
  padding-left: 21px; /* add some left padding to make space for the icon */
}

.nf-phone:before,
.nf-email:before,
.nf-address:before{
  font-family: "Font Awesome 5 Free"; /* set the font family to Font Awesome */
  font-weight: 600; /* set the font weight to ensure the icon is visible */
  position: absolute; /* position the icon absolutely within the date container */
  left: 18px; /* set the left position of the icon to 0 */
  top: 50%; /* vertically center the icon within the date container */
  transform: translateY(-50%); /* adjust the position of the icon to center it vertically */
  font-size: 16px; /* set the size of the icon */
  color: white; /* set the color of the icon */
}
.nf-phone:before {
  content: "\f095"; /* use the Unicode code for the calendar icon */
}
.nf-email:before {
  content: "\f0e0"; /* use the Unicode code for the calendar icon */
}
.nf-address:before {
  content: "\f2b9"; /* use the Unicode code for the calendar icon */
}


/* WOOCOMMERCE */
.woocommerce .quantity .qty {
  width: 4.631em;
}

.woocommerce-privacy-policy-link,
.woocommerce-privacy-policy-text {
  color: #515151;
}

/* .wp-container-39{
  padding-top: 11px !important;
    max-width: 810px;
} */
.Display-flex{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:36px !important;
}
/* .wp-image-649{
  width:51px !important;
  height:41px !important;
} */
.community{
  height:409px !important;
}
.about-page-1 {
      max-width: 612px !important;
  position:relative;
  top:-160px;
  
}
.header-items{
  display:flex;
 }

/* our shop css */

  .wc-block-grid__product-title{
      font-size: 19px;
    font-weight: 600;
    font-family: 'Poppins';
}

.wc-block-grid__product-price.price{
  color:#77a464 !important;
}
ins span.amount {
  font-weight:700;
}

:where(div[data-block-name="woocommerce/legacy-template"]) {
     max-width: unset !important;
}
.wp-block-search__input{
  color:#000000;
}
   .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
     padding: 10px 20px ;
   }
   .wc-block-grid__products .wc-block-grid__product-image img {
     width:100%;
   } 

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
  padding-top: clamp(10px, 2.5vw, 19px) !important;
    padding-right: clamp(24px, 2.5vw, 40px) !important;
    padding-bottom: clamp(10px, 2.5vw, 19px) !important;
    padding-left: clamp(24px, 2.5vw, 40px) !important;
}

/* shop css ends heere  */

 @media screen and (max-width: 1194px) {
  .nf-header-left-content{
        flex-basis: 106.66% !important;
   }

@media screen and (max-width: 998px) {
  
 .nf-search-icon {
    height: 30px;
   }

  .wp-block-navigation__responsive-container-open:not(.always-shown){
    display:block !important;
  }
  
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
    display:none !important;
  }
  
  .wp-element-button, .wp-block-button__link{
    font-size:12px !important;
  }
  .wp-block-search__button.has-icon.wp-element-button{
    font-size:20px !important;
  }
   .nf-header-right-content{
        flex-basis: 39.66% !important;
   }
   
} 
   @media screen and (max-width: 794px) {
  .nf-header-left-content{
        flex-basis: 10.66% !important;
   }
    .nf-header-right-content{
        flex-basis: 39.66% !important;
   }

   }
    @media screen and (max-width: 548px) {
  .nf-header-left-content{
        flex-basis: 5.66% !important;
   }
   .nf-header-right-content{
        flex-basis: 44.66% !important;
   }

      
   }
   
@media screen and (max-width: 473px){
  .wp-block-buttons.header-button.is-layout-flex{
    display:none !important;
  }
       .nf-header-right-content{
        flex-basis: 10.66% !important;
   }

}