/*
Theme Name: removement
Theme URI: 
Author: Jeremy Techtmann
Author URI: https://www.removement.com
Description: 
Requires at least: 6.0
Tested up to: 6.2.2
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: removement
Tags: blog, portfolio, one-column, block-patterns, full-site-editing, block-editor, site-editor
*/

/* ------------------------------
    RESETS
------------------------------ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.15s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

b,
strong {
	font-weight: 700;
}

blockquote {
	margin: 0;
}

p {
	text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}

ol,
ul {
	/* margin: 0;
	padding: 0; */
	padding-inline-start: 20px;
}

ol ul,
ol ol,
ul ul,
ul ol {
    padding-inline-start: 40px;
}

video {
	border-radius: 1rem;
}

.entry-content {
	margin-block-start: 0;
}

.has-primary-background-color,
.has-primary-background-color a {
	color: var(--wp--preset--color--secondary);
}

.has-primary-background-color a:after,
.has-primary-background-color a:hover:after {
    background-color: var(--wp--preset--color--secondary);
}

header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding: 4rem auto;
	z-index: 10;
}

.wp-site-blocks {
	padding-top: 0;
	padding-bottom: 0;
}

main {
	margin-block-start: 0;
}


/* .all-work .work-item {
	opacity: 0;
} */

.pill-primary strong {
	display: inline-block;
	padding: 0.5rem 2rem;
	background-color: var(--wp--preset--color--primary);
	border-radius: 50em;
	font-weight: var(--wp--custom--font-weight--bold);
	color: var(--wp--preset--color--base);
}

.pill-primary-light strong {
	display: inline-block;
	padding: 0.5rem 2rem;
	background-color: var(--wp--preset--color--primary-light);
	border-radius: 50em;
	font-weight: var(--wp--custom--font-weight--bold);
}

.pill-secondary strong {
	display: inline-block;
	padding: 0.5rem 2rem;
	background-color: var(--wp--preset--color--secondary);
	border-radius: 50em;
	font-weight: var(--wp--custom--font-weight--bold);
}

.pill-secondary-light strong {
	display: inline-block;
	padding: 0.5rem 2rem;
	background-color: var(--wp--preset--color--secondary-light);
	border-radius: 50em;
	font-weight: var(--wp--custom--font-weight--bold);
}

.pill-tertiary strong {
	display: inline-block;
	padding: 0.5rem 2rem;
	background-color: var(--wp--preset--color--tertiary);
	border-radius: 50em;
	font-weight: var(--wp--custom--font-weight--bold);
	color: var(--wp--preset--color--base);
}

.pill-tertiary-light strong {
	display: inline-block;
	padding: 0.5rem 2rem;
	background-color: var(--wp--preset--color--tertiary-light);
	border-radius: 50em;
	font-weight: var(--wp--custom--font-weight--bold);
}


body.home .hero:not(.block-editor-block-list__layout) h1 {
	opacity: 0;
	transform: translateY(50px);
}
body.home .hero:not(.block-editor-block-list__layout) p {
	opacity: 0;
}

body.home .wp-block-group:not(.block-editor-block-list__layout) .work-slider {
	opacity: 0;
}

body.home .wp-block-group:not(.block-editor-block-list__layout).work-feature-image img {
	opacity: 0;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px;
}

/* ------------------------------
    BLOCK STYLES
------------------------------ */

/* .hero {
	overflow: hidden;
	position: relative;
}

.hero .hero-content {
	position: relative;
	z-index: 2;
}

.hero .hero-images {
	position: absolute;
	left:0;
	right:0;
	top: 0;
	margin-left:auto;
	margin-right:auto;
	z-index: -1;
	display: inline;
	transform: scale(1.5);
} */

/* .hero .hero-images figure:last-of-type {
	position: absolute;
	bottom: -275px;
	right: -250px;
	z-index: 1;
} */

/* ---------------
    BUTTON
--------------- */
.wp-block-button.is-style-underline a,
.editor-styles-wrapper .wp-block-button.is-style-underline a {
	position: relative; 
	text-decoration: none; 
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	padding: 0;
}  
 
.wp-block-button.is-style-underline a:after,
.editor-styles-wrapper .wp-block-button.is-style-underline a:after {
	position: absolute;
	height: 1px;
	margin: 0 auto;
	content: '';
	left: 0;
	right: 0;
	background-color: var(--wp--preset--color--primary);
	left: 0;
	bottom: 0px;
	transition: all 300ms ease-in-out;
}

.wp-block-button.is-style-underline a:hover:after,
.editor-styles-wrapper .wp-block-button.is-style-underline a:hover:after {
	left: 100%;
	right: 0;
	height: 1px;
	background-color: var(--wp--preset--color--primary);
}

/* ---------------
    LISTS
--------------- */
.is-style-no-bullets li {
	list-style-type: none;
	margin-left: 0;
}

/* ---------------
    FORM
--------------- */
.gform-body input,
.gform-body select,
.gform-body textarea {
	border-radius: 0.45rem;
	border: 1px solid #adadad;
	background: var(--wp--preset--color--gray-50);
	padding: var(--wp--preset--spacing--small) !important;
}

.gform_footer input[type="submit"] {
	background-color: var(--wp--preset--color--contrast);
    border-radius: 50rem;
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
	cursor: pointer;
}

/* ---------------
    FOOTER
--------------- */
footer.wp-block-template-part {
	margin-block-start: 0;
}