/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com/
Description: Child theme for GeneratePress
Author: Helen Khorrami
Author URI: https://example.com/
Template: generatepress
Version: 1.0
*/

/* --- Add your custom CSS below this line- Helen, some CSS changed in theme custom setting inside wordpress  --- */

/* Header Banner Full-Width Banner */
.inside-header,
.inside-article,
.inside-footer-widgets,
.inside-top-bar,
.inside-site-info {
  padding: 15px 20px; /* adjust top/bottom, left/right */
}
.main-navigation .main-nav ul li a {
  padding: 10px 10px;  /* default is about 15px 20px */
    line-height: 1.1 !important;  /* adjust: 1.0–1.3 looks good */
}
.main-navigation ul ul li {
  border-bottom: 2px solid white;
}
#header-banner-area {
    width: 100%;
    min-height: 300px;       /* default height, adjusts automatically */
    display: flex;
    align-items: center;     /* vertically center text */
    justify-content: center; /* horizontally center text */
    text-align: center;
    padding: 50px 20px;
    color: #fff;
    font-family: 'Bad Script', sans-serif;
    font-weight: bold;
    font-size: 26px;
    /*background-image: url(https://www.consciousmanifestations.com/wp-content/uploads/2016/06/header-bg-3.jpg);*/
    background-size: cover;       /* scales image to cover area */
    background-position: center center;  /* keeps image centered */
    background-repeat: no-repeat;
    position: relative; /* needed for overlay */
}
/* soft dark overlay */
#header-banner-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(128, 84, 40, 0.2); /* adjust opacity as needed */
    z-index: 1;
}

/* make sure banner text stays above overlay */
#header-banner-area * {
    position: relative;
    z-index: 2;
}
#header-banner-area .widget,
#header-banner-area .widget p {
    /*text-shadow: 0 1px 30px rgba(0, 0, 0, 0.6);*/
}
.home #header-banner-area {
  display: none;
}
.page .entry-title {/*removes all titles*/
  display: none;
}
.separate-containers .inside-article {
  padding: 10px 20px; 
}
/*---------widgets---------*/
.top-bar{
 font-size:20px;
 font-weight:bold;
 font-family: 'Bad Script', sans-serif;
 color:white;
}
.top-bar #social img{
    margin-left:15px;
}
.inside-top-bar {
  padding: 5px 40px;
}
.sidebar .widget,
.footer-widgets .widget {
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #f7eef4;/*light pink*/
  margin-bottom: 20px;
}
.site-footer .footer-widgets-container .inner-padding{
    padding:1px;
}
.inside-footer-widgets .footer-widget-1, 
.inside-footer-widgets .footer-widget-2, 
.inside-footer-widgets .footer-widget-3,
.inside-footer-widgets .footer-widget-4, 
.inside-footer-widgets .footer-widget-5{
    margin:0 15px;
}
.widget-title{
    background-color:#f4e7ef; /*pink*/
    padding:10px;
    margin-bottom: 0;
    border-top: 1px solid #f7eef4;/*light pink*/
    text-align:center;
}
.wp-caption-text{
     background-color:#faf5f8;/*very light pink*/
     padding:10px;
     text-align:center;
     font-size: 0.9em;
}
.sidebar .widget img, .inside-footer-widgets img {
  display: block;
  margin: 0 auto;
}
#page #right-sidebar, #page #left-sidebar{
    margin:20px;
}

/* Footer widget spacing remains neat */
.inside-footer-widgets > div {
  padding: 0px;
}
.widget p,
.widget strong,
.widget em {
  margin-bottom: 10px;
  display: block;
  padding: 10px;
}

/*-----footer----*/
.site-info{
	 display:none;   
}
.helen-site-info {
    text-align: center;
    font-size: 14px;
    padding:10px 20px;
    background-color:#f4e7ef; /*pink*/
}
.helen-site-info a {
    text-decoration: none;
    color: #693088;
}
.helen-site-info a:hover {
    color: #8a33b9;
}
/* customizing search form in top bar widget*/
.search-form button{
 background-color:transparent;
 padding:5px;
}
 .widget .search-form button.search-submit{
     font-size: 20px;
}
.top-bar .search-form {
    display: flex;
    align-items: center;
}
.top-bar .search-field {
    width: 0;
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    border: none;
    outline: none;
    background: #EEF3EF;   /* very light sage */
    color: #456254;        /* your dark sage text */
    border-radius: 20px;
    box-shadow: inset 0 1px 3px #D8DFDA;
    transition: all .3s ease;
}
/* expand on hover or focus */
.top-bar .search-form:hover .search-field,
.top-bar .search-form:focus-within .search-field {
    width: 220px;
    opacity: 1;
    padding: 5px 10px;
}
/* placeholder text */
.top-bar .search-field::placeholder {
    color: #7B9084;
}
/* all input fields have round border */
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    border-radius:40px;
}
/* search result page */
.search .content-area { /* make the page full with*/
    width: 100%;
}
.search .sidebar {/* and take the side bar */
    display: none;
}
.search .inside-article { /* styling the results */
    margin-bottom: 0px;
    padding-bottom: 24px;
    border-bottom: 1px solid #D8DFDA;
}
.search .entry-summary {
    margin-top: 2px;
}

/*-- mailchimp form style in footer--*/

/* CONTAINER */
.footer-mailchimp #mc_embed_signup {
    background: transparent;
    width: 100%;
}
.footer-mailchimp p{
	color:#75897f;
}
/* ROW LAYOUT */
.footer-mailchimp .mc-row {
    display: flex;
    gap: 8px; 
    margin-bottom: 10px; 
}
/* HALF FIELDS */
.footer-mailchimp .mc-half {
    width: 50%;
}
/* FULL WIDTH ROWS */
.footer-mailchimp .mc-full {
    width: 100%;
    margin-top: 10px; 
}
/* INPUT FIELDS */
.footer-mailchimp input[type="text"],
.footer-mailchimp input[type="email"] {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid #a4afaa;
    border-radius: 8px;
    background: transparent;
    color: #456254;
    box-sizing: border-box;
}
/* PLACEHOLDER */
.footer-mailchimp input::placeholder {
    color: #8FA39A;
}
/* BUTTON */
.footer-mailchimp #mc-embedded-subscribe {
    background: #62776d;
    color: #ffffff;
    border: none;
    padding: 9px 22px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    margin: 6px auto 0 auto; 
}
/* BUTTON HOVER */
.footer-mailchimp #mc-embedded-subscribe:hover {
    opacity: 0.9;
}
/* FOCUS */
.footer-mailchimp input:focus {
    outline: none;
    border-color: #456254;
}






/* Responsive adjustments */
@media (max-width: 1024px) {
    #header-banner-area {
       padding: 40px 15px;
    }
}

@media (max-width: 768px) {
    .site-logo img {
    max-width: 150px;
  }
    #header-banner-area {
        padding: 10px 10px;
        background-size: cover;
        min-height: 250px;
        font-size: 20px;
        line-height: 1.4;
    }
    #header-banner-area .widget {
        font-size: 1em;
    }
    /*.content-area .inside-right-sidebar, .content-area .inside-left-sidebar{
        margin:10px 50px;   
    } doesn't work*/
}

@media (max-width: 480px) {
    #header-banner-area {
        padding: 20px 10px;
    }
    #header-banner-area .widget {
        font-size: 0.9em;
    }
}