/*
Theme Name: Green Closet Creative Blocks
Author: Green Closet Creative
Author URI: https://greenclosetcreative.com

Text Domain: gcc-blocks
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.1.1
Version: 1.0.0
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

html, body {
	overflow-x: hidden;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Transparent Header */
.site-header.header-transparent {
	width: 100%;
	position: absolute;
	z-index: 999;
	
}
.site-header.header-transparent + .entry-content .wp-block-cover {
	padding-top: 100px;
}

main > .entry-content > .wp-block-cover {
	padding-top: 12rem;
}

/* Header Styles */
.site-header .wp-block-buttons.is-content-justification-right .wp-block-button__link {
	transform: skewX(-20deg);
}
.site-header .wp-block-buttons.is-content-justification-right .wp-block-button__link span {
	transform: skewX(20deg);
	display: inline-block;
}

.site-header .wp-block-buttons.is-content-justification-right {
	margin-right: -12px;
	margin-bottom: 1rem;
}

@media screen and (min-width: 600px) {
	main > .entry-content > .wp-block-cover {
		padding-top: 10rem;
	}

	.site-header .wp-block-buttons.is-content-justification-right {
		margin-bottom: -1rem;
	}
}

@media screen and (max-width: 479px) {
	.site-header .wp-block-buttons.is-content-justification-right {
		font-size: var(--wp--preset--font-size--small);
	}

	.site-header .wp-block-group.is-content-justification-space-between {
		align-items: baseline;
	}

	.site-header .wp-block-buttons.is-content-justification-right .wp-block-button__link {
		padding-left: var(--wp--preset--spacing--small);
		padding-right: var(--wp--preset--spacing--small);
	}
}

/* Offset Groups */
@media screen and (min-width: 782px) {
	.wp-block-group.alignfull:has(.pull-right):before, 
	.wp-block-group.alignfull:has(.pull-left):before, 
	.wp-block-group.alignfull:has(.pull-right):after, 
	.wp-block-group.alignfull:has(.pull-left):after {
		content: "";
		clear: both;
		display: table;
	}
	.pull-right, .pull-left {
		width: 100%;
		max-width: calc(100% - ((100% - 1280px) / 2)) !important;
		overflow: hidden;
	}
	.pull-right {
		float: right;
		padding-right: 0 !important;
		margin-right: 0 !important;
		
	}
	
	.pull-left {
		float: left;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	.pull-left .pull-right {
		max-width: 1280px !important;
	}
}

/* Footer Styles */
footer .wp-block-site-logo a img {
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
footer .wp-block-site-logo a:hover img {
	opacity: .7;
}
footer .copyright a img {
	height: 40px;
	vertical-align: middle;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
footer .copyright a:hover img {
	opacity: .7;
}
@media screen and (max-width: 781px) {
	footer {
		text-align: center;
	}
	footer .copyright a {
		display: block;
	}
}
@media screen and (min-width: 782px) and (max-width: 959px) {
	footer .wp-block-columns > .wp-block-column:nth-child(1) {
		flex-basis: 40% !important;
	}
	footer .wp-block-columns > .wp-block-column:nth-child(2) {
		flex-basis: 25% !important;
	}
	footer .wp-block-columns > .wp-block-column:nth-child(3) {
		flex-basis: 35% !important;
	}
}


/* Footer Form */
#has-form form .gform_body > .gform_fields {
    row-gap: 1rem;
}
#has-form form .gfield input,
#has-form form .gfield textarea {
	background-color: rgb(255 255 255 / 35%);
}
#has-form form .gform_footer .gform_button {
	background-color: transparent !important;
	border: 2px solid #fff;
}
#has-form form .gform_footer .gform_button:hover {
	background-color: var(--wp--preset--color--theme-secondary) !important;
    color: var(--wp--preset--color--theme-primary) !important;
	border: 2px solid var(--wp--preset--color--theme-secondary) !important;
}

/* Counter Styles */
.wp-block-getwid-counter .wp-block-getwid-counter__number {
	font-weight: bold;
}
.wp-block-getwid-counter.money .wp-block-getwid-counter__number:before {
	content: "$ ";
	display: inline;
	color: inherit;
}
.wp-block-getwid-counter.percent .wp-block-getwid-counter__number:after {
	content: " %";
	display: inline;
	color: inherit;
}


@media screen and (min-width: 600px) and (max-width: 1149px) {
	#counters .wp-block-columns .wp-block-column {
		flex-basis: calc(50% - var(--wp--preset--spacing--xx-large)) !important;
	}
}
@media screen and (min-width: 782px) {
	#counters .wp-block-columns {
		flex-wrap: wrap !important;
	}
}

/* Landing Page Case Study Styles */
#case-study .wp-block-columns {
	gap: var(--wp--preset--spacing--xx-large);
}
#case-study h2 {
	margin-top: 0;
}
#case-study .wp-block-image {
	padding-left: 1rem;
	margin-bottom: -5px;
}
#case-study .wp-block-image img {
	width: 100%;
	height: auto;
}
#case-study .category {
	display: inline-block;
    background: var(--wp--preset--color--theme-primary);
    padding: 1rem 2rem;
	transform: skew(-20deg);
	position: relative;
    top: -30px;
    left: -10px;
}
#case-study .category span {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	transform: skew(20deg);
	display: inline-block;
}
#case-study .category svg {
	margin-left: 2rem;
	transform: skew(20deg);
}

.cs-title {
	display: inline-block;
    background: var(--wp--preset--color--theme-primary);
	color: #fff;
    padding: 1rem 3rem 1rem 1rem;
	transform: skew(-20deg);
	position: relative;
    top: -55px;
    left: -10px;
}
.cs-title a {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	transform: skew(20deg);
	display: inline-block;
	position: relative;
}
.cs-title a:after {
	content: url("data:image/svg+xml,%3Csvg style='width:8px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23000000' d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");;
	display: inline-block;
	width: 15px;
	margin-left: 10px;
	position: absolute;
	top: 0;
	right: -2rem;
}

/* CTA Bars - right and left */
.cta-bar.has-theme-primary-background-color,
.cta-bar.has-theme-black-background-color {
	overflow: visible;
}
.cta-bar.has-theme-primary-background-color:before,
.cta-bar.has-theme-black-background-color:before {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	position: absolute;
}

.cta-bar.pull-right {
	padding-left: 75px;
}
.cta-bar.pull-left:before {
	right: -40px;
}
.cta-bar.pull-right:before {
	left: -40px;
	transform: scaleX(-1);
}
.cta-bar.has-theme-primary-background-color:before {
	top: 0;
	background: url(assets/images/v-small-right-green.png) scroll no-repeat;
}
.cta-bar.has-theme-black-background-color:before {
	top: 0;
	background: url(assets/images/v-small-right-black.png) scroll no-repeat;
}