/*
 Theme Name: AJ - Twenty Twenty-Four Child
 Theme URI: http://example.com/twentytwentyfour-child/
 Description: A child theme for Twenty Twenty-Four.
 Author: Your Name
 Author URI: http://example.com
 Template: twentytwentyfour
 Version: 1.0.2
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: twentytwentyfour-child
*/
.wp-block-columns.social-icons {
  width: 300px;
}

.site-header {
  border-bottom: 1px solid #cccccc;
}
.site-header .wp-block-site-logo {
  background-color: black;
  height: 60px;
  width: 60px;
  padding: 15px 8px;
}

.site-footer {
  border-top: 1px solid #cccccc;
}

.rounded-corner {
  padding: 15px 25px;
  border-radius: 15px;
}

/* Basic Form Container Styling */
.wpcf7 {
  max-width: 600px; /* Adjust the width as needed */
  margin: 2rem auto;
}

/* Input Fields and Textarea */
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box; /* Ensure padding is included in the element's total width and height */
}

/* Submit Button */
.wpcf7-submit {
  background-color: #222222; /* Blue background color */
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease; /* Add a smooth transition on hover */
}

.wpcf7-submit:hover {
  background-color: #0062cc; /* Darker blue on hover */
}

/* Optional: Focus State for Input Fields */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: none; /* Remove default outline */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Add a subtle blue shadow */
}

/* tags */
.wp-block-post-terms .wp-block-post-terms__separator {
  display: none;
}

.taxonomy-post_tag.is-style-pill a {
  margin: 0 8px 8px 0;
}