.pdr-alternating-content-and-faqs {
	background-color: var(--prodog-yellow);
	padding: 45px 20px 75px;
	position: relative;
}

.pdr-alternating-content-and-faqs h2 {
    font-size: var(--font-size-h2-smaller);
    line-height: 40px;
    margin: 0 auto 5px;
	max-width: 100%;
    text-align: center;
    text-transform: uppercase;
	width: 750px;
}

.pdr-alternating-content-and-faqs h3 {
    color: var(--color-black);
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-heavy);
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}

.pdr-alternating-content-and-faqs h3 span {
	display: block;
    font-size: 22px;
	margin-top: 8px;
}

.pdr-alternating-content-and-faqs-blocks {

}

.pdr-alternating-content-and-faqs-block {
	display: flex;
	margin-bottom: 30px;
	position: relative;
}

.pdr-alternating-content-and-faqs-block.pdr-image-left {
	flex-direction: row-reverse;
}

.pdr-alternating-content-and-faqs-block-content,
.pdr-alternating-content-and-faqs-block-image {
	width: 50%;
}

.pdr-alternating-content-and-faqs-block-image {
	background-size: auto 425px;
	background-repeat: no-repeat;
	width: 2300px;
	height: 100%;
	min-height: 425px;
	position: absolute;
}

.pdr-alternating-content-and-faqs-block.pdr-image-right .pdr-alternating-content-and-faqs-block-image {
	background-position: center left;
	right: calc(50% - 2350px);
}

.pdr-alternating-content-and-faqs-block.pdr-image-left .pdr-alternating-content-and-faqs-block-image {
	background-position: center right;
	left: calc(50% - 2350px);
}

.pdr-alternating-content-and-faqs-block-content p {
    font-size: var(--font-size-md);
    line-height: 26px;
}

.pdr-alternating-content-and-faqs-faqs {
	margin: 0 auto;
	max-width: 100%;
	padding-top: 25px;
	width: 800px;
}

.pdr-alternating-content-and-faqs-faq {
	margin-bottom: 14px;
}

.pdr-alternating-content-and-faqs-faq:last-of-type {
	margin-bottom: 0;
}

.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq > a {
    align-items: center;
    background: var(--prodog-black);
    border: none;
    border-radius: 30px;
	color: var(--color-white);
    display: flex;
    font-family: var(--font-family-secondary);
    font-size: 20px;
	font-weight: var(--font-weight-btn);
    height: 50px;
    justify-content: center;
    line-height: 1.2;
	padding: 0 50px 0 25px;
	position: relative;
    text-align: center;
    width: 100%;
}

.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq.open > a,
.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq > a:hover {
    background: var(--prodog-bright-green);
}

.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq > a:after {
    align-items: center;
    border: 4px solid var(--prodog-yellow);
    border-radius: 38px;
    color: var(--prodog-yellow);
	content: '+';
    display: flex;
	font-family: var(--font-family-secondary);
	font-weight: var(--font-weight-btn);
	font-size: 20px;
	height: 34px;
    justify-content: center;
	position: absolute;
	right: 9px;
	top: 8px;
    width: 34px;
}

.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq.open > a:after,
.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq > a:hover:after {
	border: 4px solid var(--color-white);
	color: var(--color-white);
}

.pdr-alternating-content-and-faqs-answer {
	border-radius: 30px;
	background: var(--color-white);
	padding: 30px 30px 10px;
	margin-top: 10px;
	font-size: var(--font-size-base);
	display: none;
}

.pdr-alternating-content-and-faqs-answer ul {
    list-style: disc;
    margin-bottom: 20px;
    padding: 0 0 0 15px;
}

.pdr-alternating-content-and-faqs-answer ol {
    list-style: decimal;
    margin-bottom: 20px;
    padding: 0 0 0 15px;
}

.pdr-alternating-content-and-faqs-answer a {
    border: none;
    text-decoration: underline;
}

@media (max-width: 899px) {

	.pdr-alternating-content-and-faqs {
		padding: 45px 0 75px;
	}

	.pdr-alternating-content-and-faqs-block.pdr-image-left,
	.pdr-alternating-content-and-faqs-block.pdr-image-right {
		flex-direction: column;
	}

	.pdr-alternating-content-and-faqs-block.pdr-image-left .pdr-alternating-content-and-faqs-block-image {
		background-position: center right 20px;
	}

	.pdr-alternating-content-and-faqs-block.pdr-image-right .pdr-alternating-content-and-faqs-block-image {
		background-position: center left 20px;
	}

	.pdr-alternating-content-and-faqs-block-content {
		padding: 0 20px;
	}

	.pdr-alternating-content-and-faqs-block-content,
	.pdr-alternating-content-and-faqs-block-image {
		width: 100%;
	}

	.pdr-alternating-content-and-faqs-block-image {
		position: static;
	}

	.pdr-alternating-content-and-faqs-faqs {
		padding: 0 20px;
	}

}

@media (max-width: 767px) {

    .pdr-alternating-content-and-faqs {
    	padding: 35px 0;
    }

	.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq > a {
		font-size: 16px;
		height: auto;
		justify-content: flex-start;
		min-height: 50px;
		padding: 15px 50px 15px 25px;
		text-align: left;
	}

	.pdr-alternating-content-and-faqs-block-image {
		background-size: auto 300px;
		min-height: 300px;
	}

	.pdr-alternating-content-and-faqs h2 {
		line-height: 30px;
	}

	.pdr-alternating-content-and-faqs h3 {
		margin-bottom: 20px;
	}

	.pdr-alternating-content-and-faqs h3 span {
		font-size: 19px;
		margin-top: 6px;
	}

	.pdr-alternating-content-and-faqs-block li,
    .pdr-alternating-content-and-faqs-block p {
		font-size: 16px;
    	line-height: 24px;
    }

}

@media (max-width: 599px) {

	.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq > a:after {
		border-width: 3px;
		font-size: 18px;
		height: 30px;
		right: 10px;
		top: 10px;
		width: 30px;
	}

	.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq.open > a:after,
	.pdr-alternating-content-and-faqs .pdr-alternating-content-and-faqs-faq > a:hover:after {
		border-width: 3px;
	}

}