/*
 Theme Name:   Certero Theme
 Theme URI:    https://paramountdigital.co.uk/
 Description:  Certero Theme - Certeros own Wordpress Theme built on GeneratePress.
 Author:       Paramount Digital
 Author URI:   http://paramountdigital.co.uk
 Template:     generatepress
 Version:      0.0.1
*/

/* root variables */
:root {
	--lavender-light: #A77BFF;
	--lavender-dark: #6147B0;
	--purple-light: #DF82F8;
	--purple-dark: #A546BE;
	--blue-light: #2CC1DF;
	--blue-dark: #2896AD;
	--peach-light: #F8868A;
	--peach-dark: #F9646A;
	--green-light: #C9E8C8;
	--green-dark: #21BC55;
	--black: #262626;
	--text-colour: #000;
	--white: #FFFFFF;
}

@supports (color: oklch(0% 0 0)) {
	:root {
		--lavender-light: oklch(0.6850 0.1893 296.44);
		--lavender-dark: oklch(0.4824 0.1599 290.55);
		--purple-light: oklch(0.7494 0.1875 318.84);
		--purple-dark: oklch(0.5684 0.1944 318.68);
		--blue-light: oklch(0.7497 0.1241 215.39);
		--blue-dark: oklch(0.6235 0.0999 215.39);
		--peach-light: oklch(0.7464 0.1389 18.75);
		--peach-dark: oklch(0.6938 0.1826 20.80);
		--green-light: oklch(0.8999 0.0541 144.35);
		--green-dark: oklch(0.6975 0.1890 148.69);
		--black: oklch(0.2686 0 0);
		--text-colour: oklch(0 0 0);
		--white: oklch(1 0 0);
	}
}
html {
  	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
	box-sizing: border-box;
	min-height: 0;
	min-width: 0;
}
textarea {
	height: 165px;
}
ul, ol {
	margin: 0 0 20px 38px;
}
figure {
	margin: 0;
}
strong {
	font-weight: 700;
}
a, a:visited {
	color: var(--lavender-light, #9473F9);
	transition: color 0.3s;
}
a:is(:hover, :focus, :active) {
	color: var(--lavender-dark, #6147B0);
	transition: color 0.3s;
}
.one-container .site-content {
	padding: 0;
}
table {
	text-align: left;
}
table caption {
	text-align: left;
    margin: 0 0 12px;
}

/* default section styles */
section {
	padding: 68px 0;
}
section[class*="previous-"] {
	position: relative;
    overflow: hidden;
}
section[class*="previous-"] .container {
	z-index: 1;
	position: relative;
}
@media (max-width: 575px) {
	section {
		padding: 40px 0;
	}
}

/* section background sizing */
section.background-white:not(.content-checklist-section, .numbered-grid-section) + section.background-white,
section.background-black:not(.content-checklist-section, .numbered-grid-section) + section.background-black,
section.background-lavender:not(.content-checklist-section, .numbered-grid-section) + section.background-lavender,
section.background-peach:not(.content-checklist-section, .numbered-grid-section) + section.background-peach {
	padding-top: 0;
}

/* section sizing fix for gradient wrappers */
section.background-white:not(.content-checklist-section, .numbered-grid-section) + .gradient-wrapper > section.background-white:first-child,
section.background-black:not(.content-checklist-section, .numbered-grid-section) + .gradient-wrapper > section.background-black:first-child,
section.background-lavender:not(.content-checklist-section, .numbered-grid-section) + .gradient-wrapper > section.background-lavender:first-child,
section.background-peach:not(.content-checklist-section, .numbered-grid-section) + .gradient-wrapper > section.background-peach:first-child {
	padding-top: 0;
}

/* section sizing for content and numbered grid sections */
.content-section.background-white + .numbered-grid-section.background-white,
.content-section.background-black + .numbered-grid-section.background-black,
.content-section.background-lavender + .numbered-grid-section.background-lavender,
.content-section.background-peach + .numbered-grid-section.background-peach {
	margin-top: -60px;
}
@media (max-width: 575px) {
	.content-section.background-white + .numbered-grid-section.background-white,
	.content-section.background-black + .numbered-grid-section.background-black,
	.content-section.background-lavender + .numbered-grid-section.background-lavender,
	.content-section.background-peach + .numbered-grid-section.background-peach {
		margin-top: -30px;
	}
}

/* Section backgrounds */
.background-black {
	background-color: var(--black, #262626);
	color: var(--white, #FFFFFF);
}
.background-lavender {
	background-color: var(--lavender-light, #9473F9);
	color: var(--white, #FFFFFF);
}
.background-peach {
	background-color: var(--peach-light, #F8868A);
	color: var(--white, #FFFFFF);
}
.background-purple {
	background-color: var(--purple-light, #DF82F8);
	color: var(--white, #FFFFFF);
}
.background-green {
	background-color: var(--green-light, #C9E8C8);
	color: var(--text-colour, #000000);
}
.background-blue {
	background-color: var(--blue-light, #2CC1DF);
	color: var(--white, #FFFFFF);
}

/* Section background gradients */
.background-lavender-gradient {
	background: linear-gradient(108deg, var(--lavender-light, #9473F9) 0.55%, var(--lavender-dark, #6147B0) 95.44%);
	color: var(--white, #FFFFFF);
}
.background-peach-gradient {
	background: linear-gradient(108deg, var(--peach-light, #F8868A) 0.55%, var(--peach-dark, #F9646A) 95.44%);
	color: var(--white, #FFFFFF);
}
.background-blue-gradient {
	background: linear-gradient(108deg, var(--blue-light, #2CC1DF) 0.55%, var(--blue-dark, #2896AD) 95.44%);
	color: var(--white, #FFFFFF);
}
.background-black-gradient {
	background: linear-gradient(108deg, #414141 0.55%, var(--black, #262626) 95.44%);
	color: var(--white, #FFFFFF);
}
.background-green-gradient {
	background: linear-gradient(108deg, var(--green-light, #C9E8C8) 0.55%, var(--green-dark, #21BC55) 95.44%);
	color: var(--text-colour, #000000);
}
.background-purple-gradient {
	background: linear-gradient(108deg, var(--purple-light, #DF82F8) 0.55%, var(--purple-dark, #A546BE) 95.44%);
	color: var(--white, #FFFFFF);
}

/* Gradient wrapper styling - purely dedocationsal */
.gradient-wrapper {
	position: relative;
	z-index: 1;
}
.gradient-wrapper section:not(.showcase-section) {
    background: transparent;
}
.gradient-wrapper[data-gradient-color="purple"]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #8870C6 0%, #9C7AFF 49.04%, #CEC0F8 82.93%, #FFF 100%);
    z-index: -1;
}
.gradient-wrapper:after {
    content: "";
    position: absolute;
    inset: 0;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8ZGVmcz4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iY29ybmVyR3JhZGllbnQiIGN4PSIwJSIgY3k9IjAlIiByPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMCwwKTtzdG9wLW9wYWNpdHk6MSIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMCwwLDApO3N0b3Atb3BhY2l0eTowIiAvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjY29ybmVyR3JhZGllbnQpIiAvPgo8L3N2Zz4=');
    z-index: -1;
    opacity: 0.6;
}
.gradient-wrapper:has(> .video-section:first-child):before, .gradient-wrapper:has(> .video-section:first-child):after {
    top: 230px;  
}

.gradient-wrapper .content-checklist-section:first-child .section-content {
	border-radius: 0 0 20px 0;
}

.gradient-wrapper:has(> .showcase-section:first-child):before, .gradient-wrapper:has(> .showcase-section:first-child):after {
    top: 0;
}
.gradient-wrapper[data-gradient-color="purple"] section {
	color: #fff;
}
@media (max-width: 991px) {
	.gradient-wrapper:has(> .content-checklist-section:first-child):before, .gradient-wrapper:has(> .content-checklist-section:first-child):after {
		top: 250px;
	}
}
.stat-blocks-wrapper {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns, 2), 1fr);
    gap: var(--grid-gap, 20px);
    margin: 20px 0;
}

@media (max-width: 768px) {

    .stat-blocks-wrapper {
        grid-template-columns: 1fr;
    }
}

.stat-parent {
    padding: 20px;
    padding-bottom: 10px;
    border-radius: 16px;
    position: relative;
    background: linear-gradient(233deg, rgba(57, 57, 57, 0.00) 0%, rgba(148, 115, 249, 0.04) 100%), rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(2px);
    border: 2px solid transparent;
    background-clip: padding-box;
    transition: background 0.3s ease;
}
.stat-parent::before,
.stat-block::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(45deg, rgb(157 129 242 / 11%) 0%, rgba(144, 130, 186, 0.4) 50%, rgb(162 145 213 / 11%) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#bdbdbd 0 0) content-box, linear-gradient(#dddddd 0 0);
    mask-composite: exclude;
    z-index: -1;
}

.stat-block {
    padding: 15px;
    max-width: 320px;
	height: 100%;
}

.stat-block .stat-title {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
}



/* container settings */
#page,
#page .site-content {
	width: 100%; 
	max-width: 100%;
	padding: 0;
}
#page .site-content .site-main {
    margin: 0;
}
.site-content .content-area {
	width: 100%; 
}
.container, .grid-container {
	--bs-gutter-x: 15px;
	width: 100%;
	padding-right: var(--bs-gutter-x, 15px);
	padding-left: var(--bs-gutter-x, 15px);
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
@media (min-width: 992px) {
	.container, .grid-container {
		max-width: 1660px;
	}
}
@media (max-width: 991px) {
	.container, .grid-container {
		--bs-gutter-x: 20px;
		padding-right: var(--bs-gutter-x, 20px);
		padding-left: var(--bs-gutter-x, 20px);
	}
}