/******/
/*** SECTIONS ***/
/******/

/* GRAPHICS */

.graphic-top_left {
	top: 1rem;
	left: 1rem;
}

.graphic-top_center {
	top: 1rem;
	left: 50%;
	transform: translateX(-50%);
}

.graphic-top_right {
	top: 1rem;
	right: 1rem;
}

.graphic-center_right {
	top: 50%;
	transform: translateY(-50%);
	right: 1rem;
}

.graphic-bottom_right {
	bottom: 1rem;
	right: 1rem;
}

.graphic-bottom_center {
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
}

.graphic-bottom_left {
	bottom: 1rem;
	left: 1rem;
}

.graphic-center_left {
	top: 50%;
	transform: translateY(-50%);
	left: 1rem;
}

.graphic {
	position: absolute;
	pointer-events: none;
}

.graphic img {
	display: block;
	height: auto;
	max-width: 100%;
}

/* BLOG */

.blog-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}

.tags-container {
	overflow-x: scroll;
	overflow-y: clip;
	min-height: 3.125rem;
}

.blog-content:has(.tags-container) {
	position: relative;
}

.blog-content:has(.tags-container):after {
	position: absolute;
	content: '';
	width: 2rem;
	height: 2rem;
	right: 0;
	z-index: 2;
	background: var(--color-white);
	background: linear-gradient(90deg, rgba(246, 246, 255, 0) 0%, rgba(246, 246, 255, 1) 100%);
}

.background-lilac .blog-content:has(.tags-container):after {
	background: var(--color-lilac);
	background: linear-gradient(90deg, rgba(199, 199, 249, 0) 0%, rgba(199, 199, 249, 1) 100%);
}

.intro-case-study .blog-content:has(.tags-container):after {
	top: 1rem!important;
}

.intro-case-study .grid-50 img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.tags-container p {
	white-space: nowrap;
}

.blog-filters-row .category-dropdown,
.case-study-filters-row .category-dropdown {
	width: 100%;
	min-height: 2.4375rem;
}

.blog-filters-row .selectize-control.single .selectize-input,
.case-study-filters-row .selectize-control.single .selectize-input {
	background: transparent;
	box-shadow: none;
	border: none;
}

.blog-filters-row .selectize-dropdown,
.case-study-filters-row .selectize-dropdown,
.selectize-input,
.selectize-input input {
	color: var(--color-navy);
	background-color: var(--color-white);
}

.blog-filters-search .tagline,
.blog-filters-row label,
.case-study-filters-search .tagline,
.case-study-filters-row label, .case-study-filter-group label {
	color: var(--color-navy)!important;
	font-size: var(--text-sm);
	text-transform: uppercase;
	font-family: "circular", sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 0.14rem;
}

.blog-filters-search > div,
.blog-filters-row > div,
.case-study-filters-search > div,
.case-study-filters-row > div {
	padding: .75rem 1rem 1rem 1rem;
	border-radius: var(--radius-xl);
	border: solid .0625rem var(--color-navy);
}

.blog-filters-search::before,
.blog-filters-search::after,
.blog-filters-row::before,
.blog-filters-row::after,
.case-study-filters-search::before,
.case-study-filters-search::after,
.case-study-filters-row::before,
.case-study-filters-row::after {
	position: absolute;
}

.blog-filters-search input,
.case-study-filters-search input {
	width: 100%;
	min-height: 2.4375rem;
	font-size: 1rem;
	background-color: var(--color-white);
	border: none!important;
	border-radius: 0!important;
}

/* CALL TO ACTION */

.call-to-action .content-container {
	position: relative;
	background-image: url("../images/home/call-to-action-global-swash.svg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
}

/* CASE STUDIES*/

.case-studies .grid-50.sidebar {
	gap: 1.5rem;
}

.case-studies .grid-50.sidebar:before, .case-studies .grid-50.sidebar:after {
	position: absolute;
}

.case-studies a {
	text-decoration: none;
}

.alignleft {
	float: left;
	margin: 0 1.5rem 1rem 0;
	max-width: 50%;
	height: auto;
}

.alignright {
	float: right;
	margin: 0 0 1rem 1.5rem;
	max-width: 50%;
	height: auto;
}

.aligncenter {
	display: block;
	margin: 1.5rem auto;
	text-align: center;
}

.wp-caption.alignleft,
.wp-caption.alignright {
	max-width: 50%;
}

.wp-caption.alignleft {
	float: left;
	margin: 0 1.5rem 1rem 0;
}

.wp-caption.alignright {
	float: right;
	margin: 0 0 1rem 1.5rem;
}

.wp-caption img {
	width: 100%;
	height: auto;
}

.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1rem;
}

.single-crb_case_study .intro .grid-60 img, .single-post .featured-image img {
	aspect-ratio: 16 / 9;
	width: 100%;
	overflow: clip;
	object-fit: cover;
}

.single-post .featured-image img {
	min-width: 100%;
}

.single-crb_case_study .intro .content-container-small .grid-75 p {
	margin-block-start: 0!important;
}

.single-crb_case_study .intro .grid-50 .content-container .grid-50:before, .single-crb_case_study .intro .content-container-small .grid-50:before, .single-post header .grid-parent.grid-100:before, .single-post header .grid-parent.grid-100:after  {
	position: absolute;
}

.single-crb_case_study .testimonial-info {
	padding-right: 0!important;
	margin-right: 0!important;
}

.single-crb_case_study .intro .content-container-small img.grid-25 {
	transform: rotate(-45deg);
	margin-top: .5rem;
	max-width: 4rem;
}

.single-crb_case_study .intro .content-container-small img.grid-25.decrease {
	transform: rotate(45deg);
}

.single-crb_case_study .takeaways p.step {
	font-size: 2rem;
	color: var(--color-navy);
	background-color: var(--color-lime);
	border-radius: 50%;
	text-align: center;
	width: 3rem;
}

.case-study-chapters .grid-parent {
	border-bottom: solid .0625rem var(--color-navy);
}

.case-study-info-wrapper {
	display:flex;
}

section.case-studies img {
	min-width: 100%;
	border-radius: 1.5rem;
	z-index: -1;
	position: relative;
	margin-bottom: -5rem;
	flex-grow: 1;
	max-height: 24rem;
    object-fit: cover;
}

.main .category {
	background: var(--color-white);
	border-radius: 1.5rem;
	margin-right: .5rem;
	padding: 0.3125rem 0.4375rem;
	font-size: .75rem!important;
	text-wrap: nowrap;
}

.background-white .category {
	background: var(--color-lilac);
	border-radius: 1rem;
	width: fit-content;
}

/* CAREER FEED */

.career-item img {
	width: 1.5rem;
	padding-right: .5rem;
}

.career-info {
	margin-right: 5%;
}

/* COLUMNS NUMBERED */

.column-number {
	background: var(--color-white);
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	color: var(--color-navy);
}

.columns-numbered-col {
	padding: 6rem 3rem;
	border-radius: 1rem;
}


/* IMAGE SCROLLER */

.logo-marquee {
	position: relative;
	overflow: hidden;
}

.logo-marquee::before,
.logo-marquee::after {
	content: "";
	position: absolute;
	top: 0;
	width: 120px;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}

.logo-marquee::before {
	left: 0;
	background: linear-gradient(to right, var(--color-white) 0%, rgba(255,255,255,0) 100%);
}

.logo-marquee::after {
	right: 0;
	background: linear-gradient(to left, var(--color-white) 0%, rgba(255,255,255,0) 100%);
}


.logo-marquee {
	overflow: hidden;
}

.logo-track {
	display: flex;
	width: max-content;
	will-change: transform;
}

.logo-group,
.logo-group-clone {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.logo-item {
	flex-shrink: 0;
	padding-right: 3rem;
}

/* ICON TEXT */

.icon-text h4 {
	margin-block-start: 0;
}

/* INTRO ABOUT */

.intro-about {
	min-height: 20vh;
}

.intro-about .grid-container {
	aspect-ratio: 5 / 4;
}

.intro-about .padding-equalize {
	height: 100%;
}

.intro-about .button-container {
	position: relative;
	z-index: 999;
}

.intro-about:has(.text-align-center) .button-container {
	justify-content: center;
}

/* INTRO HOME */

.intro-home {
	overflow: clip;
}

.home-intro-graphic-container {
	max-width: 65rem;
	aspect-ratio: 1.745 / 1;
}

.home-intro-graphic-container .z-index-1 {
	
}

.home-intro-graphic-container .z-index-2 {
	width: 52.8%;
	top: 0;
	right: 13.46%;
}

.home-intro-graphic-container .z-index-3 {
	
}

.home-intro-graphic-container .z-index-4 {
	width: 18.65%;
	left: 35.57%;
	top: 1%;
}

.home-intro-graphic-container .z-index-5 {
	width: 25.96%;
	right: 16.92%;
	bottom: 16%;
}

.image-scroller {
	background: linear-gradient(180deg, rgba(246, 246, 255, 0) 0%, rgba(246, 246, 255, 1) 100%);
}

.stat-image {
	height: auto;
}

.stat-1 {
	width: 15rem;
	height: 8rem;
	top: 10%;
	left: 32%;
}

.stat-2 {
	width: 21rem;
	height: 5rem;
	bottom: 10%;
	right: 5%;
}

/* INTRO INNER */

.intro-inner .content-container {
	background-repeat: no-repeat;
	background-position: 344% 80%;
}

.intro-inner .grid-45 img {
	max-width: 6.5rem;
}

/* INTRO PLATFORM */

.intro-platform-image {
	width: 70vw;
}

.intro-platform-image-wrapper {
	right: -3rem;
}

/* TEAM */

.team a, .team-single a {
	text-decoration: none;
}

.team .blue {
	color: var(--color-blue);
}

.team-member-image img {
	max-width: 12rem;
}

.team-single-image img, .team-member-image img {
	background: var(--color-red);
	background: linear-gradient(180deg, rgba(142, 0, 0, 0) 0%, rgba(142, 0, 0, 1) 100%);
	border-radius: 50%;
}

.team-single-image img {
	max-width: 20rem;
}

.team-member-linkedin img {
	width: 1.5rem;
}

.team-single-linkedin img {
	width: 3.5rem;
}


/* TESTIMONIALS */

.testimonials .swiper-slide h5 {
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow-y: auto;
	max-height: calc(1.4em * 7);
	padding-right: .5rem;
}

.testimonial-decoration {
	position: absolute;
	width: 21rem;
	bottom: 0;
	left: 30%;
}

.testimonials-swiper .button {
	color: var(--color-lime) !important;
}

.testimonial-stars {
	width: 8.5rem
}

.testimonial-card {
	border-radius: 1.5rem;
	overflow: hidden;
}

.testimonial-image img {
	border-radius: 1.5rem;
}

.testimonial-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.testimonial-info p {
	font-size: var(--text-base);
}

.attribution-logo img {
	width: 7.5rem;
}

.testimonials .swiper-button-prev,
.testimonials .swiper-button-next {
	position: relative;
	width: 3rem;
	height: 3rem;
	color: transparent;
}

.testimonials .swiper-button-prev {
	margin-right: 1rem;
}

.testimonials .swiper-button-prev::after,
.testimonials .swiper-button-next::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3rem;
	height: 3rem;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
}

/* Right arrow */
.testimonials .swiper-button-next::after {
	background-image: url('/wp-content/themes/conversion-logix/assets/images/icons/arrow-white-right.svg');
}

/* Left arrow */
.testimonials .swiper-button-prev::after {
	background-image: url('/wp-content/themes/conversion-logix/assets/images/icons/arrow-white-left.svg');
}

.arrows-container {
	gap: 1.5rem;
}

.swiper-arrow {
	cursor: pointer;
}

/* MARKETING GUIDES */

.marketing-guides .blog-post-inner {
	height: 100%;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.marketing-guides .button-container {
	margin-top: auto;
}

.marketing-guides .blog-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.marketing-guides .marketing-guide-trigger {
	border: 0;
	background: none;
	cursor: pointer;
	text-align: center;
	width: stretch;
}

.marketing-guide-modal[hidden] {
	display: none;
}

.marketing-guide-modal {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.marketing-guide-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .65);
}

.marketing-guide-modal-content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 720px;
	max-height: 90vh;
	overflow-y: auto;
	background: var(--color-white);
	padding: 40px;
	border-radius: 10px;
}

.marketing-guide-modal-close {
	position: absolute;
	top: 15px;
	right: 15px;
	border: 0;
	background: transparent;
	cursor: pointer;
}

body.modal-open {
	overflow: hidden;
}

.marketing-guide-modal {
	overflow-y: auto;
}

.marketing-guide-modal-content {
	margin: 0 auto;
	max-height: 70vh;
}

/* PERSONAS */

.personas {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 57% 33%;
}

.persona-image {
	margin-bottom: -1rem;
}

.offset .persona-image {
	margin-bottom: 1rem;
}

.persona-image-2 {
	
}

/* PLATFORM */

.platform-content {
	display: none;
	align-items: stretch;
}

.platform-content.active {
	display: flex;
}

.platform-tab {
	cursor: pointer;
	opacity: .5;
	transition: opacity .3s ease;
	padding-bottom: 1rem;
	border-bottom: solid .125rem var(--color-red);
}

.platform-tab.active {
	opacity: 1;
	border-bottom: solid .125rem var(--color-white);
}

.platform .tab-image {
	flex: 1;
	display: flex;
}

section.platform .content-container {
	background-image: url('/wp-content/themes/conversion-logix/assets/images/home/platform-banner.svg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto;
}

/* PLATFORM SLIDER */

.platform-nav {
	gap: 1rem;
}

.platform-title {
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.3s ease;
}

.platform-title.active {
	opacity: 1;
	border-bottom: solid .0625rem var(--color-white);
}

.platform-slider .platform-title:hover {
	opacity: 1!important;
}

.swiper-pagination {
	text-align: left;
	margin-top: 2rem;
}
	
.swiper-pagination-bullet {
	background: #EAEAF2;
	opacity: .2;
}

.swiper-pagination-bullet-active {
	opacity: 1;
}

/* TABS */

.tab-buttons .active .grid-10 img {
	transform: rotate(45deg);
}

.tab-buttons .grid-100 > .grid-100 {
	padding-bottom: 1.5rem;
}

.tablink {
	opacity: .25;
	transition: opacity 0.3s ease;
}

.tablink:hover {
	cursor: pointer;
}

.tablink .tab-content {
	display: none;
}

.tablink.active {
	opacity: 1;
	border-bottom: solid .0625rem var(--color-navy);
}

.content-container .tablink.active {
	border-bottom: solid .0625rem var(--color-white);
}

.tablink.active .tab-content {
	display: block;
}

.fade-out {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.bubble {
	transition: opacity 0.3s ease;
}

.tab-buttons .tablink:last-child.active {
	border-bottom: none;
}

/* TEXT IMAGE */

.text-image-images {
	position:relative;
}

.text-image-images .image-back {
	z-index:1;
}

.text-image-images .image-front {
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}

.text-image-images .image-stat {
	top:15%;
	right:0;
	z-index:4;
}

.image-back img {
	display:block;
	width:100%;
}

.image-front img {
	width:100%;
	height:100%;
	object-fit:cover;
}

/* TEXT IMAGE REPEATER */

.text-image-repeater-inner {
	position: relative;
}

.ribbon {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	z-index: -1;
}

.ribbon img {
	width: 100%;
	height: auto;
	display: block;
}

.ribbon-1 {
	top: 14%;
}

.ribbon-2 {
	top: 60%;
}

span.lime {
	color: var(--color-lime);
}

.text-image-repeater .tabcontent {
	display: none;
}

.text-image-repeater .tabcontent.active {
	display: block;
}

.text-image-repeater .tab-media {
	display: none;
}

.text-image-repeater .tab-media.active {
	display: block;
}

/* TEXT STATS*/

/* TEXT STATS */

.text-stats h3 {
	color: var(--color-navy);
}

.stat-number {
	color: var(--color-navy);
	font-size: 5rem;
	font-weight: 600;
}

.text-stats img {
	width: 3.25069rem;
}

.stat-text {
	font-weight: 600;
}

/* VIDEO CENTERED */

.video-wrapper {
	position: relative;
	padding-top: 56.25%;
	border-radius: var(--radius-3xl);
	overflow: hidden;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: var(--radius-3xl);
}

/* FOOTER */

.footer-menu ul, .socials-menu ul {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: flex-start;
  	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 1.5rem;
}

.footer-menu li, .socials-menu li {
	width: calc(50% - .75rem);
	margin-bottom: .75rem;
}

.socials-menu li {
	width: calc(100% - .75rem);
	margin-bottom: .75rem;
}

.footer-watermark img {
	opacity: .05;
	margin-bottom: -7.5rem;
}

.socials-menu img {
	width: 1.5rem;
	height: 1.5rem;
	padding-right: 1rem;
}

#menu-footer-menu {
	margin-block-start: 0rem;
}

.socials-menu a {
	padding-bottom: 1rem;
}

/* SECTIONS */

@media screen and (min-width: 48rem) {
	
	/* BLOG CARDS */
	
	.blog-content:has(.tags-container):after {
		top: 3rem;
	}
	
	/* INTRO CAREER */

	.intro-career h1 {
		margin-bottom: -2rem;
	}
	
	.intro-career-image {
		margin-bottom: -4rem;
	}
	
	/* INTRO HOME */
	
	.home-intro-graphic-container {
		left: 50%;
		top: 50%;
		transform: translateY(-30%);
	}
	
	/* PLATFORM */
	
	section.platform .content-container > * {
		padding-right: 0;
		padding-left: 0;
	}
	
	.platform-images {
		gap: 4rem;
	}
	
	/* TESTIMONIALS */
	
	.testimonials .swiper-slide .grid-45 {
		padding-right: 2.25rem;
		min-height: 68.5625rem;
	}
	
	.testimonials  .background-green {
		padding-left: 0rem;
	}
	
	.services-accordion .accordion-panel p {
  		opacity: 0;
  		margin: 0 3rem 3rem 3rem;
  		flex-basis: 100%;
	}
	
	.services-accordion .accordion-panel p.h2 {
		margin-left: 3rem;
		margin-bottom: 1rem;
	}

	.services-accordion .accordion-panel p.description {
		height: 10rem;
	}

	.services-accordion #wrapper {
		display: flex;
		flex-flow: row nowrap;
		height: 40rem;
		min-height: 40rem;
		align-items: stretch;
	}
	
	.services-accordion .accordion-panel {
		flex: 1;
		overflow: hidden;
		display: flex;
		flex-flow: row wrap;
		transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
		align-items: flex-end;
		align-content: flex-end;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	.services-accordion .accordion-panel:hover {
		background-position: left center;
		flex-grow: 2.8;
	}
	
	.services-accordion .accordion-panel:hover > p {
		transition-delay: 0.8s;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	
	.services-accordion .accordion-panel:hover > p.h2 {
		transition-delay: 0.4s!important;
	}
	
	.cards .card {
		min-height: 25rem;
	}
	
	.text-image .image-ribbon {
		min-width: 50vw;
	}
	
}

@media screen and (max-width: 47.9375rem) {
	
	.graphic {
		max-width: 33.33333%;
	}
	
	/* BLOG */
	
	.blog-content:has(.tags-container):after {
		top: 2.25rem;
	}
	
	/* CASE STUDY */
	
	.single-crb_case_study .intro .content-container-small img.grid-25 {
		max-width: 3rem;
	}
	
	/* INTRO ABOUT */
	
	.intro-about {
		min-height: 70vh;
	}
	
	.intro-about:has(.text-align-center) .button-container {
		align-items: center;
	}
	
	.intro-about .absolute-image {
		min-width: 160%;
		top: 20%!important;
		left: -31%!important;
	}
	
	/* INTRO HOME */
	
	.home-intro-graphic-container {
		bottom: 0!important;
	}
	
	.services-accordion .accordion-panel p {
		margin: 0;
	}
	
	.frame-border {
		border-width: 1rem;
		border-radius: 2rem;
	}

	.border-2 {
		border-radius: 0rem;
	}
	
	.cards .card {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	/* INTRO INNER */
	
	.intro-inner .content-container {
		background-position: -216% 130%;
		background-size: 120%;
	}
	
	/* MARKETING GUIDES */
	
	.marketing-guide-modal-content {
		max-width: 75vw;
	}
	
	/* PLATFORM */
	
	.platform-images {
		gap: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.platform-tab {
		width: calc(33.3333% - 1rem);
	}
	
	.platform .mobile-grid-33:before, .platform .content-container .grid-100:before, .platform .mobile-grid-33:after, .platform .content-container .grid-100:after {
		position: absolute;
	}
	
	/* PLATFORM SLIDER */

	.platform-nav {
		gap: .5rem;
	}
	
	/* TESTIMONIALS */
	
	.testimonials .swiper-slide .grid-45 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}


}

@media screen and (max-width: 37.5rem) {
	
  .services-accordion #wrapper {
    display: flex;
    flex-flow: column wrap;
    height: auto;
    min-height: 100vh;
  }
  
  .services-accordion .accordion-panel {
    min-height: 25rem;
    background-position: center top;
  }
	
}