/**
 * Frontend Styles for 500d Custom Repeater
 */

/* Main wrapper */
.fcr-repeater-wrapper { margin: 0; }

/* Row styles */
	.fcr-row .fcr-row-wrapper{
		max-width: 1140px;
		width: 100%;
		margin: 0 auto;
		padding: 56px 16px 56px;
		display: flex;
		flex-direction: column;
		gap: 64px;
	}
	.fcr-row:first-child .fcr-row-wrapper{ padding: 112px 16px 56px; }
	.fcr-row:last-child .fcr-row-wrapper{ padding: 56px 16px 112px; }
	.fcr-row .fcr-row-wrapper .fcr-heading-wrapper{ 
		display: flex; 
		flex-direction: column;
		gap: 12px;
	}
	.fcr-row .fcr-row-wrapper .fcr-cards-container:last-child{
		margin-bottom: 0;
	}
	.fcr-row .fcr-row-title {
		font-family: "Proxima Nova";
		font-size: 42px;
		font-weight: 600;
		line-height: 48px;
		letter-spacing: 0;
		margin: 0;
		max-width: 752px;
	}
	.fcr-row .fcr-row-description {
		font-family: "Proxima Nova";
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0;
		max-width: 752px;
	}
	.fcr-row .fcr-row-description a {
		text-decoration: underline;
	}

/* Card Style */
	.fcr-cards-container {
		display: grid;
		gap: 32px;
		margin-bottom: 32px;
	}
	.fcr-cards-container.columns-1 { grid-template-columns: 1fr; }
	.fcr-cards-container.columns-2 { grid-template-columns: repeat(2, 1fr); }
	.fcr-cards-container.columns-3 { grid-template-columns: repeat(3, 1fr); }
	.fcr-cards-container.columns-4 { grid-template-columns: repeat(4, 1fr); }
	.fcr-cards-container .fcr-card {
		display: flex;
    	flex-direction: column;
		background: #EAEAEC;
		padding: 24px;
		border-radius: 8px;
	}
	.fcr-cards-container .fcr-card .fcr-card-title {
		font-family: "Proxima Nova";
		font-size: 20px;
		line-height: 26px;
		font-weight: 600;
		margin: 0 0 16px;
	}
	.fcr-links-container {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

/* Links Styles */
	.fcr-links-list {
		padding: 0;
		list-style: none;
		margin: 0;
		display: grid;
		gap: 18px;
	}
	.fcr-link-item.type-parent .fcr-link-text {
		padding-bottom: 16px;
		border-bottom: 1px solid #D1D3D6;
	}
	.fcr-link-item.type-sublist {
		margin-left: 32px;
	}
	.fcr-link-item .fcr-link-description {
		color: #35373B;
		font-family: "Proxima Nova";
		font-size: 12px;
		font-weight: 300;
		line-height: 18px;
		margin: 4px 0 0 32px;
	}
	.fcr-links-list li .fcr-link-text {
		color: #00457C;
		font-family: "Proxima Nova";
		font-size: 16px;
		font-weight: 300;
		line-height: 22px;
		text-decoration-line: underline;
		flex-grow: 1;
	}
	.fcr-links-list li .fcr-link-no-url .fcr-link-text{
		color: #121314;
		text-decoration: none;
	}
	.fcr-links-list li .fcr-link-icon {
		font-size: 24px;
		color: #121314;
	}
	.fcr-links-list li > a {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
		gap: 8px;
	}
	.fcr-links-container .fcr-links-list{
		display: block;
	}
	.fcr-links-container .fcr-links-list .fcr-link-item{
		margin-bottom: 16px;
	}
	.fcr-links-container.columns-1{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
	}
	.fcr-links-container.columns-2{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	.fcr-links-container.columns-3{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
	.fcr-links-container.columns-4{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}

	.fcr-row.theme-dark {
	background-image: url(/wp-content/uploads/2025/08/Pattern-Gray-Wave-Pattern.jpg);
	background-color: #E9ECED;
	background-repeat: no-repeat;
	background-position: center;
	}
	.fcr-row.theme-dark .fcr-card {
	background: #fff;
	}

	.fcr-links-container .fcr-card-footnote {
	padding-top: 16px;
	color: #242628;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
		margin-top: auto;
	}
	.fcr-links-container .fcr-card-footnote a{
		text-decoration: underline;
	}

/* Tablet */
	@media screen and (max-width: 1024px) {

		.fcr-row .fcr-row-wrapper{
			max-width: 720px;
			padding: 24px 16px 24px;
			gap: 32px;
		}
		.fcr-row:first-child .fcr-row-wrapper{
			padding: 48px 16px 24px;
		}
		.fcr-row:last-child .fcr-row-wrapper{
			padding: 24px 16px 48px;
		}
		.fcr-links-list{
			gap: 16px;
		}
		.fcr-cards-container.columns-1 { grid-template-columns: 1fr; }
		.fcr-cards-container.columns-2 { grid-template-columns: repeat(2, 1fr); }
		.fcr-cards-container.columns-3 { grid-template-columns: repeat(2, 1fr); }
		.fcr-cards-container.columns-4 { grid-template-columns: repeat(2, 1fr); }

		.fcr-links-container.columns-1{ display: block; }
		.fcr-links-container.columns-2{ display: block; }
		.fcr-links-container.columns-3{ display: block; }
		.fcr-links-container.columns-4{ display: block; }

		/* .fcr-links-container.columns-1 .fcr-links-list { columns: 1; }
		.fcr-links-container.columns-2 .fcr-links-list { grid-template-columns: repeat(1, 1fr); }
		.fcr-links-container.columns-3 .fcr-links-list { grid-template-columns: repeat(1, 1fr); }
		.fcr-links-container.columns-4 .fcr-links-list { grid-template-columns: repeat(1, 1fr); } */
	}
	@media screen and (max-width: 767px) {
		.fcr-row .fcr-row-wrapper{
			max-width: 100%;
		}
		.fcr-cards-container.columns-1 { grid-template-columns: 1fr; }
		.fcr-cards-container.columns-2 { grid-template-columns: repeat(1, 1fr); }
		.fcr-cards-container.columns-3 { grid-template-columns: repeat(1, 1fr); }
		.fcr-cards-container.columns-4 { grid-template-columns: repeat(1, 1fr); }
	}