/*
Theme Name: Goldstar FSE
Theme URI: https://gracethemes.com/themes/free-jewellery-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: The Goldstar FSE is the best full site editing-based free jewellery WordPress theme designed specifically for jewelry shops, jewelry production, showrooms, and other business websites associated with the making or selling of jewelry. This multipurpose theme is also suitable for business corporate, construction, hotel, restaurant, flower shop, travel and tour website, coaching, education, sports, medical, doctor, gym, fitness, modelling and wedding. The Goldstar FSE theme is widget-friendly. This theme comprises multiple amazing features and functions that make it one of the best choices to opt for. This is an incredibly attractively designed theme that can keep your audience stuck to your site for a long time. It is undoubtedly essential to pick the most attractive theme to make your website impressively presentable. If you don't pick a theme that comes with a praiseworthy appearance, you will not be able to get the proper attention of your audience. The SEO optimization feature makes a website visible in the top lists of Google search engines. This is a widget-friendly theme and hence, comes with multiple useful widgets. The versatility of this theme is very high. It can be easily operated on any device as it is a cross-device-tested theme. The Goldstar FSE theme is readily compatible with various popular builder plugins. Demo: https://gracethemesdemo.com/goldstar/
Version: 2.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: goldstar-fse
Requires PHP:  5.6
Tested up to: 6.8
Tags:blog, e-Commerce, one-column, two-columns, left-sidebar, right-sidebar, block-styles, custom-colors, editor-style, custom-background, custom-menu, featured-images, footer-widgets, template-editing, full-site-editing, block-patterns,  threaded-comments, wide-blocks, translation-ready
Goldstar FSE WordPress Theme has been created by Grace Themes(gracethemes.com), 2023.
Goldstar FSE WordPress Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}
h1,
h2,
h3,
h4,
h5,
h6{clear: both; }

body,
p,
html,
button,
.wp-block-button,
input,
select,
textarea{ font-family: 'Poppins', sans-serif;}
.entry-content.wp-block-post-content p{ margin-bottom:25px;}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}
body.home .services-section-01 .is-layout-flex, 
body.home .services-section-02 .is-layout-flex{ 
	gap:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.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--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/*body.home .wp-block-cover{ margin-block-start:0 !important; }*/
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	color:#797979;
	margin-bottom:25px;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	background-color:#b9904b;
	padding:20px 40px;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}

.FL-Post-Comment.wp-block-post-comments-form input[type="submit"]{
 	background-color:#32373c !important
 }

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.fse-hdr-navigation{  position:relative;}
.block-topmenu-bar{ position:relative !important;  z-index:999 !important;}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:#b9904b !important;}
ul.wp-block-page-list li a{ font-weight:500;}
.bannerInfo { position:relative;}


/* = Section 1 Collection CSS
----------------------------------------------- */
.collection-4-column{ position:relative;}
.collection-4-column .gt-coll-thumb{ background-color:#ca9f57 !important;  border:20px solid #fff !important; border-radius:10px !important; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%); }
.collection-4-column .gt-coll-thumb img{ width:100% !important;}
.collection-4-column h3{ background: #282828; position: absolute !important; bottom:15% !important;left: 50% !important;right: 50% !important; margin: 0 auto !important;
transform: translateX(-50%); width: 60%; transition: all .3s; }
.collection-4-column h3 a{ color:#fff !important; }
.collection-4-column:hover h3{ bottom:45% !important; }
.collection-4-column:hover .gt-coll-thumb img{ opacity:0.3 !important;}
.category-box-content a {background: #282828;font-size: 24px; font-weight: 600;color: #fff; padding: 15px 20px;position: absolute;bottom: 0;left: 50%;right: 50%;margin: 0 auto;transform: translateX(-50%);width: 60%; bottom: 20%; transition: all .3s;}
.category-box:hover .category-box-content a{ bottom:50%;}
.category-box:hover .category-box-image img{ opacity:0.2;}


/* = Section 3 CSS
----------------------------------------------- */
.services-section-03{ position:relative;}
.sec3-GS-LeftBX{ position:relative; z-index:999;}
.sec3-GS-LeftBX::before { content:''; width:70%; height:85%; border:solid 13px #ca9f57; position:absolute; left:0; top:0; z-index:-1;}
.small-imgBX { margin-top:-290px !important; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%) !important; z-index:9999 !important; position:relative; }

/* = Sidebar CSS
----------------------------------------------- */
.FL-Main-Sidebar{ position:relative;}
.FL-Main-Sidebar ul.Sidebar-Latest-Post li{ margin-bottom:20px !important; min-height:70px !important;}
.FL-Main-Sidebar ul.Sidebar-Latest-Post li .wp-block-latest-posts__post-title{ margin-bottom:10px !important; display:block !important;}

/* = Footer Section CSS
----------------------------------------------- */
body .is-layout-constrained .Phone-IMG-BX{ margin:280px -80px 0 0 !important;}
body .is-layout-constrained .phoneBX-30{ width:55% !important; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); }
body .is-layout-constrained .welcome-small-img-bx{ box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); }
ul.footerSocial li.wp-block-social-link a{ font-size:24px !important; padding:15px !important;}
ul.FootSocial li a{ background-color:#15203e !important; padding:8px !important;}
ul.foot-LatestPost li{ margin-bottom:20px !important}
ul.foot-LatestPost li .wp-block-latest-posts__post-date{ color:#55a287 !important;}
.PostStyle-1 ul li{ margin-bottom:40px;}
.foot-icon-BX{ background-color:#2b2b2b; padding:15px;}
.woocommerce .wp-block-woocommerce-product-image-gallery{ padding-right:10% !important;}
.wp-block-post-excerpt p.wp-block-post-excerpt__excerpt{ margin-bottom:30px;}