/*
Theme Name: Club Z
Description: Jewish identity is the foundation. Everything else follows.
Author: Woland Web
Author URI: https://www.wolandweb.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* ======================================== 
	HEADER & NAVIGATION 
======================================== */
.hmenu .menu-container .navbar-nav a {
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
#logo-container-mobile.col-lg-0 {
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (min-width: 959px) {
	.logo-image.main-logo {
		height: 135px!important;
	}
}


/*@media (min-width: 960px) {
	body.home #main-logo .navbar-brand img {
		display: block;
		width: auto;
		height: 200px;
		margin: auto;
	}
}

@media (max-width: 959px) {
	body.home #main-logo .navbar-brand img {
		width: auto;
		height: 100px;
		max-height: 100px;
		object-fit: contain;
	}
}*/

.menu-cta-inner .donate-menu-button {
	border-color: #D9AA3A;
	background-color: #D9AA3A;
	color: #0B1B32;
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.menu-cta-inner .donate-menu-button span {
	color: inherit;
}
.menu-cta-inner .menu-item-button > a:hover .donate-menu-button,
.menu-cta-inner .menu-item-button > a:focus .donate-menu-button {
	border-color: #D9AA3A;
	background-color: transparent;
	color: #D9AA3A;
}
#masthead .fa-dropdown {
	color: #D9AA3A !important;
}
#masthead .drop-menu.un-submenu > li:hover,
#masthead .drop-menu.un-submenu > li:hover > a,
#masthead .drop-menu.un-submenu > li > a:hover,
#masthead .drop-menu.un-submenu > li > a:focus {
	background-color: transparent !important;
}

@media (min-width: 960px) {
	body.home #masthead,
	body.home #masthead .menu-container,
	body.home #masthead .row-menu,
	body.home #masthead .row-menu-inner,
	body.home #masthead .drop-menu.un-submenu {
		transition:
			background-color 0.25s ease,
			backdrop-filter 0.25s ease;
	}

	body.home #masthead:has(
		#menu-primary-menu > .menu-item-has-children:hover
	),
	body.home #masthead:has(
		#menu-primary-menu > .menu-item-has-children > a[aria-expanded="true"]
	) {
		background-color: rgba(11, 27, 50, 0.72) !important;
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}

	body.home #masthead:has(
		#menu-primary-menu > .menu-item-has-children:hover
	) .menu-container,
	body.home #masthead:has(
		#menu-primary-menu > .menu-item-has-children > a[aria-expanded="true"]
	) .menu-container,
	body.home #masthead:has(
		#menu-primary-menu > .menu-item-has-children:hover
	) .row-menu,
	body.home #masthead:has(
		#menu-primary-menu > .menu-item-has-children > a[aria-expanded="true"]
	) .row-menu,
	body.home #masthead:has(
		#menu-primary-menu > .menu-item-has-children:hover
	) .row-menu-inner,
	body.home #masthead:has(
		#menu-primary-menu > .menu-item-has-children > a[aria-expanded="true"]
	) .row-menu-inner {
		background-color: transparent !important;
	}

	body.home #masthead .drop-menu.un-submenu {
		background-color: rgba(11, 27, 50, 0.72) !important;
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}

	body.home #masthead .drop-menu.un-submenu > li,
	body.home #masthead .drop-menu.un-submenu > li > a {
		background-color: transparent !important;
	}
}

@media (max-width: 959px) {
	#masthead .donate-menu-button,
	#masthead .donate-menu-button span {
		font-size: 16px !important;
	}
}

/* ======================================== 
	FOOTER
======================================== */

.footer-links-column .unmenu-inner-ul.is-grid {
	gap: 0 !important;
	row-gap: 0 !important;
}

.footer-links-column .menu-smart li.menu-item {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.35;
}

.footer-links-column .menu-smart li.menu-item > a {
	display: block;
	margin: 0 !important;
	padding: 4px 0 !important;
	line-height: 1.35 !important;
}

.footer-links-column .menu-smart li.menu-item > a span {
	line-height: inherit;
}

/* ======================================== 
	UNIVERSAL ELEMENTS
======================================== */

body,
p,
li,
dt,
dd,
dl,
address,
label,
pre,
code,
.text-small,
.text-small > * {
	line-height: 1.5;
}

b,
strong {
	font-weight: 700;
}

.style-dark a,
.style-light a {
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* RESPONSIVE VIDEO EMBEDS */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ======================================== 
	HOME
======================================== */

.clubz-testimonial-nav .uncode-nav-container,
.clubz-testimonial-nav .uncode-nav-disabled .uncode-nav-container {
	background-color: #D9AA3A !important;
	color: #0B1B32 !important;
}

.clubz-testimonial-nav .uncode-nav-container i {
	color: inherit !important;
}

.clubz-testimonial-quote h3 {
	line-height: 1.32;
}

@media (max-width: 959px) {
	.clubz-hero-content .wpb_row.row-inner {
		height: auto !important;
	}

	.clubz-hero-content .wpb_column.column_child {
		box-sizing: border-box;
		padding-right: 36px !important;
		padding-left: 36px !important;
	}

	.impact-report-button .btn-advanced-text {
		font-size: 20px !important;
		line-height: 1.3;
	}
}

@media (max-width: 569px) {
	.clubz-hero-content .btn-container.btn-inline {
		display: block;
		width: 100%;
		margin: 0 0 12px !important;
	}

	.clubz-hero-content .btn-container.btn-inline:last-child {
		margin-bottom: 0 !important;
	}

	.clubz-hero-content .btn-container .btn {
		display: block;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
	}

	.impact-report-button .btn-advanced-text {
		font-size: 16px !important;
		line-height: 1.35;
	}

	.impact-report-button .btn-icon-out {
		font-size: 14px;
	}
}

/* ======================================== 
	SECONDARY PAGES
======================================== */

/* TEAM */
.team-bio-popup,
.team-contact-popup {
	display: none;
}

.team-bio-popup.is-open,
.team-contact-popup.is-open {
	display: flex;
	position: fixed;
	z-index: 10000;
	inset: 0;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
	padding: 40px 20px;
	background: rgba(0, 0, 0, 0.65);
}

.team-bio-popup > .row,
.team-contact-popup > .row {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: auto;
}

.team-bio-popup .uncell.has-bg,
.team-contact-popup .uncell.has-bg {
	position: relative;
}

.team-popup-close {
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 20px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 36px;
	line-height: 1;
	cursor: pointer;
}

.team-bio-trigger {
	cursor: pointer;
}

body.team-popup-open {
	overflow: hidden;
}

/* ======================================== 
	FORMS
======================================== */
.gform_wrapper h3 {
	color:#1a3c6e;
	font-size:24px;
	text-transform:uppercase;
	line-height:25px;
	font-weight:500;
}
.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label {
	color: #0D1B2E!important;
}

.gform_wrapper .gfield_required,
.gform_wrapper .gfield_required_text {
	color: #0D1B2E!important;
}

.gform_wrapper .gform_footer .gform_button {
	width: auto;
	height: auto;
	margin: 0;
	padding: 18px 36px;
	border: 1px solid #D9AA3A;
	border-radius: 0;
	background-color: #D9AA3A;
	color: #0D1B2E;
	box-shadow: none;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	transition:
		color 0.3s ease,
		background-color 0.3s ease,
		border-color 0.3s ease;
}

.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform_footer .gform_button:focus {
	border-color: #D9AA3A;
	background-color: transparent;
	color: #D9AA3A;
}

/* Buttonize Radio & Checkbox Fields */

#gform_wrapper_2 .buttonized .gfield_radio .gchoice,
#gform_wrapper_2 .buttonized .gfield_checkbox .gchoice {
  text-align: left;
  display: inline-block;
}

#gform_wrapper_2 .buttonized input[type="radio"],
#gform_wrapper_2 .buttonized input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

#gform_wrapper_2 .buttonized .gfield_radio label,
#gform_wrapper_2 .buttonized .gfield_checkbox label {
  display: inline-block !important;
  position: relative;
  max-width: 100%;
  padding: 0.75em;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.25s ease;
  color: #1b3c6e !important;
  background-color: #F5F0E8;
  border-radius: 500px;
  cursor: pointer;
}

@media only screen and (min-width: 991px) {
  #gform_wrapper_2 .buttonized.large .gfield_radio label,
  #gform_wrapper_2 .buttonized.large .gfield_checkbox label {
    font-size: 20px;
    padding: 0.75em 1.25em;
    margin: 0 20px 0 0;
  }
}

#gform_wrapper_2 .buttonized input[type="radio"]:focus + label,
#gform_wrapper_2 .buttonized input[type="checkbox"]:focus + label,
#gform_wrapper_2 .buttonized input[type="radio"]:checked + label,
#gform_wrapper_2 .buttonized input[type="checkbox"]:checked + label {
  color: #ffffff !important;
  background-color: #1b3c6e;
}

#gform_wrapper_2 .ginput_total_2 {
	font-size: 18px !important;
    font-weight: 700;
    color: #1b3c6e !important;
    padding-top: 5px;
}

/* ========================================
	FLIP CARD
======================================== */

.ww-flip-card {
	position: relative;
	width: 100%;
	min-height: 320px;
	perspective: 1200px;
}

.ww-flip-card__inner {
	position: relative;
	width: 100%;
	min-height: inherit;
	cursor: pointer;
	transform-style: preserve-3d;
	transition: transform 0.6s ease;
}

.ww-flip-card__face {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 32px;
	overflow: auto;
	background-color: #fff;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.ww-flip-card__front {
	transform: rotateY(0deg);
}

.ww-flip-card__back {
	transform: rotateY(180deg);
}

.ww-flip-card.is-flipped .ww-flip-card__inner {
	transform: rotateY(180deg);
}

.ww-flip-card__content {
	width: 100%;
}

.ww-flip-card__heading {
	margin-top: 0;
}

.ww-flip-card__text > :last-child {
	margin-bottom: 0;
}

.ww-flip-card__image-wrap {
	margin-bottom: 20px !important;
}

.ww-flip-card__image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.ww-flip-card__inner:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

@media (hover: hover) {
	.ww-flip-card[data-trigger="hover"]:hover .ww-flip-card__inner {
		transform: rotateY(180deg);
	}
}