/*
Theme Name: RS One
Theme URI: https://support.recodedsolutions.com
Description: A WP Theme by reCoded Solutions for distribution to WordPress Design customers.
Version: 1.9.8
Tested up to: 6.8
Requires PHP: 7.4
Author: reCoded Solutions Ltd.
Author URI: https://www.recodedsolutions.com/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: right-sidebar, left-sidebar, custom-header, custom-menu, featured-images, sticky-post, translation-ready
Text Domain: rs-one
*/

/*
* This file is part of the RS One Theme.

* RS One is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
*
* RS One is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

* You should have received a copy of the GNU General Public License along with RS One. If not, see <https://www.gnu.org/licenses/>.
*/

/* IMG Correction */
img,
.wp-block-image img {
	max-width:100%;
	height:auto;
}

/* Modifying the style of Comments Form */
.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 50%;
}

/* Modified Search Widget Output */
div.widget.searchform {
	margin-bottom: 12px;
}

/* The following are standard classes that wordpress insists that are included in the CSS */
/* This is the set of classes for the body_class function in the header of the theme */
	.gallery-caption CSS class is needed in your theme CSS.
	.alignright {
		text-align: right;
	}
	.alignleft {
		text-align: left;
	}
	.aligncenter {
		text-align: center;
	}
	.wp-caption {
	}
	.wp-caption-text {
	}
	.screen-reader-text {
	}
	.page {
	}
	.page-id-2 {
	}
	.logged-in {
	}
	.bypostauthor {
	}
/* End Standard WP CSS Classes */

/* --- Mega Menu Masonry Layout --- */

.rs-mega-masonry {
    column-count: 1;
    column-gap: 1.5rem;
    width: 100%;
}

/* Tablet: 2 Columns */
@media (min-width: 768px) {
    .rs-mega-masonry {
        column-count: 2;
    }
}

/* Desktop: 4 Columns */
@media (min-width: 992px) {
    .rs-mega-masonry {
        column-count: 4;
    }
}

.rs-mega-item {
    display: inline-block; /* Ensures items don't split weirdly */
    width: 100%;
    margin-bottom: 1rem;
    
    /* Prevent the column from breaking inside an item */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/* Mega Menu Divider */
.rs-mega-divider {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* --- Fix Horizontal Scroll Issues --- */
/* NOTE: 'overflow-x: hidden' on html or body breaks 'position: sticky'. 
   We have removed those properties to restore sticky functionality.
*/

body {
    width: 100%;
}

/* Optional: Smart Default Widths for Standard Gutenberg Blocks on Full Width Pages 
   This makes standard paragraphs centered/contained, while allowing AlignFull blocks to span 100%.
*/
#rs-page-content > .container-fluid > .col > *:not(.alignwide):not(.alignfull) {
    max-width: 1320px; /* Standard Bootstrap XXL Width */
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

#rs-page-content > .container-fluid > .col > .alignwide {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}