/*
Theme Name: DigitalCommerce.com
Theme URI: https://digitalcommerce.com/
Author: Rafal Tomal
Author URI: https://rafaltomal.com/
Description: Test
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

*/

.display-none {
	display:none!important;
}
.local-landing-img img {
	height:50px!important;
	width: auto;
}
.footer-menu .wp-block-navigation-item__label {
	font-size: 15px!important;
}



body {
	--wp--preset--font-family--main-font: 'sofia-pro', sans-serif;
	--wp--style--block-gap: clamp(1rem, 2vw, 3.5rem);

	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: var(--wp--preset--font-family--main-font);
}

.entry-content{
	z-index: 0;
    position: relative;

}

@media (max-width: 600px) {
    body {
        --wp--custom--typography--line-height--tiny: 1.2;
        --wp--custom--typography--line-height--small: 1.3;
        --wp--custom--typography--line-height--medium: 1.4;
        --wp--custom--typography--line-height--normal: 1.5;
    }
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
	color: var(--wp--preset--color--primary);
	transition: all ease-in-out 0.2s;
	position: relative;
	top: 0px;
}

.has-foreground-background-color a,
.has-white-color a {
	color: #fff;
}

a:hover,
a:focus {
	color: var(--wp--preset--color--foreground);
}

.has-foreground-background-color a:hover,
.has-foreground-background-color a:focus {
	color: var(--wp--preset--color--white);
}

a:active {
	text-decoration: none;
}

h1 a,
h2 a,
h3 a,
h4 a {
	text-decoration: none;
}


input, select, textarea {
	padding: 15px;
	font-size: var(--wp--preset--font-size--normal);
}

.is-nowrap.wp-block-group {
	align-items: start;
}

.wp-site-blocks {
    overflow: hidden;
}

.page-numbers {
    background: #fafafa;
    padding: 2px 16px 3px;
    border-radius: 5px;
    text-decoration: none;
}

.page-numbers.current {
    background: #000;
    color: #fff;
}

picture{
	position:relative;
}

/* --------- Header --------- */

header{
	z-index:2;
	position:relative;
}
main{
	z-index:1;
}

.wp-block-site-title a {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a {
	font-size: var(--wp--preset--font-size--small);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open
{
	background-color: #111;
	color: #fff;

}


.wp-block-navigation__submenu-container {
    background-color: #111!important;
	color: #fff!important;
    min-width: 230px!important;
    border-bottom: 1px solid white!important;
}

/** DCP - Make Mobile Submenus Open on Click - Not by Default **/

/** Disable hiding the submenu label for mobile
@media (max-width: 600px) {
	.wp-block-navigation__submenu-container {
		    border-bottom: 0px !important;
		    padding-right:0px!important;

	}
	
	header .wp-block-navigation__container li:first-child a:first-child {
		display: none;}
	
	header .wp-block-navigation__container ul li:first-child{
		margin-bottom:18px;
	}
	
}
**/

/* Mobile overlay: hide all submenus by default */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-container {
  display: none;
}

/* When a submenu parent <li> has .is-open, show its submenu */
.wp-block-navigation__responsive-container.is-menu-open
  li.wp-block-navigation-submenu.is-open
  > .wp-block-navigation__submenu-container {
  display: block;
  visibility:visible;
  padding:20px 0;
}


/** DCP Mobile Menu CSS Over **/


.wp-block-navigation__responsive-container.is-menu-open  .wp-block-navigation-item a {
	color: #fff;
	font-size: 1.7rem;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

header.wp-block-template-part + .wp-block-group {
	margin-block-start: 0;
}

.wp-block-social-links {
	gap: 0.5em !important;
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
    width: 0.85em;
    height: 0.85em;
}

.wp-block-post-title,
.wp-block-query-title {
    font-size: var(--wp--custom--typography--font-size--colossal);
	font-weight: 700;
}

h2.wp-block-post-title {
    font-size: var(--wp--custom--typography--font-size--gigantic);
}

h2.wp-block-post-title a {
	color: var(--wp--preset--color--foreground);
}

h2.wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

.wp-site-blocks .hero-illustration,
.wp-site-blocks .casestudies-illustration {
	position:relative;
}

.wp-site-blocks .hero-illustration .wp-block-group,
.wp-site-blocks .casestudies-illustration .wp-block-group,
.wp-site-blocks .casestudies-illustration h1 {
	position: relative;
	z-index: 10;
}

@media (min-width: 1120px) {

    header > .wp-block-group > .wp-block-group.alignwide {
        position: relative;
        z-index: 10;
    }

}

.wp-site-blocks .hero-illustration:after,
.wp-site-blocks .casestudies-illustration:after {
	content: '';
    display: block;
    width: 710px;
    height: 800px;
    background: url(./assets/images/illustration.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    position: absolute;
    top: -50px;
    right: -8%;
    z-index: 0;
}

.wp-site-blocks .casestudies-illustration:after {
    background: url(./assets/images/case-studies.svg);
    width: 530px;
    height: 700px;
    top: auto;
    bottom: -100px;
}

.hero-title h1 {
	max-width: 800px;
}

.hero-title > .wp-block-group {
	max-width: 560px;
    position: relative;
    left: 400px;
    top: -82px;
}

.post-template-no-title .entry-content.wp-block-post-content,
.page-template-no-title .entry-content.wp-block-post-content{
	margin-block-start: 0;
}

.hero {
	position: relative;
}

.hero .wp-block-post-featured-image > * {
	position: relative;
	z-index: 1;
}

.hero .wp-block-post-featured-image:after {
	background: #fff;
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	bottom: 0px;
    left: 0px;
    height: 25%;
    width: 100%;
}

.wp-block-post-featured-image img {
	border-radius: 20px;
}

.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img {
    border-radius: 10px;
}

.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-outlined img, .wp-block-image .is-style-outlined img {
    border: 1px solid #ddd;
    border-radius: 10px;
}

.gray-columns .gb-block-layout-column {
    background-color: var(--wp--preset--color--tertiary) !important;
    border-radius: 20px !important;
}

@media (max-width: 1700px) {
    .wp-site-blocks .hero-illustration:after {
		width: 510px;
    	height: 700px;
		top: -50px;
		right: -8%;
		z-index: 0;
	}
}

@media (max-width: 1440px) {
	.wp-site-blocks .hero-illustration:after {
		height: 600px;
		right: -15%;
	}

    .wp-site-blocks .casestudies-illustration:after {
		right: -18%;
	}
}

@media (max-width: 1320px) {
	.hero-title h1 {
		max-width: none;
	}

	.hero-title > .wp-block-group {
		left: 0px;
		top: 0px;
		max-width: none;
    }
}

@media (max-width: 1120px) {
	.wp-site-blocks .hero-illustration:after,
    .wp-site-blocks .casestudies-illustration:after {
		display: none;
	}
}

@media (max-width: 460px) {
	.wp-block-site-logo {
		max-width: 150px;
	}

	.wp-block-site-logo img {
		width: 100%;
		height: auto;
	}
}

/* --------- Content --------- */

.has-small-font-size {
	line-height: var(--wp--custom--typography--line-height--small);
}

@media (max-width: 460px) {
	.numbersCenterMobile{
	justify-content: center!important;
	}
	
	.numbersCenterMobile .wp-block-group{
	width:100%;
	}
	
	.numbers p {
        text-align: center !important;
    }

    .numbers .wp-block-group {
        align-items: center !important;
	
    }

    .numbers .wp-block-separator {
        display: none;
    }	
}

/* --------- Footer --------- */

footer {
	margin-block-start: 0 !important;
}

@media (max-width: 600px) {
/** Aleks WHYYYY?    footer * {
        text-align: center !important;
    }
**/
    footer .wp-block-site-logo {
        margin: 0 auto 20px;
    }
}

/* --------- Responsive menu --------- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/* --------- Separators --------- */

.wp-block-separator.is-style-vertical {
    width: 1px !important;
	height: 40px;
	color: #4D4D4D;
	background-color: #4D4D4D;
}


/* --------- Buttons --------- */

.wp-block-search__button,
.wp-block-file .wp-block-file__button,
input[type=button]{
	border-radius: 100px;
	background-color: var(--wp--preset--color--primary);
	border-radius: 100px;
	border: 2px solid var(--wp--preset--color--primary);
	color: #fff;
	padding: calc(0.3em + 2px) calc(1.5em + 2px);
	font-size: clamp(1.15rem, 1.25vw, 1.25rem);
	font-weight: 600;
}

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--foreground);
}

.wp-block-button__link {
	border-radius: 100px;
	border: 2px solid var(--wp--preset--color--primary);
	padding: calc(0.3em + 2px) calc(1.5em + 2px);
	font-size: clamp(1.15rem, 1.25vw, 1.25rem);
	font-weight: 600;
}

.wp-block-button__link:hover {
	color: var(--wp--preset--color--white);
	box-shadow: 0px 4px 12px rgb(69 29 153 / 30%);
    top: 2px;
}

.is-style-outline>:where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-outline {
	border: 2px solid var(--wp--preset--color--foreground);
	padding: 0.3em 1.5em;
}

.is-style-outline>:where(.wp-block-button__link):hover,
:where(.wp-block-button__link).is-style-outline:hover {
	opacity: 1;
	border: 2px solid var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary) !important;
	box-shadow: none !important;
	top: 0px !important;
}

.is-style-text>:where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-text {
	border: none;
	background: transparent;
	text-decoration: underline;
	text-decoration-style: solid;
	position: relative;
	color: #111;
	padding: 0.15em 0em;
}

.is-style-text>:where(.wp-block-button__link):hover,
:where(.wp-block-button__link).is-style-text:hover {
	background-color: var(--wp--preset--color--primary-transparent);
	color: var(--wp--preset--color--primary);
	box-shadow: none !important;
	top: 0px !important;
}

.is-style-text>:where(.wp-block-button__link):after,
:where(.wp-block-button__link).is-style-text:after {
    display: inline-block;
    margin-left: 12px;
    content: "\2192";
}

.is-style-white>:where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-white {
	opacity: 1;
	border: 2px solid transparent;
	background-color: #fff;
	color:  var(--wp--preset--color--foreground) !important;
}

.is-style-white>:where(.wp-block-button__link):hover,
:where(.wp-block-button__link).is-style-white:hover {
	border: 2px solid transparent;
	background-color: #fff;
	color: var(--wp--preset--color--primary) !important;
}

.is-style-white>:where(.wp-block-button__link.has-background):hover,
:where(.wp-block-button__link.has-background).is-style-white:hover {
    color: #111 !important;
}

.is-style-rainbow>:where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-rainbow {
	opacity: 1;
	border: none;
	background: radial-gradient(122.22% 435.42% at -2.92% -29.17%, #FFDA55 0%, #EA1D73 31.19%, #6B00DD 71.79%, #6B00DD 100%);
	color: #fff;
	padding: calc(0.3em + 4px) calc(1.5em + 4px);
}

.vertical-align-middle {
    align-items: center !important;
}

/* --------- Alignment --------- */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

@media (max-width: 782px) {
	.wp-block-buttons.is-content-justification-right {
		justify-content: flex-start;
	}
}

/* --------- Custom block styles --------- */

.is-style-block-gap-small {
	gap: clamp(1.5rem, 2vw, 3.5rem) !important;
}

.is-style-block-gap-medium {
	gap: clamp(2rem, 3vw, 5rem) !important;
}

.is-style-block-gap-large {
	gap: clamp(2.5rem, 4vw, 6rem) !important;
}


.is-style-column-gap-small {
	gap: clamp(1.5rem, 4vw, 5rem) !important;
}

.is-style-column-gap-medium {
	gap: clamp(2rem, 5vw, 7rem) !important;
}

.is-style-column-gap-large {
	gap: clamp(2.5rem, 6vw, 10rem) !important;
}


.is-style-max-width-small {
	max-width: 650px !important;
}

.is-style-max-width-medium {
	max-width: 750px !important;
}

.is-style-max-width-large {
	max-width: 850px !important;
}

.is-style-space-small {
	margin-block-start: clamp(1rem, 2vw, 3.5rem)!important;
}

.is-style-space-medium {
	margin-block-start: clamp(1.25rem, 3vw, 5rem) !important;
}

.is-style-space-large {
	margin-block-start: clamp(1.5rem, 4vw, 6rem) !important;
}

.is-style-space-xlarge {
	margin-block-start: clamp(1.75rem, 6vw, 8rem) !important;
}

.is-style-space-xxlarge {
	margin-block-start: clamp(2rem, 8vw, 12rem) !important;
}

/* --------- Overlap --------- */

.overlap {
	margin-block-start: 0;
	position: relative;
}

.overlap::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
}

.overlap > * {
	position: relative;
	z-index: 1;
}

.overlap-background::before { background-color: var(--wp--preset--color--background); }
.overlap-foreground::before { background-color: var(--wp--preset--color--foreground); }
.overlap-primary::before { background-color: var(--wp--preset--color--primary); }
.overlap-secondary::before { background-color: var(--wp--preset--color--secondary); }
.overlap-tertiary::before { background-color: var(--wp--preset--color--tertiary); }

.overlap-bottom::before {
	bottom: 0px;
	left: 0px;
	height: 15%;
	width: 100%;
}

.overlap-top::before {
	top: 0px;
	left: 0px;
	height: 15%;
	width: 100%;
}

@media (min-width: 782px) {
	.overlap-left::before {
		top: 0px;
		left: 0px;
		height: 100%;
		width: 20%;
	}

	.overlap-right::before {
		top: 0px;
		right: 0px;
		height: 100%;
		width: 20%;
	}
}


/* --------- ConvertKit --------- */

/*.formkit-form[data-uid="3324efa1e1"] {
	max-width: 702px;
    width: 100%;
}

.seva-form input.formkit-input {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #fff !important;
    background: var(--color-black) !important;
    color: #fff !important;
    font-weight: normal !important;
	font-family: "Poppins", sans-serif !important;
    height: 48px !important;
    font-size: 18px !important;
}

.seva-form .formkit-submit {
    background: #fff !important;
    border-radius: 0 !important;
    color: #111 !important;
	font-family: "Poppins", sans-serif !important;
    font-size: 18px !important;
    height: 48px !important;
}*/



/* --------- Custom blocks --------- */
.wp-block-uagb-testimonial .uagb-tm__desc {
	font-size: var(--wp--preset--font-size--large) !important;
}

.wp-block-uagb-testimonial .uagb-tm__content  {
	border-left: 2px solid #581EFF !important;
	padding-left: 50px !important;
}

.wp-block-quote {
	border-left: 2px solid #581EFF !important;
}

.wp-block-embed{
    margin:1.75em 0 !important;
}

.gb-block-notice p:first-child {
	margin-block-start: 0;
}

@media (max-width: 600px) {
    .gb-layout-column-wrap.gb-is-responsive-column {
        grid-gap: 1em 1em !important;
    }
}

h3.rank-math-question {
	margin-top:1.5em;
	margin-bottom:0px;
}

.hero-text-width {

}