/*
Theme Name: GatherPress
Theme URI: https://wordpress.org/themes/gatherpress/
Author: GatherPress team
Author URI: https://wordpress.org
Description: Gather-Press emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gatherpress
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, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


.wp-block-button.is-style-primary .wp-block-button__link {
	background: linear-gradient(102.14deg, #238EE3 13.36%, #1074C4 85.57%);
	width: 528px;
	height: 58px;
	color: #010505;
	border-radius: 10px;
	border: none;
}

.wp-block-button.is-style-secondary .wp-block-button__link {
	background: #CCD87F;
	width: 124px;
	height: 57px;
	color: #2F312E;
	border-radius: 10px;
	box-shadow: 0px -1px 22.3px 0px #CCD87F36;

}

.wp-block-button.is-style-style-3 .wp-block-button__link {
	background-color: transparent;
	color: #1769AA;
	border: 1px solid linear-gradient(107.23deg, #1C76BE 5.39%, #145E98 69.81%);
	border-radius: 10px;
	/* border: 1px solid; */
	width: 208px;
	height: 55px;
	border: 1px;
	box-shadow: 0px -1px 22.3px 0px #CCD87F36;

}

.wp-block-button.is-style-style-4 .wp-block-button__link {
	background-color: transparent;
	color: #1769AA;
	width: 116px;
	height: 47px;
	border-radius: 10px;
	border: 1px solid #C5CDD2;


}

.wp-block-button.is-style-style-5 .wp-block-button__link {
	background: linear-gradient(102.14deg, #238EE3 13.36%, #1074C4 85.57%);
	box-shadow: 0px 8px 24px 0px #959DA533;
	color: #1769AA;
	width: 163px;
	height: 59px;
	border-radius: 10px;
	border: none;



}

.wp-block-button.is-style-style-6 .wp-block-button__link {
	background: linear-gradient(102.14deg, #238EE3 13.36%, #1074C4 85.57%);
	box-shadow: 0px 8px 24px 0px #959DA533;
	/* color: #1769AA; */
	color: #fff;
	width: 242px;
	height: 55px;
	border-radius: 10px;
	border: none;

}

.wp-block-button.is-style-style-6 .wp-block-button__link:hover {
	background: transparent !important;
	color: #1C76BE !important;
	box-shadow: none !important;
	border-image-source: linear-gradient(102.14deg, #238EE3 13.36%, #1074C4 85.57%);
	border-radius: 10px;
	border: 1px solid;
	transition: all 0.3s ease !important;
}

/* .wp-block-button.is-style-style-6 .wp-block-button__link {
    border: 1px solid;
    border-image-slice: 1;
} */








/* Override block padding set by theme.json or block editor */
.wp-block[data-type],
.wp-block {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* To target only elements with --wp--preset--spacing--30 */
[data-style*="--wp--preset--spacing--30"] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.git {
	border-color: #C5CDD2;
	box-shadow: 0px 7px 29px 0px #64646F33;
}

.comment-form input,
.comment-form textarea {

	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-bottom: 12px;
}

.comment-form label {
	font-weight: 600;
	display: block;
	margin-bottom: 6px;
}

.comment-form .form-submit input {
	background: #0073e6;
	/* button color */
	color: #fff;
	padding: 12px 20px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
}

.comment-form .form-submit input:hover {
	background: #005bb5;
}


.comment-form-cookies-consent {
	display: flex;
	align-items: center;
	margin: 12px 0;
}

.comment-form-cookies-consent input[type="checkbox"] {
	margin-right: 8px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.comment-form-cookies-consent label {
	font-size: 14px;
	line-height: 1.4;
	cursor: pointer;
}

/* .comment-form-author{
    width: 50%;
}
.comment-form-email{
    width: 50%;
} */

.is-style-default-name {
	justify-content: left;
	text-decoration: none;
	width: 179px;
	height: 30px;
}
  
.team {
	color: white;
}

.taxonomy-gatherpress_topic {
	text-decoration: none;
}

.taxonomy-gatherpress a {
	text-decoration: none;

}

.topic a {
	text-decoration: none;
}

.attend {
	color: #005bb5;
}

.mark {
	background-color: black;
}

.custom-login-container {
	display: flex;
	padding: 30px;
	gap: 30px;
	align-items: flex-start;
	flex-wrap: wrap;
	/* allow image and form to stack on small screens */
	box-sizing: border-box;

	/* Responsive tweaks for login form/image to prevent mobile overflow */
	@media (max-width: 720px) {
		.custom-login-container {
			padding: 16px;
			gap: 16px;
		}

		.custom-login-wrapper {
			padding: 20px;
		}

		.custom-login-title {
			font-size: 22px;
		}

		.custom-login-subtitle {
			font-size: 14px;
			margin-bottom: 18px;
		}

		.custom-login-image {
			width: 100%;
		}

		.custom-login-image img {
			max-height: 360px;
			width: 100%;
			object-fit: cover;
		}

		.remember-forgot {
			flex-direction: column;
			align-items: flex-start;
			gap: 8px;
		}

		.custom-login-form .login-button {
			padding: 12px;
			font-size: 15px;
		}
	}
}

.read-more a strong mark {
	background-color: white !important;
}

/* .wp-block-post-excerpt__more-text a strong mark{
    background-color: white;

} */

.custom-login-image img {
	max-width: 100%;
	width: 100%;
	height: auto;
	/* keep aspect ratio */
	object-fit: contain;
	border-radius: 12px;
	display: block;
}

.custom-login-wrapper {
	flex: 1 1 480px;
	/* allow the wrapper to grow/shrink */
	max-width: 648px;
	width: 100%;
	background: #fff;
	padding: 40px;
	border-radius: 12px;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}

.custom-login-title {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0073aa;
	text-align: left;
}

.custom-login-subtitle {
	font-size: 16px;
	color: #555;
	margin-bottom: 30px;
	text-align: left;
}

.custom-login-form label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #333;
}

.custom-login-form input[type="text"],
.custom-login-form input[type="password"] {
	width: 100%;
	padding: 12px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #f5f8fa;
	box-sizing: border-box;
}

.remember-forgot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	flex-wrap: wrap;
	/* allow wrapping */

}



.remember-me input {
	margin-right: 8px;
}

.forgot-pass {
	font-size: 14px;
	text-decoration: none;
	color: #0073aa;
}

.forgot-pass:hover {
	text-decoration: underline;
}

.custom-login-form .login-button {
	width: 100%;
	padding: 14px;
	background: #0073aa;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	cursor: pointer;
}

.custom-login-form .login-button:hover {
	background: #005d8f;
}

.custom-login-form .extra-links {
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}

.custom-login-form .extra-links a {
	color: #0073aa;
	text-decoration: none;
}

.custom-login-form .extra-links a:hover {
	text-decoration: underline;
}

.explore a:hover {
	background: linear-gradient(102.14deg, #238EE3 13.36%, #1074C4 85.57%) !important;
	color: #fff;
	border-radius: 10px;
}

.wp-block-button.is-style-outline.get.is-style-outline--2 a:hover {
	background: linear-gradient(102.14deg, #238EE3 13.36%, #1074C4 85.57%) !important;
	color: #fff !important;
	box-shadow: 0px 8px 24px 0px #959DA533 !important;
	border: 1px solid transparent;
	border-radius: 10px;
	transition: all 0.3s ease !important;
	border-image: none;
	/* Remove gradient border, since background handles the gradient */
}

.mission-border {
	border-bottom: 12px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(90deg, #CCD87F 0%, rgba(255, 255, 255, 0) 100%);

	/* text-align: left; */
	/* Optional: you can adjust width and height if needed */
	/* width:100px; */
	/* height: 65px; */
	/* justify-content: left; */
}

.get-invloved a:hover {
	background: linear-gradient(102.14deg, #238EE3 13.36%, #1074C4 85.57%) !important;
	color: #fff !important;
	transition: all 0.3s ease !important;
	border-image: none;
}

.documentation a {
	text-decoration: none;
}

.wp-block-navigation__submenu-icon,
.wp-block-navigation-submenu__toggle::after {
	content: "+";
	font-size: 18px;
	display: inline-block;
	transform: none;
	/* Remove any existing arrow rotation or style */
}

.wp-block-navigation__submenu-icon svg,
.wp-block-navigation-submenu__toggle svg {
	display: none !important;
}

html {
	scroll-behavior: smooth;
}

/* .card-arrow {
  width: 25px;
  height: 18px;
} */


/* Force search block into same 1320px container */
.wp-block-search {
	max-width: 1320px !important;
	/* content width */
	display: block !important;
	text-align: left !important;
}

/* Inside wrapper (keeps input + button aligned left) */
.wp-block-search__inside-wrapper {
	max-width: 402px !important;
	/* keep it narrow, change if needed */
	margin-left: 0 !important;
	margin-right: auto !important;
	justify-content: flex-start !important;
	border: 1px solid #C2C5E1 !important;
}

/* Input box */
.wp-block-search__input {
	text-align: left !important;
	flex: 1 1 auto !important;
	color: #9096B26B !important;

}

/* Search button */
.wp-block-search__button {
	flex: 0 0 auto !important;
	background-color: white !important;
	color: #C2C5E1 !important;
}

.wp-block-search__label {
	color: #238EE3 !important;
	font-weight: 600;
	font-style: semibold;
	font-size: 22px;
}


.custom-login-btn {
	display: inline-block;
	border-radius: 10px;
	padding: 16px 38px;
	background: #CCD87F;
	box-shadow: 0px -1px 22.3px 0px #CCD87F36;
	color: #000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

.custom-login-btn:hover {
	opacity: 0.9;
}

.wp-block-navigation a:focus {
	outline: none !important;
	/* box-shadow: none !important; */
}

.wp-block-query-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 12px 20px;
	gap: 10px;
	margin-top: 30px;
}

.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #555;
	text-decoration: none;
	transition: all 0.3s ease;
}

.wp-block-query-pagination-numbers .current {
	background: #2196f3;
	color: #fff !important;
}

.wp-block-query-pagination-numbers a:hover {
	background: rgba(33, 150, 243, 0.1);
	color: #2196f3;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	color: #2196f3;
	font-size: 18px;
	text-decoration: none;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	color: #0d47a1;
}

.wp-block-query-pagination-previous-arrow.is-arrow-arrow {
	display: inline-block;
	width: 8px;
	/* SVG width */
	height: 16px;
	/* SVG height */
	text-indent: -9999px;
	/* hide original arrow */
	background-image: url('assets/images/Vector\ \(2\).svg');
	/* replace with your SVG path */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(-180deg);
	/* rotates the SVG */
	opacity: 1;
	/* fully visible */
	position: relative;
	/* change to absolute if needed */
	top: 5px;
	/* adjust if using relative or absolute positioning */
	left: 0;
	/* adjust if using relative or absolute positioning */
}


.wp-block-query-pagination-next-arrow.is-arrow-arrow {
	display: inline-block;
	width: 8px;
	height: 16px;
	text-indent: -9999px;
	background-image: url('assets/images/Vector\ \(3\).svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(-180deg);
	opacity: 1;
	position: relative;
	top: 5px;
	left: 0;
}


.last-image {
	width: 218px;
	height: 210px;
	padding-right: 400px;
	top: 400px;
	align-items: left;
}

.goal-pattern-image {
	margin-top: -70px !important;
}

.wp-block-button.is-style-style-7 .wp-block-button__link {
	position: relative;
	background-color: #238EE3;
	color: white;
	border-radius: 15px;
	border: none !important;
	padding: 14px 14px 14px 80px;
	font-weight: 400;
	font-size: 20px;
	display: inline-block;
	text-decoration: none;
	transition: background-color 0.3s ease;
	max-width: 300px;
	width: 100%;
	text-align: left;
}

.wp-block-button.is-style-style-7 .wp-block-button__link:hover {
	background-color: #3d73d6;
}

.wp-block-button.is-style-style-7 .wp-block-button__link::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 67px;
	height: 66px;
	opacity: 1;
	background-image: url('assets/images/home-image.svg');
	background-size: cover;
	background-repeat: no-repeat;
	pointer-events: none;
	transform: translateY(-50%);
}


.our-mission-col {
	position: relative;
}

.our-mission-col .is-style-style-7 {
	position: absolute;
	bottom: -15px;
	left: 20px;
	z-index: 100;
}

.our-mission-col::after {
	content: '';
	position: absolute;
	top: 30px;
	left: 0px;
	background: url('assets/images/our-mission.svg') no-repeat left top;
	background-size: contain;
	width: 326px;
	height: 216px;
	display: block;
	z-index: 1; /* keep above the cover background but below the CTA button (which uses z-index:100) */
	pointer-events: none; /* don't block clicks */
}



@media (max-width: 1024px) {
	.footer-col {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px;
	}
}

@media (max-width: 567px) {
	.footer-col {
		display: grid !important;
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 20px;
	}
}

.news-updates-left-img img {

	height: 400px;
	width: 100%;
	object-fit: cover;

}

@media (max-width:567px) {
	.news-updates-right-col .wp-block-group {
		flex-wrap: wrap;
	}

	.news-updates-right-col .wp-block-group .wp-block-group {
		width: 100%;
	}
}

/*  09/25 */
@media (max-width: 768px) {
	.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/*new-update section style for wrap card at 900px*/
@media (max-width : 900px) {
	.new-updates-row {
		flex-wrap: wrap !important;

	}

	.wp-block-column {
		flex-grow: 0 !important;
		flex-basis: 100% !important;
	}
}

/* releases version cards section spacing */
@media (max-width : 1024px) {
	.releases-version-cards {
		min-height: 550px !important;
	}
}

.social-icon svg {
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 6px;
}


.custom-signup-container {
	/* max-width: 400px; */
	/* margin: 50px auto; */
	/* border: 1px solid #ddd; */
	padding: 30px;
	border-radius: 8px;
	/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
	font-family: Arial, sans-serif;
	background: #fff;
}

.custom-signup-container h2 {
	color: #007BFF;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;
}

.custom-signup-container p {
	font-size: 14px;
	margin-bottom: 15px;
	color: #333;
}

.custom-signup-container label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #333;
}

.custom-signup-container input[type="email"],
.custom-signup-container input[type="password"],
.custom-signup-container input[type="text"] {
	width: 100%;
	padding: 12px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
}

.custom-signup-container button {
	width: 100%;
	background: linear-gradient(90deg, #007BFF, #0056b3);
	color: #fff;
	padding: 12px;
	font-size: 16px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}

.custom-signup-container button:hover {
	opacity: 0.9;
}

.custom-signup-container .extra-info {
	font-size: 12px;
	color: #666;
	margin-top: 15px;
}

.custom-signup-container .extra-info a {
	color: #007BFF;
	text-decoration: none;
	font-weight: bold;
}


/* custom comment form */

.custom-comment-form {
	background: #fff;
	padding: 30px;
	border-radius: 12px;
	max-width: 1320px;
	margin: 20px auto;
	font-family: Arial, sans-serif;
}

.custom-comment-form h2 {
	color: #238EE3;
	font-size: 32px;
	line-height: 1;
	font-weight: 700 !important;
	margin-bottom: 10px;

}

.custom-comment-form p {
	font-size: 16px;
	line-height: 1.6;
	color: #6E7191;
	margin-bottom: 20px;
}

.form-row {
	display: flex;
	margin-bottom: 15px;

}

.form-row-half input {
	height: 52px
}

.form-row label {
	margin-bottom: 15px;

}

.form-roww {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

.form-row-double {
	display: flex;
	gap: 20px;
}

.form-row-half {
	flex: 1;
}

.custom-comment-form .form-row label {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
	color: #2F312E !important;
}

.form-row input,
.form-row textarea {
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #ccc;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
}

.form-row textarea {
	height: 219px;
}

#char_count {
	margin-top: 5px;
	font-size: 12px;
	color: #666;
}

.submit-button {
	max-width: 300px;
	width: 100%;
	height: 59px;
	gap: 10px;
	opacity: 1;
	padding-top: 16px;
	padding-right: 24px;
	padding-bottom: 16px;
	padding-left: 24px;
	border-radius: 10px;
	background: linear-gradient(102.14deg, #238EE3 13.36%, #1074C4 85.57%);
	box-shadow: 0px 8px 24px 0px #959DA533;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
}

button:hover {
	background: #0056b3;
}

.custom-comment-form-message {
	background-color: #f8d7da;
	color: #721c24;
	padding: 12px;
	border-radius: 8px;
	margin-bottom: 20px;
}