/*
Theme Name: Neve FSE Child
Theme URI: https://themeisle.com/themes/neve-fse/
Template: neve-fse
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve FSE is an experimental sister theme of Neve, for the ones that are ready to go full speed on full site editing, without backwards compatibility code.Neve FSE is a modern, minimalistic theme that is fully compatible with full-site-editing, it offers a range of patterns that make it perfect for simple design is suitable for a wide range of purposes, including blogs, small businesses, startups, agencies, firms, e-commerce shops, personal portfolio sites, and more. It also comes with several style variations to suit your unique aesthetic.
Tags: one-column,custom-colors,custom-menu,custom-logo,e-commerce,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments
Version: 1.1.2.1736315352
Updated: 2025-01-08 05:49:12

*/
a {
    text-decoration: none;
}

.primary-button a {
  transition: 0.3s;
}

.primary-button a:hover {
  color: #f2a227 !important;
  background: white !important;
}

.secondary-button a {
  transition: 0.3s;
}
.secondary-button a:hover {
  color: #fff !important;
  background: #f2a227 !important;
}

header.aligncenter.banner-header.wp-block-template-part {
  position: absolute;
  top: 10px;
  z-index: 1;
  width: 96%;
}
.header-main-group {
  width: 100% !important;
}
.is-menu-open div#modal-1-content {
  background: #fff;
  color: #000;
}
.is-menu-open div#modal-1-content ul {
  gap: 10px !important;
}
li.wp-block-navigation-item.wp-block-navigation-link:hover ,.footer-links:hover {
  color: #f2a227;
}
button.wp-block-navigation__responsive-container-close {
  top: 50px !important;
  right: 40px;
  color: #000;
}
.footer-social-icon:hover svg {
    fill: #fff !important;
	cursor:pointer;
}
.footer-social-icon:hover a {
    background: var(--wp--preset--color--custom-orange) !important;
}

@media (max-width: 991px) {
  .header-button {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .wp-block-cover.home-page-banner {
    padding-top: 120px !important;
    min-height: fit-content !important;
  }
	.flex-direction-in-mobile{
		display:flex;
		flex-direction:column-reverse;
	}
		.flex-direction-in-mobile li.wp-block-post{
		box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px;
		border-radius: 15px;
	}
}