/* Global */

.cc-docs-main {
	position: relative;
}

.cc-docs__container {
	max-width: 87.14rem;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 1.07rem;
}

.cc-docs__title {
	font-size: 2.14rem;
	font-weight: 700;
	font-family: Barlow;
	width: 100%;
	text-align: center;
	color: #231f20;
}

.cc-docs-btn {
	width: max-content;
	padding: 0 1.43rem;
	height: 3.14rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-align: center;
	border-radius: 0.57rem;
	background: #d23054;
	font-size: 1.29rem;
	font-family: inherit;
	font-weight: 600;
	border: 0.07rem solid #d23054;
	color: #fff;
	transition: .3s ease-in-out;
}

.cc-docs-btn:hover {
	background: #fff;
	color: #d23054;
	border-color: #d23054;
}

@media (max-width: 992px) {
	.cc-docs__title {
		font-size: 1.71rem;
	}
}

/* Accordion */

.docs-accordion-list {
	width: 100%;
}

.docs-accordion-item {
	background: #FFFFFF;
	transition: .3s ease-in-out;
	margin-top: -0.07rem;
}

.docs-accordion-trigger {
	width: 100%;
	background: 0;
	padding: 0;
	font-family: inherit;
	border: 0.07rem solid #ECECEC;
	cursor: pointer;
	padding: 1.36rem 1.01rem 1.14rem 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.14rem;
	font-size: 1.29rem;
	font-weight: 700;
	color: #231f20;
	transition: .3s ease-in-out;
}

.docs-accordion-trigger:hover {
	color: #FD8925;
}

.docs-accordion-item:first-child .docs-accordion-trigger {
	border-radius: 0.57rem 0.57rem 0rem 0rem;
}

.docs-accordion-item:last-child .docs-accordion-trigger {
	border-radius: 0rem 0rem 0.57rem 0.57rem;
}

.docs-accordion-arrow {
	font-size: 0;
	transition: transform .3s ease-in-out;
	width: 1.79rem;
	height: 1.79rem;
}

.docs-accordion-item.is-active {
	background: #f7f7f7;
}

.docs-accordion-item.is-active .docs-accordion-trigger {
	border-color: transparent;
	padding-bottom: .63rem;
}

.docs-accordion-item.is-active .docs-accordion-arrow {
	transform: rotate(180deg);
}

.docs-accordion-content {
	overflow: hidden;
	transition: .3s ease-in-out;
}

.docs-accordion-content-inner {
	padding: 0 2.71rem .57rem 1.58rem;
	font-size: 1.29rem;
	line-height: 1.86rem;
	color: #000;
}

.docs-accordion-content-inner p {
	margin: 0;
	margin-bottom: 1.86rem;
}

.docs-accordion-content-inner p:last-child {
	margin-bottom: 0;
}

.docs-accordion-content-inner a {
	color: #da1d52;
	text-decoration: underline;
}

.docs-accordion-content-inner a:hover {
	text-decoration: none;
}

/* First section */

.cc-docs-search {
	padding-top: 6.35rem;
	padding-bottom: 5.43rem;
	background-color: #f7f7f7;
	font-family: Barlow;
}

.cc-docs-search__suptitle {
	font-size: 1.71rem;
	font-weight: 700;
	color: #d23054;
	width: 100%;
	text-align: center;
	margin-bottom: 0.71rem !important;
}

.cc-docs-search__title {
	font-size: 3.43rem;
	color: #231f20;
	font-weight: 700;
	width: 100%;
	text-align: center;
	margin-bottom: 2.86rem !important;
}

.cc-docs-search__form {
	max-width: 50.06rem;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0.5rem;
	display: flex;
}

.cc-docs-search__form::before,
.cc-docs-search__form::after {
	display: none !important;
}

.cc-docs-search__input {
	flex: 1;
	margin-right: .57rem;
	height: 3.14rem;
	border-radius: 0.57rem !important;
	border: 0.07rem solid #DBDBDB !important;
	background: #FFF !important;
	font-family: inherit;
	padding: 0 0.86rem !important;
	font-weight: 600;
	color: #231F20;
	transition: .3s ease-in-out;
}

.cc-docs-search__input:focus {
	border-color: #FD8925 !important;
	box-shadow: 0 0 .57rem 0 rgba(253, 137, 37, 0.40);
}

.cc-docs-search__input::placeholder {
	color: #c7c7c7;
}

.cc-docs-search__submit {
	max-width: 6.64rem;
	padding: 0;
	margin-top: 0 !important;
}

.cc-docs-search__cat-list {
	max-width: 50.06rem;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 0.71rem;
}

.cc-docs-search__cat-list a {
	padding: 0 .71rem;
	text-decoration: none;
	cursor: pointer;
	font-size: 0.79rem;
	font-weight: 500;
	text-transform: uppercase;
	color: #231f20;
	border-radius: 0.57rem;
	background-color: #fff;
	border: 0.07rem solid #DBDBDB;
	transition: .3s ease-in-out;
}

.cc-docs-search__cat-list a:hover {
	border-color: #DA1D52;
	color: #da1d52;
}


@media (max-width: 992px) {
	.cc-docs-search {
		padding-top: 5.14rem;
		padding-bottom: 4rem;
	}

	.cc-docs-search__suptitle {
		font-size: 1.43rem;
	}

	.cc-docs-search__title {
		font-size: 2.86rem;
		margin-bottom: 1.71rem !important;
	}

	.cc-docs-search__form {
		max-width: 100%;
		flex-wrap: wrap;
	}

	.cc-docs-search__input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.57rem;
	}

	.cc-docs-search__submit {
		max-width: 100%;
		width: 100%;
	}

	.cc-docs-search__cat-list {
		max-width: 100%;
	}
}

/* Trends */

.cc-docs-trends {
	padding-top: 4.64rem !important;
	padding-bottom: 3.81rem;
	font-family: Barlow;
}

.cc-docs-trends__title {
	margin-bottom: 4.36rem;
}

.cc-docs-trends__grid {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cc-docs-trends__img {
	font-size: 0;
	line-height: 0;
	max-width: 39.29rem;
	width: 100%;
}

.cc-docs-trends__img img {
	max-width: 100%;
	height: auto;
}

.cc-docs-trends__list {
	max-width: 39.5rem;
	width: 100%;
}

.cc-docs-trends__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 5rem;
	border: 0.07rem solid #ECECEC;
	background-color: #fff;
	margin-top: -0.07rem;
	color: #231f20;
	font-size: 1.29rem;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	transition: .3s ease-in-out;
	padding: 0 1.21rem 0 1.71rem;
}

.cc-docs-trends__item:first-child {
	border-radius: 0.57rem 0.57rem 0rem 0rem;
}

.cc-docs-trends__item:last-child {
	border-radius: 0rem 0rem 0.57rem 0.57rem;
}

.cc-docs-trends__item:hover {
	border-color: #FD8925;
	color: #FD8925;
	z-index: 1;
}

.cc-docs-trends__item-text {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 992px) {
	.cc-docs-trends {
		padding-top: 3.43rem !important;
		padding-bottom: 2.86rem;
	}

	.cc-docs-trends__title {
		margin-bottom: 2.29rem;
	}

	.cc-docs-trends__grid {
		flex-wrap: wrap;
	}

	.cc-docs-trends__img {
		margin: 0 auto 1.71rem;
	}

	.cc-docs-trends__list {
		max-width: 100%;
	}
}

/* Topic */

.cc-docs-topic {
	padding-top: 5.57rem !important;
	padding-bottom: 3.78rem;
	background: #f7f7f7;
	font-family: Barlow;
}

.cc-docs-topic__title {
	margin-bottom: 5.07rem !important;
}

.cc-docs-topic__grid {
	max-width: 100%;
	width: 100%;
	display: grid;
	align-items: stretch;
	grid-template-columns: repeat(3,1fr);
	gap: 1.65rem 1.14rem;
}

.cc-docs-topic__item {
	padding: 1.78rem 1.86rem 2rem 1.14rem;
	border-radius: 0.57rem;
	border: 0.07rem solid #ECECEC;
	background: #fff;
	display: flex;
	flex-direction: column;
}

.cc-docs-topic__item-top {
	display: flex;
	align-items: center;
	gap: 1.43rem;
	margin-bottom: 1.93rem;
}

.cc-docs-topic__item-icon {
	font-size: 0;
}

.cc-docs-topic__item-title {
	font-size: 1.71rem;
	font-weight: 700;
	color: #231f20;
}

.cc-docs-topic__item-list {
	flex: 1;
	margin-bottom: 1.71rem;
}

.cc-docs-topic__item-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.cc-docs-topic__item-list li {
	margin-bottom: 1.36rem;
}

.cc-docs-topic__item-list li:last-child {
	margin-bottom: 0;
}

.cc-docs-topic__item-list a {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	color: #231f20;
	text-decoration: none;
	transition: .3s ease-in-out;
}

.cc-docs-topic__item-list a:hover {
	color: #FD8925;
}

.cc-docs-topic__item-list-icon {
	font-size: 0;
	padding-top: 0.21rem;
	margin-right: 0.93rem;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cc-docs-topic__item-list-name {
	font-size: 1.29rem;
}

.cc-docs-topic__item-bottom {
	display: flex;
}

.cc-docs-topic__item-link {
	color: #231f20;
	font-weight: 600;
	font-size: 1.14rem;
	text-decoration: none;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 9.29rem;
	width: 100%;
	border-radius: 0.57rem;
	border: 0.07rem solid #C8BCBC;
	padding-left: 1.21rem;
	padding-right: 1rem;
	transition: .3s ease-in-out;
}

.cc-docs-topic__item-link:hover {
	border-color: #DA1D52;
	color: #DA1D52;
}

.cc-docs-topic__item-link-icon {
	font-size: 0;
	line-height: 0;
}

@media (max-width: 992px) {
	.cc-docs-topic {
		padding-top: 3.43rem !important;
		padding-bottom: 2.86rem;
	}

	.cc-docs-topic__title {
		margin-bottom: 2.29rem !important;
	}

	.cc-docs-topic__grid {
		grid-template-columns: repeat(2,1fr);
		gap: 1.65rem 0.57rem;
	}
}

@media (max-width: 565px) {
	.cc-docs-topic__grid {
		grid-template-columns: repeat(1,1fr);
		gap: 1.65rem 0;
	}
}

/* Faq */

.cc-docs-faq {
	padding-top: 5.21rem !important;
	padding-bottom: 0 !important;
	font-family: Barlow;
}

.cc-docs-faq__title {
	margin-bottom: 3.93rem !important;
}

@media (max-width: 992px) {
	.cc-docs-faq {
		padding-top: 3.43rem !important;
	}

	.cc-docs-faq__title {
		margin-bottom: 2.29rem !important;
	}
}

/* CTA */

.cc-docs-cta {
	padding-top: 6.64rem !important;
	padding-bottom: 7.71rem;
	font-family: Barlow;
}

.cc-docs-cta__grid {
	max-width: 61.71rem;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cc-docs-cta__img {
	max-width: 18.14rem;
	width: 100%;
	margin-right: 1.71rem;
}

.cc-docs-cta__img img {
	max-width: 100%;
	height: auto;
}

.cc-docs-cta__content {
	max-width: 32.5rem;
	width: 100%;
}

.cc-docs-cta__title {
	font-size: 1.71rem;
	font-weight: 700;
	color: #231f20;
	margin-bottom: 1.29rem !important;
}

.cc-docs-cta__text {
	font-size: 1.29rem;
	line-height: 1.71rem;
	color: #231f20;
	margin-bottom: 1.29rem;
}

.cc-docs-cta__text p {
	margin: 0;
	margin-bottom: 1.29rem;
}

.cc-docs-cta__text p:last-child {
	margin-bottom: 0;
}

.cc-docs-cta__text a {
	color: #d23054;
	text-decoration: none;
}

.cc-docs-cta__text a:hover {
	text-decoration: underline;
}

@media (max-width: 992px) {
	.cc-docs-cta {
		padding-top: 4.57rem !important;
		padding-bottom: 5.14rem;
	}

	.cc-docs-cta__grid {
		max-width: 100%;
		flex-wrap: wrap;
	}

	.cc-docs-cta__img {
		margin: 0 auto;
		margin-bottom: 1.71rem;
	}

	.cc-docs-cta__content {
		max-width: 100%;
	}
}

/* Search */

.cc-docs-results {
	padding-top: 3.65rem !important;
	padding-bottom: 4.57rem;
	font-family: Barlow;
}

.cc-docs-results__top {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 4rem;
}

.cc-docs-results__search-title {
	flex: 1;
	text-align: center;
	font-size: 2.14rem;
	font-weight: 700;
	color: #c8bcbc;
	margin-bottom: 0 !important;
}

.cc-docs-results__search-title span {
	color: #231f20;
}

.cc-docs-results__back {
	width: 11.07rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 0.07rem solid #C8BCBC;
	border-radius: 0.57rem;
	cursor: pointer;
	text-decoration: none;
	color: #231f20;
	font-size: 1.14rem;
	font-weight: 600;
	padding-left: 0.86rem;
	padding-right: 1.14rem;
	transition: .3s ease-in-out;
}

.cc-docs-results__back:hover {
	border-color: #DA1D52;
	color: #DA1D52;
}

.cc-docs-results__back-icon {
	height: 1.14rem;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cc-docs-results__back + .cc-docs-results__search-title {
	padding-right: 11.07rem;
}

.cc-docs-results__empty {
	max-width: 33.5rem;
	width: 100%;
	margin: 0 auto;
	margin-top: 3.21rem;
}

.cc-docs-results__empty-content {
	font-size: 1.29rem;
	color: #231f20;
	margin-bottom: 1.71rem;
	text-align: center;
}

.cc-docs-results__empty-content p {
	margin: 0;
	margin-bottom: 1.71rem;
}

.cc-docs-results__empty-content p:last-child {
	margin-bottom: 0;
}

.cc-docs-results__empty .cc-docs-results__back {
	margin: 0 auto;
}

.cc-docs-results__list {
	width: 100%;
}

.cc-docs-results__item {
	padding: 1.14rem 1.71rem;
	border: 0.07rem solid #ECECEC;
}

.cc-docs-results__tag {
	font-size: 0.86rem;
	font-weight: 600;
	color: #c8bcbc;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0.71rem;
}

.cc-docs-results__tag:hover {
	color: #FD8925;
}

.cc-docs-results__title {
	margin-bottom: 0.57rem !important;
	font-size: 1.43rem;
	font-weight: 700;
}

.cc-docs-results__title a {
	color: #231f20;
	text-decoration: none;
	transition: .3s ease-in-out;
}

.cc-docs-results__title a:hover {
	color: #FD8925;
}

.cc-docs-results__title .search-highlight {
	background-color: yellow;
}

.cc-docs-results__text {
	font-size: 1.29rem;
	line-height: 1.86rem;
	color: #000;
	margin-bottom: 0.71rem;
}

.cc-docs-results__text .search-highlight {
	background-color: yellow;
}

.cc-docs-results__text p {
	margin: 0;
	margin-bottom: 1.86rem;
}

.cc-docs-results__text p:last-child {
	margin-bottom: 0;
}

.cc-docs-results__text a {
	color: #da1d52;
	text-decoration: underline;
}

.cc-docs-results__text a:hover {
	text-decoration: underline;
}

.cc-docs-results__cats {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 0.71rem;
}

.cc-docs-results__cat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	padding: 0 0.71rem;
	border-radius: 0.57rem;
	border: 0.07rem solid #DBDBDB;
	font-size: 0.79rem;
	font-weight: 500;
	color: #231f20;
	text-transform: uppercase;
	transition: .3s ease-in-out;
}

.cc-docs-results__cat:hover {
	border-color: #DA1D52;
	color: #da1d52;
}

@media (max-width: 992px) {
	.cc-docs-results {
		padding-top: 3.43rem !important;
		padding-bottom: 2.86rem;
	}
	
	.cc-docs-results__top {
		flex-wrap: wrap;
	}

	.cc-docs-results__search-title {
		flex: 1 100%;
	}

	.cc-docs-results__back + .cc-docs-results__search-title {
		padding-right: 0;
	}

	.cc-docs-results__back {
		margin-bottom: 1.14rem;
	}
}

.cc-docs-strip {
	padding-top: 1.21rem;
	padding-bottom: 1.29rem;
	background: #231f20;
	font-family: Barlow;
	position: sticky;
	z-index: 9;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--top, 3rem));
}

.cc-docs-strip .cc-docs__container {
	justify-content: space-between;
	gap: 1rem;
}

.cc-docs-strip__title {
	font-size: 1.71429rem;
	font-weight: 700;
	color: #fff;
}

.cc-docs-strip__title a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	transition: .3s ease-in-out;
}

.cc-docs-strip__title a:hover {
	color: #FD8925;
}

.cc-docs-strip__form {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 32.14286rem;
	width: 100%;
}

.cc-docs-strip__form::before,
.cc-docs-strip__form::after {
	display: none !important;
}

.cc-docs-strip__input {
	width: 100%;
	height: 3.14rem;
	border-radius: 0.57rem !important;
	border: 0.07rem solid #DBDBDB !important;
	background: #FFF !important;
	font-family: inherit;
	padding: 0 0.86rem !important;
	padding-right: 2.78rem !important;
	font-weight: 600;
	color: #231F20;
	transition: .3s ease-in-out;
}

.cc-docs-strip__input:focus {
	border-color: #FD8925 !important;
	box-shadow: 0 0 .57rem 0 rgba(253, 137, 37, 0.40);
}

.cc-docs-strip__input::placeholder {
	color: #c7c7c7;
}

.cc-docs-strip__btn {
	position: absolute;
	right: 0.64rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5rem !important;
	height: 1.5rem !important;
	font-size: 0;
	cursor: pointer;
	border: 0;
	padding: 0;
	background: 0;
	margin-top: 0;
}

@media (max-width: 992px) {
	.cc-docs-strip__title {
		font-size: 1.43rem;
		flex: 1 100%;
		text-align: center;
	}

	.cc-docs-strip__form {
		max-width: 100%;
		width: auto;
		flex: 1;
	}
}

.search-results,
.search-no-results {
	overflow: visible;
}