/*
Theme Name: Lex Professionals
Theme URI: https://lexatelier.com
Author: Lex Atelier
Author URI: https://lexatelier.com
Description: Minimal custom theme by Lex Atelier
Version: 1.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Lex Professional
*/

body {
    margin: 0;
    padding: 0;
}
.lex-container {
  max-width: 1100px;
  margin: 2rem auto;
  padding: 20px;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap; /* allows stacking */
}

.lex-main-content {
  flex: 3 1 60%;
  min-width: 300px;
}

.lex-sidebar {
  flex: 1 1 30%;
  background: #edeeee;
  padding: 20px;
  min-width: 250px;
}

/* Responsive: stack on mobile */
@media (max-width: 768px) {
  .lex-container {
    flex-direction: column;
  }

  .lex-main-content,
  .lex-sidebar {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

/* Basic styling */
.entry-header h1.entry-title {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.widget-title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #333;
  padding-bottom: 0.5rem;
}


.lex-container {
  max-width: 1100px;
  margin: 2rem auto;
  padding: 20px;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.lex-main-content {
  flex: 3 1 60%;
  min-width: 300px;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
}

.lex-sidebar {
  flex: 1 1 30%;
  min-width: 250px;
  box-sizing: border-box;
  padding: 20px;
  border: 0 0 0 1px solid #ccc;
}

@media (max-width: 768px) {
  .lex-container {
    flex-direction: column;
  }

  .lex-main-content,
  .lex-sidebar {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

.lex-comment-submit {
  background-color: #0073aa;
  color: white;
  padding: 0.6rem 1.2rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.lex-comment-submit:hover {
  background-color: #005f8d;
}
.comment-metadata {
    padding-left: 53px;
}
.comment-content {
    margin-left: 53px;
    border-left: 3px solid #b39966;
    padding-left: 10px;
}
}