.crrc-resource-container {

	max-width: 75rem;
	margin: 0 auto;
	padding: 40px 20px;

}

.crrc-single-resource {

	background-color: #F3F0EA;

	width: 100vw;

	margin-left: calc(50% - 50vw);

	padding: 40px 0;

    color: #222222;

}

.crrc-resource-navigation {

	margin-bottom: 30px;

}


.crrc-resource-navigation a {

	text-decoration: none;

}

.crrc-resource-header {

	margin-bottom: 40px;

}


.crrc-single-resource h1,
.crrc-single-resource h2,
.crrc-single-resource h3 {

	color: #222222;

}


.crrc-single-resource a {

	color: #222222;

}


.crrc-resource-content {

	font-size: 18px;

	line-height: 1.8;

}


.crrc-resource-content h2 {

	font-size: 30px;

	margin-top: 50px;

	margin-bottom: 20px;

}


.crrc-resource-content h3 {

	font-size: 24px;

	margin-top: 35px;

	margin-bottom: 15px;

}


.crrc-resource-content p {

	margin-bottom: 20px;

}


.crrc-resource-content ul,
.crrc-resource-content ol {

	margin-bottom: 25px;

	padding-left: 30px;

}


.crrc-resource-content li {

	margin-bottom: 10px;

}


.crrc-related-resources {

	margin-top: 60px;
	padding-top: 40px;
	border-top: 1px solid #ddd;

}


.crrc-resource-grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 20px;

}


.crrc-resource-header h1 {

	font-size: 42px;

	line-height: 1.2;

	margin: 0;

    margin-bottom: 40px;

}

.crrc-resource-content img {

	max-width: 100%;

	height: auto;

	border-radius: 8px;

	margin: 30px 0;

}

.crrc-resource-image {

	margin-bottom: 40px;

}


.crrc-resource-image img {

	width: 100%;

	height: auto;

	border-radius: 12px;

	display: block;

}

.crrc-resource-search {

	margin-bottom: 50px;

}


.crrc-resource-search h2 {

	color: #222222;

	margin-bottom: 20px;

	font-size: 28px;

}


.crrc-resource-search-input {

	width: 100%;

	max-width: 600px;

	padding: 15px 20px;

	border: 1px solid #ccc;

	border-radius: 8px;

	background: #ffffff;

	color: #222222;

	font-size: 16px;

}


.crrc-resource-search-input::placeholder {

	color: #777;

}

/*
.crrc-resource-card {

	background: #ffffff;
	padding: 20px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
	border-radius: 8px;

}
*/

.crrc-search-results h3 a {

	color: #222222 !important;

}

/* This is the text for the resource cards titles */
.crrc-resource-card h3 a,
.crrc-resource-card h2 a,
.crrc-resource-card h1 a {

	color: black !important;
	text-decoration: none;

}

.crrc-resource-category h2 {

	color: #E0B15A;
	padding-top: 20px;
	margin-bottom: 20px;
	font-size: 28px;

}

.crrc-featured-resources h2 {

    color: #E0B15A !important;
    margin-bottom: 20px;
    font-size: 28px;

}

.crrc-resource-card {

	background: #F3F0EA;
	outline: 2px solid #E0B15A;
	outline-offset: 3px;
	border-radius: 12px;

	padding: 24px;

	display: flex;
	flex-direction: column;

	height: 100%;


		

	cursor: pointer;

}

.crrc-resource-card:hover {

	transform: translateY(-4px);

	box-shadow: 0 10px 30px rgba(0,0,0,.08);

		transition:
		transform .2s ease,
		box-shadow .2s ease;

}

.crrc-resource-card:focus {

	outline: 2px solid #D1D5DB;
	outline-offset: 3px;

}

.crrc-resource-title {

	margin: 0 0 16px;

	font-size: 22px;

	line-height: 1.3;

	font-weight: 600;

}

.crrc-resource-title a {

	color: #222;
	text-decoration: none;

}

.crrc-resource-title a:hover {

	color: #E0B15A;

}

.crrc-resource-excerpt {

	color: #555;

	line-height: 1.7;

	margin: 0 0 24px;

	flex-grow: 1;

}

.crrc-resource-meta {

	font-size: 14px;

	color: #777;

	font-weight: 500;

	padding-top: 16px;

	border-top: 1px solid #eee;

}

.crrc-unlock-message {
    background: #111827;
    color: #F3F0EA;
    border: 2px solid #E0B15A;
    border-radius: 12px;
    padding: 28px;
    margin: 0 0 40px;
    max-width: 42rem;
}
.crrc-unlock-message h2 {
    color: #E0B15A;
    margin: 0 0 12px;
    font-size: 24px;
}
.crrc-unlock-message p {
    margin: 0 0 12px;
    line-height: 1.6;
}
.crrc-unlock-message p:last-child {
    margin-bottom: 0;
}
.crrc-unlock-link {
    display: inline-block;
    background: #E0B15A;
    color: #111827;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
}
.crrc-unlock-link:hover {
    background: #EEC27B;
    color: #FFFFFF;
}