/**
Theme Name: White Internet Child
Author: Iain White
Author URI: http://whiteinternet.com
Description: Default White Internet child theme
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: white-internet-child
Template: generatepress
*/

/* === Table Of Contents ===

1. Theme Tweaks
2. Utilities
3. Typography

=== */


/*** 1. Theme Tweaks ***/


/* Body background colour (outside wrapper) */
body {
	background-color: var(--base-20);
}

/* Site Wrapper */
.site-wrapper {
	width: 100%;
	max-width: 1920px;
	margin-inline: auto;
	background-color: var(--base-10);
}

/* Set the main content area height */
#main {
	min-height: 65vh;
}

/* Container Padding Overrides */
.inside-header {
	padding-inline: 0px !important;
}

.site-header {
	padding-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem) !important;
}

.site-content #content {
	padding-inline: 0px;
}

/* Post Editor Width (BACKEND) */
/*
.post-type-post .block-editor-block-list__layout {
	max-width: 728px !important;
	margin-inline: auto !important;
	padding-inline: 200px !important;
}

.post-type-post .edit-post-visual-editor__post-title-wrapper .editor-post-title {
	max-width: 728px !important;
	margin-inline: auto !important;
	padding-inline: 200px !important;
}
*/

/* Password Protected Pages */
.post-password-form {
	max-width: 768px;
	padding: 8rem 0px;
	margin-inline: auto;
	text-align: center;
}


/*** 2. Utilities ***/


/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* Line Limits */
.line-limit-3 .line-limit-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-limit-3 {
	-webkit-line-clamp: 3;
}

.line-limit-2 {
	-webkit-line-clamp: 2;
}

/* No underline */
.no-ul, .no-ul a {
	text-decoration: none;
}


/*** 3. Typography ***/


/* Add top margin to blog post H2-H6 */
.single-post h2:not(:first-of-type),
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6 {
  margin-top: 1.5em;
}

/* Button Global line Height */
.gb-button {
	line-height: 1em;
}

/* Remove bottom margin on last paragraph */
/* .gb-container is now .gb-element */
[class^="gb-element-"] p:last-child:last-of-type {
    margin-bottom: 0px;
}

.block-editor-block-list__layout [class^="gb-element-"] p:nth-last-child(2) {
    margin-bottom: 0px;
}