/*
 Theme Name:   Time For More Me Time
 Theme URI:    https://timeformoremetime.com/
 Description:  A custom child theme for GeneratePress
 Author:       Paul Jones Design
 Author URI:   https://pauljonesdesign.com/
 Template:     generatepress
 Version:      1.8
*/

/* ========== TABLE OF CONTENTS ==========
 * 
 * Theme
 * Utilty
 * Typography
 * Global Styles
 * Fluent Forms
 * CSS Grid
 * 
 ========================================= */

/* ||  TYPOGRAPHY */

/* These have to match what is in the Customizer > Typography. Pull in font families using font manager. Set headline-font as 'All Headings and set body-font as HTML. */
:root {
	--heading-font: var(--gp-font-poppins), sans-serif;
	--body-font:var(--gp-font-poppins), sans-serif;
	--heading--display: clamp(2.5rem, -0.167rem + 5.556vw, 4rem); /* Scales between 40px and 64px */
	--heading--xl: clamp(2rem, 0.222rem + 3.704vw, 3rem); /* Scales between 32px and 48px */
	--heading--lg: clamp(1.75rem, 0.417rem + 2.778vw, 2.5rem); /* Scales between 28px and 40px */
	--heading--md: clamp(1.5rem, 0.167rem + 2.778vw, 2.25rem); /* Scales between 24px and 36px */
	--heading--sm: clamp(1.25rem, -0.083rem + 2.778vw, 2rem); /* Scales between 20px and 32px */
	--heading--xs: clamp(1rem, 0.556rem + 0.926vw, 1.25rem); /* Scales between 16px and 20px */
	--text--xl: clamp(1.25rem, 0.806rem + 0.926vw, 1.5rem); /* Scales between 20px and 24px */
	--text--lg: clamp(1rem, 0.556rem + 0.926vw, 1.25rem); /* Scales between 16px and 20px */
	--text--md: 1rem; /* 16px */
	--text--sm: clamp(0.85rem, 0.672rem + 0.37vw, 0.95rem); /* Scales between 13.6px and 15.2px */
	--text--xs: clamp(0.75rem, 0.572rem + 0.37vw, 0.85rem); /* Scales between 12px and 13.6px */
}

/* Default Body / p font settings */
p {
	font-size: var(--text--md);
	font-weight:400;
	line-height:1.5;
	margin-bottom:1.5rem;
	font-family:var(--body-font);
}

h1, h2, h3, h4, h5, h6 {
	font-weight:600;
	margin-bottom: .5em;
	font-family: var(--heading-font);
}

h1 {
	font-size:var(--heading--xl);
	line-height:1.25;
}

h2 {
	font-size:var(--heading--lg);
	line-height:1.1;
}

h3 {
	font-size:var(--heading--md);
	line-height:1.15;
}

h4 {
	font-size:var(--heading--sm);
	line-height:1.1;
}

h5 {
	font-size:var(--heading--xs);
	line-height:1.25;
}

h6 {
	font-size:var(--heading--xs);
	line-height:1.4;
}

.type-post .dynamic-entry-content h2 {
	margin-top: 1.5em;
	margin-bottom: .75em;
}

.type-post .dynamic-entry-content h3 {
	margin-top: 1.5em;
	margin-bottom: .75em;
}

.type-post .dynamic-entry-content ol, .type-post .dynamic-entry-content ul {
    margin: 0 0 1.5em 1.125em;
}

.type-post .dynamic-entry-content ol li, .type-post .dynamic-entry-content ul li {
	margin-bottom:0.75em;
	line-height: 1.5;
}

/* ||  GLOBAL */
.gb-button-wrapper a.gb-button, .gb-button, .main-navigation .menu-toggle {
		transition: all 0.3s ease 0s;
}



/* Remove bottom margin on last paragraph */
.gb-container p:last-child:last-of-type {
    margin-bottom: 0px;
}

.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0px;
}

/* Site Wrapper */
.site-wrapper {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
}

#main {
	min-height: 65vh;
}

/* 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;
}

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

/* Knocks out the original overlay side padding to 0. */
.slideout-navigation.do-overlay .inside-navigation {
	padding: 0 0 0 0;
	max-width: 100%;
}

/* Puts the X close icon to the top right. */
.slideout-navigation.do-overlay .slideout-exit {
    position: fixed;
    text-align: right;
}

/* Search icon - remove GeneratePress default. Keep this CSS if you're using a custom icon. */
.main-navigation .menu-bar-item>a {
	display:none;
}

.post-type-post .editor-styles-wrapper {
    max-width: 740px;
    margin-inline: auto;
    width: 100%;
}

/* CSS from here is SITE SPECIFIC - not part of the default child theme. */

@media only screen and (max-width: 1024px) {
	.main-navigation .main-nav>ul {
	gap:0.75rem;
	padding:1.5rem;
		
}
	#generate-slideout-menu .slideout-menu li a {
	border-bottom:1px solid var(--base);
	padding:0;
	padding-bottom:0.75rem;
}
}



/* Affects: search form. */
.search-block button {
	border:none;
}
.search-block .wp-block-search__inside-wrapper  {
	display:flex;
	gap:0.5rem;
}

.kt-row-column-wrap {
	max-width: 1280px !important;
}

.contact .kt-row-column-wrap {
	max-width: 100% !important;
}

/* When the first 89 posts were coverted the break tag appeared in some lists. Breaks aren't used so this is ok. */
.type-post p span span {
	display: none !important;
}

br {
	display:none;
}

table {
  overflow-x: auto;
  margin-bottom: 2rem !important;
  border: 1px solid #dededf;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 1px;
  text-align: left;
}

th,
td {
  text-align: left;
  border: 1px solid #dededf;
  padding: 5px;
}

th {
  background-color: #eceff1;
}

:root {
  --global-kb-font-size-sm: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
  --global-kb-font-size-md: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
  --global-kb-font-size-lg: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
  --global-kb-font-size-xl: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
  --global-kb-font-size-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 4rem);
  --global-kb-font-size-xxxl: clamp(2.75rem, 0.489rem + 7.065vw, 6rem);
}

/* || KADENCE FORMS */
.kadence-blocks-form-success {
    background: var(--global-palette9);
    border: 1px solid var(--global-palette6);
    border-radius: 50px;
    color: var(--global-palette2);
    padding: 16px 24px;
}

.kadence-blocks-form-warning, .kb-form-error-msg {
    background: none;
    border: none;
    border-radius: 50px;
    color: #c53030;
    padding: 0px;
}


.entry-author-avatar img {
	border-radius:50px;
}

.article-post-thumbnail img {
	border-radius:0px !important;
}

.type-post, .entry-content-wrap {
	border-radius:16px !important	;
}

.kt-blocks-post-grid-item .kt-blocks-post-top-meta {
  margin-top:1rem;  
	font-size: 1.13rem !important;
}

.category-hero .kt-blocks-post-grid-item-inner {
	margin:auto;
}

.category-hero .kt-blocks-post-grid-item-inner:before {
	content:'FEATURED';
	font-size:0.8rem;
	letter-spacing: .05rem;
}


.site-footer-middle-section-3.site-footer-section.footer-section-inner-items-1 {
    align-self: self-start;
}
.footer-widget-area.content-align-left .footer-navigation .menu {
   
    flex-direction: column;
}

@media (max-width: 767px){
.site-top-header-inner-wrap {
    min-height: auto;
}
	.footer-social-inner-wrap a.social-button {
    width: 1.8em;
   
		height: 1.8em;
	}
	.site-branding a.brand img {
    max-width: 190px;
}
}

.site-footer-row.site-footer-row-columns-1 {
	border-top: 1px solid var(--global-palette2);
}

.post-thumbnail-inner img, .kadence-post-image img {
	border-radius:16px;
}

.grid-cols {
	column-gap: 2rem !important;
    row-gap: 2rem !important;
}

.wp-site-blocks .post-thumbnail img {
	border-radius: 16px !important;
}

h2 span, h3 span {
	font-family: 'Poppins', sans-serif !important;
}

.type-post p span, .type-post p:not( .ipa-tile__meta-text) {
	font-size:1.125rem !important;
	font-family: 'Poppins', sans-serif !important;
}

.type-post .dynamic-entry-content img {
	margin-bottom:1.5rem;
}

.wp-block-outermost-social-sharing {
	margin-bottom:0;
}

.slideout-navigation, .slideout-navigation .btn__group a {
    color: var(--base-3) !important;
}