/*
Theme Name: Fresh Blog Lite
Theme URI: https://designorbital.com/wordpress-theme/free-personal-blog-wordpress-theme-fresh-blog/
Author: DesignOrbital
Author URI: https://designorbital.com/
Description: Personal Blog Theme. Fresh Blog Lite is a modern and user-friendly Free Personal Blog WordPress Theme designed for effortless content creation. As a Full Site Editing (FSE) theme, it seamlessly integrates with the WordPress block editor, Gutenberg, allowing you to customize your site with ease. Built on WordPress coding standards, it ensures stability, performance, and compatibility with the latest updates. Whether you're starting a magazine-style blog or a personal storytelling website, Fresh Blog Lite provides a pre-designed home template, eliminating the need for coding skills. With multiple built-in color schemes and carefully curated typography pairings, you can create a visually stunning and engaging website in just a few clicks.
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fresh-blog-lite
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, portfolio, news
*/
/* Row and column styles */
/* Improved Row and column styles */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
  width: 100%;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.col-md-12 a {
	color: #141833;
}

/* Base column styles */
.col-md-6, .col-md-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  min-height: 1px;
}

/* Mobile first approach */
.col-md-6, .col-md-12 {
  float: left;
  width: 100%;
}

/* Media query for medium devices and up */
@media (min-width: 768px) {
  .col-md-6 {
    width: 50%;
    float: left;
  }
  
  .col-md-12 {
    width: 100%;
    float: left;
  }
}

/* Form styles */
.form-group {
  margin-bottom: 1rem;
  width: 100%;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-sizing: border-box;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

textarea.form-control {
  height: auto;
}

/* Checkbox styles */
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

/* Button styles */
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: #141833;
  border-color: #141833;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus {
  color: #fff;
  background-color: #141833;
  border-color: #141833;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary:active {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

/* CF7 Submit button specific styling */
.wpcf7-submit {
  margin-top: 1rem;
}

/* Fix for CF7 form display */
.wpcf7-form {
  width: 100%;
}