/*
Theme Name: best_ratedseo_company
Theme URI: https://bestratedseocompany.com/
Author: bestratedseocompany
Author URI: https://bestratedseocompany.com/
Description: Description
Version: 1.0.0
Tested up to: 6.6
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: best_ratedseo_company
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	padding:0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

.search_container {
    --row-gap: 20px;
    --column-gap: 20px;
    --content-width: 1417px;

    display: flex;
    flex-wrap: wrap;
    gap: var(--row-gap) var(--column-gap);
    height: 100%;
    margin: 0 auto 50px;
    max-width: var(--content-width);
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;
}
/* Desktop & Tablet */
@media (min-width: 768px) {
    .sticky-container {
        position: sticky;
        top: 80px; /* Adjust based on your header height */
        z-index: 99;
        align-self: flex-start;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .sticky-container {
        position: static;
        top: auto;
    }
}

