/*
Theme Name: GoldSilver
Theme URI: https://vivifyideas.com
Author: Vivify Ideas
Author URI: https://vivifyideas.com
Description: GoldSilver Wordpress Theme
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: goldsilver
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
*/
/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
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: solid;
}

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;
}

/*
 * 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(0.667em + 2px) calc(1.333em + 2px);
}

/*
 * 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.9;
}

/*
 * 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;
}

/* 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"],
.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;
}

/*
 * 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);
}

/*
 * Website Wrapper
 */
.page-width {
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

/*
 * All the SASS Files goes after this comment
 */
.site-modal {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	outline: 0;
	overflow: hidden;
	background-color: var(--wp--preset--color--tertiary);
	color: var(--wp--preset--color--background);
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.site-modal::-webkit-scrollbar {
	width: 0.5rem;
}

.site-modal::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--primary);
	border-radius: 20px;
}

.site-modal.site-admin {
	margin-top: var(--wp-admin--admin-bar--height);
}

.site-modal.is-active {
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 1;
}

.site-modal__wrapper {
	display: grid;
	grid-template-rows: 50px 1fr auto;
	padding: 1.5rem;
	min-height: calc(100% - 3rem);
	position: relative;
}

.site-modal__header {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

.site-modal__main {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}

.site-modal__main::-webkit-scrollbar {
	width: 0.5rem;
}

.site-modal__main::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--primary);
	border-radius: 20px;
}

.site-modal__footer {
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-header {
	position: relative;
	color: var(--wp--preset--color--background);
}

.site-header a {
	color: inherit;
}

.site-header a:not(:hover) {
	text-decoration: none;
}

.site-header__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media (min-width: 768px) {
	.site-header__wrapper {
		grid-template-columns: 1fr;
	}
}

.site-header__cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	outline: none;
	border: none;
	box-shadow: none;
	z-index: -1;
}

.site-title {
	margin: 0;
}

@media (min-width: 768px) {
	.site-navigation .menu-toggle {
		display: none;
	}
}

@media (min-width: 768px) {
	.site-header__top,
	.site-header__bottom {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		column-gap: 1rem;
	}
}

@media (min-width: 768px) {
	.site-header__top {
		row-gap: 1rem;
		padding-top: 1rem;
		padding-bottom: 0.5rem;
	}
}

.site-header__bottom {
	justify-self: end;
}

@media (min-width: 768px) {
	.site-header__bottom {
		position: relative;
		row-gap: 1rem;
		justify-self: stretch;
		border-top: 1px solid var(--wp--preset--color--background);
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

.site-header__separator {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	background-color: var(--wp--preset--color--background);
}

.site-external {
	display: none;
	flex-wrap: wrap;
	align-items: center;
	gap: 2rem;
}

@media (min-width: 768px) {
	.site-external {
		display: flex;
	}
}

.site-external.is-active {
	display: flex;
	justify-content: center;
}

.site-external.is-active a {
	color: var(--wp--preset--color--background);
}

.site-external__button {
	color: var(--wp--preset--color--foreground) !important;
}

.site-external__link {
	font-weight: 500;
}

.site-external__link:hover {
	color: var(--wp--preset--color--primary) !important;
}

.site-external__contact {
	line-height: var(--wp--custom--typography--line-height--tiny);
}

.site-external__contact p {
	margin: 0;
}

.primary-menu,
.secondary-menu {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	gap: 1rem;
	font-weight: 500;
	width: 100%;
}

@media (min-width: 768px) {
	.primary-menu,
	.secondary-menu {
		display: inline-flex;
	}
}

.primary-menu .menu-item-has-children:hover .sub-menu__wrapper,
.secondary-menu .menu-item-has-children:hover .sub-menu__wrapper {
	display: block;
}

.primary-menu .menu-item-has-children:hover > a[href],
.secondary-menu .menu-item-has-children:hover > a[href] {
	color: var(--wp--preset--color--primary);
}

.primary-menu .menu-item-has-children:hover > a[href] .svg-icon,
.secondary-menu .menu-item-has-children:hover > a[href] .svg-icon {
	transform: scale(-1);
	fill: var(--wp--preset--color--primary);
}

@media (min-width: 768px) {
	.primary-menu .sub-menu__wrapper:not(.sub-menu_wrapper--inner),
	.secondary-menu .sub-menu__wrapper:not(.sub-menu_wrapper--inner) {
		display: none;
		position: absolute;
		padding-top: 1rem;
		left: 0;
		right: 0;
		z-index: 2;
		min-width: 18.75rem;
		max-height: 25rem;
	}
}

.primary-menu .sub-menu__wrapper .sub-menu_wrapper--inner ul,
.secondary-menu .sub-menu__wrapper .sub-menu_wrapper--inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-menu .sub-menu,
.secondary-menu .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: var(--wp--preset--font-size--x-small);
}

@media (min-width: 768px) {
	.primary-menu .sub-menu,
	.secondary-menu .sub-menu {
		display: flex;
		background-color: var(--wp--preset--color--background);
		padding: 1rem 0.5rem;
		flex-direction: column;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
	}
	.primary-menu .sub-menu li:last-child a,
	.secondary-menu .sub-menu li:last-child a {
		border-bottom: none;
	}
	.primary-menu .sub-menu li a,
	.secondary-menu .sub-menu li a {
		color: var(--wp--preset--color--foreground);
		padding: 0.7rem 1rem;
		width: calc(100% - 2rem);
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		align-items: flex-start;
	}
	.primary-menu .sub-menu li a:hover,
	.secondary-menu .sub-menu li a:hover {
		text-decoration: none;
		background-color: rgba(0, 0, 0, 0.05);
	}
	.primary-menu .sub-menu li.has-nested-submenu,
	.secondary-menu .sub-menu li.has-nested-submenu {
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		width: calc(33.3333% - 1rem);
	}
	.primary-menu .sub-menu li.has-nested-submenu:last-child,
	.secondary-menu .sub-menu li.has-nested-submenu:last-child {
		border-right: none;
	}
	.primary-menu .sub-menu li .menu-item-part-of-sub-menu,
	.secondary-menu .sub-menu li .menu-item-part-of-sub-menu {
		margin-right: 0.5rem;
	}
	.primary-menu .sub-menu.is-nested-submenu,
	.secondary-menu .sub-menu.is-nested-submenu {
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: space-between;
		column-gap: 1rem;
		max-height: inherit;
	}
}

.primary-menu .sub-menu .has-nested-submenu > a:first-child,
.secondary-menu .sub-menu .has-nested-submenu > a:first-child {
	border-bottom: 1px solid;
}

@media (min-width: 768px) {
	.primary-menu .sub-menu .has-nested-submenu > a:first-child,
	.secondary-menu .sub-menu .has-nested-submenu > a:first-child {
		border-bottom: none;
	}
}

.primary-menu .sub-menu .menu-item__description,
.secondary-menu .sub-menu .menu-item__description {
	display: none;
}

@media (min-width: 768px) {
	.primary-menu .sub-menu .menu-item__description,
	.secondary-menu .sub-menu .menu-item__description {
		display: block;
		max-width: 15.625rem;
		width: 100%;
		border-radius: 6px;
		overflow: hidden;
	}
}

.primary-menu a,
.secondary-menu a {
	color: var(--wp--preset--color--background);
}

.primary-menu a[href]:hover, .primary-menu a[href]:focus,
.secondary-menu a[href]:hover,
.secondary-menu a[href]:focus {
	color: var(--wp--preset--color--primary);
}

.primary-menu a[href]:hover .svg-icon, .primary-menu a[href]:focus .svg-icon,
.secondary-menu a[href]:hover .svg-icon,
.secondary-menu a[href]:focus .svg-icon {
	transform: scale(-1);
	fill: var(--wp--preset--color--primary);
}

.primary-menu.is-active,
.secondary-menu.is-active {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0;
	transition: transform 0.3s ease-in-out;
	padding-right: 0.5rem;
}

.primary-menu.is-active > .menu-item-has-children > .sub-menu__wrapper,
.secondary-menu.is-active > .menu-item-has-children > .sub-menu__wrapper {
	position: absolute;
	padding-right: 0.5rem;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(100vw);
	transition: transform 0.3s ease-in-out;
	background-color: var(--wp--preset--color--tertiary);
	z-index: 1;
	overflow-x: hidden;
	overflow-y: auto;
}

.primary-menu.is-active > .menu-item-has-children > .sub-menu__wrapper::-webkit-scrollbar,
.secondary-menu.is-active > .menu-item-has-children > .sub-menu__wrapper::-webkit-scrollbar {
	width: 0.5rem;
}

.primary-menu.is-active > .menu-item-has-children > .sub-menu__wrapper::-webkit-scrollbar-thumb,
.secondary-menu.is-active > .menu-item-has-children > .sub-menu__wrapper::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--primary);
	border-radius: 20px;
}

.primary-menu.is-active > .menu-item-has-children .sub-menu,
.secondary-menu.is-active > .menu-item-has-children .sub-menu {
	display: flex;
	flex-direction: column;
	grid-area: link;
}

.primary-menu.is-active > .menu-item-has-children a,
.secondary-menu.is-active > .menu-item-has-children a {
	grid-area: link;
}

.primary-menu.is-active > .menu-item-has-children li:not(.return-to-menu) a,
.secondary-menu.is-active > .menu-item-has-children li:not(.return-to-menu) a {
	padding-left: 3rem;
}

.primary-menu.is-active .menu-item,
.secondary-menu.is-active .menu-item {
	display: grid;
	align-items: start;
	grid-template-columns: 1fr;
	grid-template-areas: "link";
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.primary-menu.is-active .menu-item a,
.secondary-menu.is-active .menu-item a {
	text-decoration: none;
	padding: 10px 15px;
	transition: transform 0.2s ease-in-out;
}

.primary-menu.is-active .menu-item:last-child,
.secondary-menu.is-active .menu-item:last-child {
	border-bottom: none;
}

.primary-menu.is-active a,
.secondary-menu.is-active a {
	color: var(--wp--preset--color--background);
}

.primary-menu.is-active a[href]:hover, .primary-menu.is-active a[href]:focus,
.secondary-menu.is-active a[href]:hover,
.secondary-menu.is-active a[href]:focus {
	color: var(--wp--preset--color--background);
	background-color: var(--wp--preset--color--primary);
}

.primary-menu.is-active a[href]:hover .svg-icon, .primary-menu.is-active a[href]:focus .svg-icon,
.secondary-menu.is-active a[href]:hover .svg-icon,
.secondary-menu.is-active a[href]:focus .svg-icon {
	transform: rotate(270deg) translateY(10px) !important;
	fill: var(--wp--preset--color--background);
}

.primary-menu.is-active .svg-icon,
.secondary-menu.is-active .svg-icon {
	transform: rotate(270deg);
}

.primary-menu.is-active:not(.primary-menu),
.secondary-menu.is-active:not(.primary-menu) {
	font-size: 0.875rem;
	align-self: end;
}

.primary-menu.is-active .return-to-menu .return-to-menu__text,
.secondary-menu.is-active .return-to-menu .return-to-menu__text {
	text-decoration: none;
	padding: 10px 15px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
}

.primary-menu.is-active .return-to-menu .return-to-menu__text span,
.secondary-menu.is-active .return-to-menu .return-to-menu__text span {
	width: 2rem;
	height: 1rem;
	background-repeat: no-repeat;
	background-image: url("./assets/images/icons/chevron-left.svg");
}

@media (min-width: 768px) {
	.primary-menu.is-active .return-to-menu,
	.secondary-menu.is-active .return-to-menu {
		display: none;
	}
}

.primary-menu .slide-out.is-active > a:hover, .primary-menu .slide-out.is-active > a:focus,
.secondary-menu .slide-out.is-active > a:hover,
.secondary-menu .slide-out.is-active > a:focus {
	background-color: transparent;
}

.primary-menu .slide-out.is-active > .sub-menu__wrapper,
.secondary-menu .slide-out.is-active > .sub-menu__wrapper {
	transform: translateX(0);
}

.menu-toggle {
	width: 2.5rem;
	background: none;
	border: none;
	cursor: pointer;
}

.menu-toggle * {
	background-color: var(--wp--preset--color--background);
	width: 100%;
	height: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	transition: transform 0.1s ease-in-out;
}

.menu-toggle.is-active div:first-child {
	transform: rotate(45deg) translate3d(4px, 4px, 0px);
}

.menu-toggle.is-active div:nth-child(2) {
	visibility: hidden;
}

.menu-toggle.is-active div:last-child {
	transform: rotate(-45deg) translate3d(4px, -4px, 0px);
}

.primary-menu {
	gap: 2rem;
}

.menu-item-has-children:not(.menu-item-part-of-sub-menu) a {
	display: inline-flex;
	align-items: center;
}

.menu-item-has-children:not(.menu-item-part-of-sub-menu) .svg-icon {
	fill: var(--wp--preset--color--background);
	margin-left: 0.4rem;
	transition: transform 0.2s ease-in-out;
}

.menu-secondary-menu-container {
	display: flex;
	justify-content: flex-end;
}

.site-navigation--small {
	font-size: 0.875rem;
}

.site-footer {
	background: #25436a;
	background: radial-gradient(circle, #25436a 17%, #08192b 100%);
}

.site-footer * {
	color: #FFFFFF;
}

.site-footer a {
	text-decoration: none;
}

.site-footer a:hover {
	color: #B38138;
	text-decoration: underline;
}

.site-info {
	padding-top: 5rem;
}

.footer-navigation {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (min-width: 992px) {
	.footer-navigation {
		flex-direction: row;
	}
}

.footer-navigation .footer-navigation__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	height: max-content;
}

@media (min-width: 768px) {
	.footer-navigation .footer-navigation__inner {
		justify-content: space-between;
	}
}

@media (min-width: 992px) {
	.footer-navigation .footer-navigation__inner {
		flex-wrap: nowrap;
	}
}

.footer-navigation .footer-navigation__inner .footer__nav {
	flex: 1 1 100%;
	text-align: center;
	font-size: 14px;
}

@media (min-width: 768px) {
	.footer-navigation .footer-navigation__inner .footer__nav {
		flex: 1 1 20%;
		text-align: left;
		padding-right: 2rem;
		border-right: 1px solid #afafaf;
	}
	.footer-navigation .footer-navigation__inner .footer__nav:last-child {
		border-right: none;
	}
}

.footer-navigation .footer__image {
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 768px) {
	.footer-navigation .footer__image {
		flex: 1 33%;
	}
}

.footer-navigation .footer__image img {
	max-width: 200px;
	display: block;
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.footer-navigation .footer__image img {
		max-width: 292px;
	}
}

.footer-navigation .footer__nav-social .menu {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	justify-content: center;
	font-size: 1.5rem;
}

@media (min-width: 992px) {
	.footer-navigation .footer__nav-social .menu {
		flex-direction: column;
	}
}

.footer-navigation .footer__nav-social a,
.footer-navigation .footer__nav-social i {
	color: #bababa;
}

.footer-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-navigation ul .menu-item-has-children > a {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0.5rem;
	text-decoration: none;
	color: #afafaf;
}

.footer-navigation ul .menu-item-has-children > a:hover {
	color: inherit;
}

.footer-navigation ul .sub-menu li {
	margin: 0.8rem 0;
}

.footer-navigation ul .sub-menu a {
	color: #afafaf;
	text-decoration: none;
	opacity: 0.63;
}

.footer-navigation ul .sub-menu a:hover {
	color: #B38138;
}

.site-bonus {
	margin-top: 2rem;
	padding-bottom: 3rem;
}

@media (min-width: 992px) {
	.site-bonus {
		padding-bottom: 5rem;
	}
}

.footer__logo {
	border-bottom: 1px solid #bababa;
	padding-bottom: 1rem;
}

.footer__logo img {
	width: 100%;
}

@media (min-width: 992px) {
	.footer__logo img {
		width: auto;
	}
}

.footer__copyright {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 1rem;
}

@media (min-width: 992px) {
	.footer__copyright {
		flex-direction: row;
		justify-content: space-between;
	}
}

.footer__copyright-nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

.footer__copyright-nav ul li a {
	color: #bababa;
}

.footer__copyright-nav ul li a:hover {
	color: #B38138;
}

.footer__copyright-nav {
	font-size: 13px;
}

.copyright {
	font-size: 12px;
}

.is-orange > a {
	font-family: var(--wp--preset--font-family--asap-condensed);
	font-size: var(--wp--preset--font-size--medium);
	text-transform: uppercase;
	color: var(--wp--preset--color--primary) !important;
}

.is-orange > a:hover, .is-orange > a:focus {
	background-color: rgba(255, 255, 255, 0.05) !important;
}

/*# sourceMappingURL=style.css.map */