/*
Theme Name: GroundWP
Theme URI: https://groundwp.com/
Author: Imtiaz Rayhan
Author URI: https://dotcamp.com/
Description: GroundWP Block Theme is a WordPress Block Theme For Efficient Site Building. Block Based - Completely block based. Empower your website with the power of Gutenberg Blocks. Lightweight - Very lightweight, and does an amazing job in terms of speed and performance. Minimal - The minimal design makes it insanely easy to turn it into design that fits your needs. Beautiful Patterns, Infinite Possibilities. GroundWP comes with beautiful patterns that allows you to build infinite different layouts. 
And the patterns library is continuously growing. GroundWP will enable you to build any kind of website you want to build with WordPress blocks.
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 7.4
Version: 1.6.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: groundwp

GroundWP WordPress Theme, (C) 2022 DotCamp.
GroundWP is distributed under the terms of the GNU GPL.
*/

/* Defaults
---------------------------------------------------------------------------- */

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

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

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

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--medium);
}

/* Forms
--------------------------------------------- */

input,
select,
textarea,
.wp-block-search__input {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--main);
	border-radius: 0;
	color: var(--wp--preset--color--main);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--main);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.6;
}

/* Blocks
---------------------------------------------------------------------------- */

/* Button
--------------------------------------------- */

input[type="button"],
input[type="submit"],
.wp-block-post-comments input[type=submit],
.wp-block-search__button {
	border: 1px solid var(--wp--preset--color--main);
	border-radius: 0;
	background-color: var(--wp--preset--color--main);
	color: var(--wp--preset--color--base);
	cursor: pointer;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--regular);
	padding: 10px 25px;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

/* Code
--------------------------------------------- */

*:not(.wp-block-code) > code,
kbd {
	background-color: var(--wp--preset--color--main);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
	position: relative;
	top: -1px;
}

/*
 * When inline code is selected, the Editor applies contextual styling. Since
 * our code color is near white, we need to reset to the default text color.
 */
.rich-text:focus > code[data-rich-text-format-boundary],
.rich-text:focus > kbd[data-rich-text-format-boundary] {
	color: currentColor;
}

/* Group
--------------------------------------------- */

.wp-block-group.is-style-full-height {
	align-items: center;
	display: grid;
	min-height: 100vh;
}

.wp-block-group.is-style-shadow {
	box-shadow: 0 0 50px rgb(0 0 0 / 10%);
}

.wp-block-group.is-style-shadow-solid {
	box-shadow: 5px 5px var(--wp--preset--color--main);
}

/* Heading
--------------------------------------------- */

.wp-block-post-content .wp-block-heading + * {
	margin-top: 20px;
}

/* List
--------------------------------------------- */

.is-style-no-disc {
	list-style-type: none;
	padding-left: 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: disc !important;
}

/* Navigation
--------------------------------------------- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-bottom: 30px;
	padding-top: 30px
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--main);
}

/* Navigation Submenu
--------------------------------------------- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--main);
	border: var(--wp--preset--color--main);
	color: var(--wp--preset--color--base);
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px;
}

/* Post Date
--------------------------------------------- */

.wp-block-post-date {
	box-sizing: border-box
}

.wp-block-post-date {
	font-size: var(--wp--preset--font-size--x-small);
}

/* Post Author
--------------------------------------------- */

.wp-block-post-author {
	display: flex;
	flex-wrap: wrap
}

.wp-block-post-author__byline {
	font-size: .5em;
	margin-bottom: 0;
	margin-top: 0;
	width: 100%
}

.wp-block-post-author__avatar {
	margin-right: 1em
}

.wp-block-post-author__bio {
	font-size: .7em;
	margin-bottom: .7em
}

.wp-block-post-author__content {
	flex-basis: 0;
	flex-grow: 1
}

.wp-block-post-author__name {
	margin: 0
}

.wp-block-post-author {
	font-size: var(--wp--preset--font-size--x-small);
}

/* Post Terms
--------------------------------------------- */

.wp-block-post-terms {
	font-size: var(--wp--preset--font-size--x-small);
}

/* Post Terms
--------------------------------------------- */
h2.wp-block-post-title {
	margin: 10px 0;
}

/* Custom
---------------------------------------------------------------------------- */

/* Featured Image Placeholder
--------------------------------------------- */

.is-placeholder {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    aspect-ratio: 16/9;
	background: #f0f0f0;
}