/* 
Theme Name:		 Deborah   
Theme URI:       https://yessconsulting.com/
Author:			 YESS Consulting Services
Author URI:		 https://yessconsulting.com
Description:	 Splash Page flexibility 
Version:		 2.4.2
License:         GNU General Public License v2 or later
License URI:     http://www.gnu.org/licenses/gpl-2.0.html                 
Tags:            blog, multi-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, 
                 footer-widgets, full-width-template, sticky-post, theme-options, accessibility-ready, WordPress Native Code
Text Domain:     deborah
Tested up to:    7.1.3
Requires PHP:    8.3.30 (Supports 64bit values)
Requires mysqli: mysqlnd 8.3.30


All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;800&family=VT323&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	--primary-color: #11121a; /* black family */
    	--text-color: #fff; /* #c9c9c9 */
		--accent: #008037; /* green */
		--border: #e7e3da; /* grayish */ 

	--hover-color: #112c66; /* cyan blueish family */
	/* maroon #5e0606 or #ac0e02*/
	/* footer2 #913535*/
	
	--p10: .625rem;
	--p20: 1.25rem;
	--p15: .9375rem;
}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
} 
html,
body {
	height: 100vh;
	height: 100dvh;
}

.tac {
    text-align: center; 
}
/*==================================================
    404 page
==================================================*/
.e404 {
	display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
	justify-items: center;
}
.error-title {
	margin-bottom: 0;
    color: #1e293b;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.4em;	
}
.error-sub-title {
	font-size: 1.5rem;
}
.search-field-wrapper {
	margin-bottom: 5rem;
}
.search-field {
	padding: 12px 45px 12px 15px;
}
.search-results #mh-wrapper {
	padding: 2rem;
}
/* end - 404 page */

/*==================================================
    Password Protect  page
==================================================*/
.post-password-form {
    padding: 40px;
}
.post-password-form p:nth-of-type(2) {
    padding: 20px;
}
.post-password-form input {
    height: 1.875rem;
}

/*
.post-password-form input[name="post_password"] {
    height: 1.rem;
}
*/
.post-password-form input[type="submit"] {
    background-color: var(--accent);
    color: white;
    margin-left: .3rem;
    padding: 0.625rem 1.25rem 1.5625rem; /* 10px 20px 25px */
}

/* end - Password Protect page */

/*==================================================
    Design Page
==================================================*/
.gold-digest_design {
    display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
	    "box1"
	    "box2"
	    "box3";
	    
	row-gap: var(--p20);
	padding: 0 20px;
}

.gold-digest_design .ione {
    grid-area: box1;
}

.gold-digest_design .itwo {
    grid-area: box2;
}
.gold-digest_design > aside {
    grid-area: box3;
}
.ione {
    justify-items: center;
}

.ione h1 {
    margin: 0;
}

.editable-field {
	min-height: 1.5rem;
	padding: .25rem;
	border: 1px solid #ccc;
}

.upload-area {
	display: grid;
	gap: .5rem;
}

.text-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-family: monospace; /* Monospace makes character width exact */
}


.text-field2 {
  width: 340px;  /* Replaces cols="40" */
  height: 80px; /* Replaces rows="5" */
}


/* New dedicated class for the 20x4 textarea behavior */
.textarea-mimic {
	border: 1px solid #ccc;
	padding: 4px;
	overflow-y: auto;
	white-space: pre-wrap; /* Preserves line breaks and wrapping */

	/* 20 Columns Wide (using 'ch' for character width) */
	width: 50ch; 

	/* 4 Rows High (using 'lh' or line-height multiplication) */
	line-height: 1.2em;
	height: calc(1.2em * 5); 

	/* Optional: Allows user resizing like a real textarea */
	resize: both; 
}

.textarea-mimic:focus {
	outline: 1px solid #0056b3;
}
/* custom form for Design */

/* 3. INLINE CSS GRID STYLING */
/* Clean container using CSS Grid setup instead of Bootstrap grid rows */
.itwo .wp-form-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: end;

    margin: 20px auto;
    padding: 15px;
    background: #fdfdfd;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.itwo .grid-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.itwo .grid-label {
    font-size: 1rem;
    font-weight: 600;
    color: #46b450; /* Matches your text-success look styling color */
    margin: 0;
}

.itwo .grid-field input,
.itwo .grid-field select {
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
}

.itwo .grid-submit-wrap {
    display: flex;
    justify-content: flex-start;
}

.itwo .btn-submit {
    background-color: #46b450;
    color: #ffffff;
    border: none;
    padding: 10px 24px;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.2s ease;
}

.itwo .btn-submit:hover {
    background-color: #379a3f;
}

.image-btn
.ptitle2 {
    font-size: .875rem;
}

.image-btn:hover {
    color: blue;
    font-weight: 550;
    cursor: pointer;
    
}
#ptitle {
    font-size: 1.2rem; /* page title */
}
/*  page links */
.hapax {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: start;
    gap: 10px;
}

.ione .hapax {
     width: 100%;
}
.btn-link {
    background-color: #46b450;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 5px;
    text-decoration: none;
    
}
.btn-link:hover {
    background-color: #379a3f;
}

.ione .btn-link {
    justify-self: end;
}
/*======== End -  Design Page  ========*/

/*==================================================
    Image Gallery Page
==================================================*/

.image-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    padding: 1rem;
}

.gallery-item {
    margin: 0;
    min-width: 0;
}

.gallery-item img {
    display: block;
    width: 100%;
    height: auto;
}
.caption {
    background-color: rgba(205, 251, 93, 1);
    font-weight: 600;
}
/*======== End -  Image Gallery Page  ========*/



/*==================================================
    Side Design
==================================================*/
.side-newsletter,
.side-design {
	background-color: #f7f7ff;
	margin: 0 20px;
	width: 100%;
	height: 100%;
}

.ybadge
 {
    /* sidebar heading label */
    /* justify-self: start; */
    
    padding: .4rem .8rem;
    border: 0;
    border-radius: 3px;
    
    background-color: var(--primary-color);
    
    color: var(--text-color);
    font-size: .8rem;
    text-transform: uppercase;
}
/*======== End -  Side Design  ========*/



/* Responsive */


 /* 2. Tablet Breakpoint (768px ~  48rem and up -- 899px ~56.1875) */
 @media screen and (min-width: 48rem) {
	
        /* Design */
         .gold-digest_design {
        	grid-template-columns: 1fr 1fr minmax(0, 450px);
        	grid-template-areas:
        	    "box1 box2 box3";
        	row-gap: var(--p20);
        	padding-top: var(--p10)
        }        
        /* End - Design */        
        
        /* categories */

        
        /* pages */
 
        
        /* pages End */

		
  }
 /* 3. XX-Lrg Breakpoint (1201px and up) */
 @media screen and (min-width: 75.0625rem) {
		#main-content { 
			max-width: 75em;    /* Caps desktop container at 1200px */
			margin: 0 auto;     /* Centers the layout container */
		} 
  }