/*
 Theme Name:   Thegraygency
 Theme URI:    https://generatepress.com
 Description:  Thegraygency theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      1.0
*/

body.block-editor-page .editor-styles-wrapper {
    background-color: #e3ebf3 !important;
}

/* Blog post editor background colour override*/
.editor-styles-wrapper {
    background: none !important; /* Reset any background properties */
    background-color: #e3ebf3 !important; /* Set your desired background color */
}


/* Page gradient background */
body {
    background: linear-gradient(180deg, var(--brand-50) 0%, var(--gray-0) 100%);
}

/* Split sentence on comma */
.split-on-comma .role {
	font-size: 16px;
}

/* Single post core image bottom margin */
.single.single-post .wp-block-image {
	margin-bottom: 1.5em;
}

/* Header */
.header-image.is-logo-image {
	height: 50px;
}

.main-title a {
	line-height: 1.5em;
	text-align: center;
}

@media(max-width: 374px) {
	.mobile-header-navigation .inside-navigation {
		justify-content: center;
	}
	
	.mobile-header-navigation .navigation-branding {
		margin-left: auto;
	}
}

.main-navigation.mobile-header-navigation {
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.page header .entry-title {
	font-size: clamp(1.6rem, 6vw, 4rem);
	text-transform: uppercase;
	padding-top: 0.3em;
}

@media(min-width: 769px) {
	.page header .entry-title {
		text-align: center;
	}
}

.single.single-post header .entry-title {
	font-size: clamp(2.2rem, 7vw, 3rem);
	color: var(--base-2);
	text-align: left;
	padding-top: 0.3em;
}

.main-nav ul.menu:not(.sub-menu) > li:not(.menu-item-has-children):last-child a {
	color: var(--accent);
}

.main-nav ul.menu:not(.sub-menu) > li:not(.menu-item-has-children):last-child a:hover {
	color: var(--accent-2);
}

/* Home and About us slider */
.two-column-slider .splide .gb-block-image img {
	object-position: left top;
}

.two-column-slider .splide__arrows {
	display: flex;
  	column-gap: 20px;
	position: absolute;
  	top: 0;
  	right: 0;
	margin-top: -90px;
}

@media(max-width: 1024px) {
	.two-column-slider .splide__arrows {
		margin-top: -86px;
	}
}

.two-column-slider .splide__arrow {
	display: inline-flex;
	align-items: center;
  	color: var(--gray-950);
	background-color: transparent;
  	padding: 0 40px;
  	border-radius: 50%;
  	border: 2px solid var(--gray-950);
}

.two-column-slider .splide__arrow:hover {
	background-color: var(--gray-950);
	color: var(--gray-0);
	border: 2px solid transparent;
}

.two-column-slider .splide__arrow:focus {
	background-color: transparent;
	border: 2px solid var(--gray-950);
}

.two-column-slider .splide__arrow:focus:hover {
	background-color: var(--gray-950);
	color: var(--gray-0);
	border: 2px solid transparent;
}

.two-column-slider .splide__arrow:focus .icon svg {
	fill: var(--gray-950);
}

.two-column-slider .splide__arrow:focus:hover .icon svg {
	fill: var(--gray-0);
}

.two-column-slider .splide__arrow .icon {
    font-size: 2.6em;
    line-height: 0;
}

.two-column-slider .splide__arrow .icon svg {
	height: 1em;
    width: 1em;
    fill: currentColor;
}

.two-column-slider .splide__arrow.splide__arrow--prev .icon svg {
	transform: scale(-1);
}

.splide.two-column-slider .splide__pagination {
	margin-top: 2em;
}

@media(max-width: 768px) {
	.two-column-slider .splide__arrows {
		display: none;
	}
}

.two-column-slider .splide__pagination,
.graph-slider .splide__pagination {
	column-gap: 10px;
}

.two-column-slider .splide__pagination__page,
.graph-slider .splide__pagination__page {
	width: 14px;
	height: 14px;
	padding: 5px;
	border-radius: 50%;
}

.two-column-slider .splide__pagination__page,
.graph-slider .splide__pagination__page {
	background-color: var(--brand-100);
}

.two-column-slider .splide__pagination__page:hover,
.graph-slider .splide__pagination__page:hover {
	background-color: var(--brand-400);
}

.two-column-slider .splide__pagination__page.is-active,
.graph-slider .splide__pagination__page.is-active {
	background-color: var(--brand-400);
}

.splide__pagination {
  counter-reset: pagination-num;
}

.splide__pagination .splide__pagination__page {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.5em;
}

.graph-pagination {
	display: flex;
	column-gap: 20px;
	align-items: center;
	justify-content: center;
	margin-top: 1.4em;
}

.splide__progress {
	background: #3b3b3b;
	margin-top: 2em;
}

.splide__progress__bar {
	height: 2px;
 	background: var(--accent);
	transform: translateZ(0;)
	will-change: width;
}

/* Home partner slider */
.partner-slider .splide__slide img {
	vertical-align: middle;
}

/* Partner slider */
#slider2 img.splide__slide,
.single.single-service #slider1 img.splide__slide {
	height: 50px;
	object-fit: contain;
}

/* Blog and archives */
@media(min-width: 1025px) {
	.blog .generate-columns-container article:nth-child(4n+1),
	.archive article:nth-child(4n+1),
	.blog .generate-columns-container article:nth-child(4n),
	.archive article:nth-child(4n) {
		width: 60%;
	}

	.blog .generate-columns-container article:nth-child(4n+2),
	.archive article:nth-child(4n+2),
	.blog .generate-columns-container article:nth-child(4n+3),
	.archive article:nth-child(4n+3) {
		width: 40%;
	}
}

.one-container.archive .dynamic-content-template:not(:last-child) {
    padding-bottom: 80px;
}

/* Case studies */
.metrics-container {
	margin-bottom: 0;
	text-align: center;
}

/*.metrics-container .gb-headline {
	text-shadow: rgba(0,0,0,0.5) 2px 2px 10px;
}*/

.metrics-container .metric-value {
	font-family: Unbounded;
	font-size: 64px;
  	line-height: 1.2em;
  	margin-bottom: 0;
}

.single.single-case-study .metrics-container .metric-value {
	color: var(--brand-500);	
}

.metrics-container .metric-type {
	font-size: 24px;
	font-weight: 300;
  	text-transform: uppercase;
  	line-height: 1.2em;
  	margin-bottom: 0;
}

@media (max-width: 768px) {
	.metrics-container .metric-value {
		font-size: 50px;
	}
	
	.metrics-container .metric-type {
		font-size: 22px;
	}
}

/*img.case-study-partner-logo {
	filter: brightness(0) invert(1);
}*/

/* Archive filters */
.cu-accordion.gb-accordion button.gb-accordion__toggle span.gb-icon svg path {
    fill: var(--contrast);
    transition: fill 0.6s ease;
}

.cu-accordion.gb-accordion button.gb-accordion__toggle:hover span.gb-icon svg path {
    fill: var(--accent);
}

.cu-accordion.gb-accordion button.gb-accordion__toggle:hover span.gb-button-text {
    color: var(--contrast);
}

.cu-accordion.gb-accordion button.gb-accordion__toggle span.gb-button-text {
    color: var(--contrast);
    transition: color 0.6s ease;
}

.archive-filters .gb-accordion__item {
	position: absolute;
	top: 0;
}

.archive-filters .wp-block-categories-list,
.archive-filters .wp-block-tag-cloud {
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 4px;
	list-style: none;
	margin: 0;
	font-family: Unbounded;
}

.archive-filters .wp-block-categories-list li a,
.archive-filters .wp-block-tag-cloud li a {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--contrast);
}

@media (max-width: 768px) {
	.archive-filters .wp-block-categories-list,
	.archive-filters .wp-block-tag-cloud {
		row-gap: 16px;
	}
}

.archive-filters .wp-block-categories-list li a:hover,
.archive-filters .wp-block-tag-cloud li a:hover {
	color: var(--accent);
}

.archive-filters .gb-accordion__item:not(.gb-accordion__item-open) {
	text-align: left;
}

.archive-filters .gb-accordion__item:not(.gb-accordion__item-open) .gb-accordion__toggle {
	max-width: max-content;
}

/* Archive filters - Tag list on desktop */
.archive-filters-list .wp-block-tag-cloud {
	max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.archive-filters-list ul.wp-block-tag-cloud {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
}

.archive-filters-list .wp-block-tag-cloud a {
	font-family: Unbounded;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 18px 23.9px;
	border: 1px solid var(--base-2);
	color: var(--base-2); 
	background-color: transparent; 
}

.archive-filters-list .wp-block-tag-cloud a:hover {
	background-color: rgba(230, 252, 249, 0.1); 
}

.archive-filters-list .wp-block-tag-cloud a:focus,
.archive-filters-list .wp-block-tag-cloud .current-cat a,
.archive-filters-list .wp-block-tag-cloud .current-tag {
	color: var(--contrast);
	background-color: var(--accent);
	border: 1px solid var(--accent);
}

.post-type-archive-case-study .content-area,
.archive.tax-business-objective .content-area,
.blog .content-area,
.archive.category .content-area {
	z-index: 1;
}

/* Process accordion */
.approach-accordion .gb-accordion__content {
	position: absolute;
	left: 0;
	max-width: 1200px;
}

.approach-accordion.gb-accordion {
  /* Define the initial transition */
  transition: margin-bottom 0.3s ease-out;
}

/* Add the slide-down class for the downward animation */
.approach-accordion.gb-accordion.slide-down {
  /* Define the transition for sliding down */
  transition: margin-bottom 0.3s ease-out;
}

/* Add the slide-up class for the upward animation */
.approach-accordion.gb-accordion.slide-up {
  /* Define the transition for sliding up */
  transition: margin-bottom 0.3s ease-out;
}

























/* cta sec */
.eb-row-root-container.eb-row-pa3y0fu {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 40px;
}

.gb-container-df69b63d {
    padding-top: 60px;
    padding-bottom: 10px !important;
}

a.eb-button-anchor.eb-button-one {
    text-transform: uppercase;
    padding: var(--spacing-xl) var(--spacing-4xl) !important;
    border-radius: var(--radius-full) !important;
    border: 1px solid var(--gray-950);
    background-color: var(--gray-0) !important;
    color: var(--gray-950) !important;
    text-decoration: none !important;
}

a.eb-button-anchor.eb-button-one:hover {
    background-color: var(--gray-950) !important;
    color: var(--gray-0) !important;
}

a.eb-button-anchor.eb-button-two {
    background-color: var(--gray-950) !important;
    color: var(--gray-0) !important;    
    text-transform: uppercase;
    padding: var(--spacing-xl) var(--spacing-4xl) !important;
    border-radius: var(--radius-full) !important;
    border: 1px solid var(--gray-950);
    text-decoration: none !important;
}

a.eb-button-anchor.eb-button-two:hover {
        background-color: var(--gray-0) !important;
    color: var(--gray-950) !important;
}


span.first-title {
    font-family: Unbounded !important;
    font-weight: 500 !important;
    font-size: 41px !important;
    line-height: 1.3em !important;
    text-transform: uppercase;
}








.gb-container-82c6415e {
    border-radius: 30px;
}
/* extra */
h2.gb-headline.gb-headline-c3142be5.gb-headline-text.sal-animate {
    text-transform: capitalize;
}

h2.gb-headline.gb-headline-ad2e84f0.gb-headline-text.sal-animate {
    text-transform: capitalize;
}

h2.gb-headline.gb-headline-0bfad33a.gb-headline-text {
    text-transform: capitalize;
}
.gb-grid-wrapper.gb-grid-wrapper-b8d90a15.gb-query-loop-wrapper .gb-grid-column .gb-container:hover {
    background: aliceblue;
}
h2.gb-headline.gb-headline-93e3a1de.gb-headline-text {
    text-transform: capitalize;
}


h2.gb-headline.gb-headline-6d49e9c7.gb-headline-text {
    text-transform: capitalize;
}
.two-column-slider .splide__arrow {
    padding: 20px 20px !important;
}

.two-column-slider .splide__arrow .icon svg {
    width: 20px;
    height: 20px;
}

a.gb-button.gb-button-036f5f39.gb-button-text {
    text-transform: uppercase;
    padding: var(--spacing-xl) var(--spacing-4xl) !important;
    border-radius: var(--radius-full);
    text-decoration: none;
    max-width: 220px !important;
    width: 100%;
}

a.gb-button.gb-button-7d41d378.gb-button-text {
    text-transform: uppercase;
    padding: var(--spacing-xl) var(--spacing-4xl);
    border-radius: var(--radius-full);
    text-decoration: none;
    max-width: 100% !important;
    width: 220px;
}
/* inf */

.gb-container-1fffffb3 {
    column-gap: 0px !important;
}













p.gb-headline-217d5506 {
    width: 50%;}
p.gb-headline.gb-headline-217d5506.gb-headline-text.aos-slide-left.sal-animate {
    font-size: 22px !important;
}
#post-37 > div > div > section.gb-container.gb-container-df69b63d > div.gb-container.gb-container-1fffffb3 > p > br{
display: none;}
#post-37 > div > div > section.gb-container.gb-container-df69b63d > div.gb-container.gb-container-1fffffb3 > p > br{
display: none;}
h2.gb-headline.gb-headline-0bfad33a.gb-headline-text {
    font-size: 28px !important;
    font-weight: 500;
}
a.gb-button.gb-button-036f5f39.gb-button-text {
    background-color: var(--gray-950);
    color: #fff !important;
}

a.gb-button.gb-button-036f5f39.gb-button-text:hover {
    border: 2px solid var(--gray-950);
    color: #1b0039 !important;
    background: #f3f4fe;
}