/*
Theme Name: Gratifii Next
Theme URI: https://gratifii.com/
Author: Gratifii Creative Team
Author URI: https://gratifii.com/
Description: A refreshed and modern WordPress theme for Gratifii, built with Bootstrap 4 and ACF, optimized for performance, accessibility, and mobile-first design.
Version: 2.0.0
Requires PHP: 7.4+
Requires at least: 6.0
Tested up to: 6.5
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: bootstrap-basic4
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, post-formats, threaded-comments, translation-ready, editor-style, blog
*/

/* Required WordPress CSS */
.aligncenter { display: block; margin-right: auto; margin-left: auto }
.alignleft { display: inline; float: left; margin-right: 1.5em }
.alignright { display: inline; float: right; margin-left: 1.5em }
/* WordPress gallery */
.gallery { margin-bottom: 1.6em }
.gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100% }
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery-icon img { margin: 0 auto }
.gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 0.7500rem; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0 }
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none }
.wp-caption { border: 0.0625rem solid #ccc; margin-bottom: 1.5em; max-width: 100% }
.wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98% }
.wp-caption-text { text-align: center }
.wp-caption .wp-caption-text { margin: 0.8075em 0 }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem); position: absolute !important; height: 0.0625rem; width: 0.0625rem; overflow: hidden }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0.1875rem; box-shadow: 0 0 0.1250rem 0.1250rem rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 0.8750rem; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.3125rem; line-height: normal; padding: 0.9375rem 1.4375rem 0.8750rem; text-decoration: none; top: 0.3125rem; width: auto; z-index: 100000 }
/* Theme's main style. */
.flex-video { position: relative; overflow: hidden; padding-bottom: 56.25%; }
.flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* gutenberg support */
.wp-block-embed embed, .wp-block-embed iframe, .wp-block-embed object { max-width: 100%; }
.pagination { margin: 0; }
.pagination-center { text-align: center; }
.pagination-row { margin-bottom: 1.2500rem; }
.page-header { margin-bottom: 1.2500rem; }
.page-header-top-right { margin-top: 0.6250rem; }
.post-view-attachment .entry-attachment .attachment { text-align: center; }
.post-view-attachment .entry-attachment .attachment .card { margin: 0 auto; width: 25.0000rem; }
.post-view-attachment .entry-attachment .attachment .wp-video { margin: 0 auto; }
.row-with-vspace { margin-bottom: 1.2500rem; }
/* .site-footer { background-color: #f5f5f5; border-top: 0.1875rem solid #ddd; font-size: 0.7500rem; padding: 0.6250rem; } */
.site-main .format-aside { background: #f5f5f5; }
.site-main .format-image { background: url('assets/img/content-post-format-image.png') left top no-repeat; }
.site-main .format-link { background: url('assets/img/content-post-format-link.png') left top no-repeat; }
.site-main .format-quote { background: url('assets/img/content-post-format-quote.png') left top no-repeat; }
.site-main .format-video { background: url('assets/img/content-post-format-video.png') left top no-repeat; }
.site-title { margin-top: 0; margin-bottom: 0; }
.site-title > a { text-decoration: none; }
.site-title > div { height: auto; line-height: 1.1250rem; }
.site-title .site-description { color: #999; font-size: 1.0000rem; }
.site-title .site-title-heading { margin: 0; }
.widget_calendar .calendar_wrap table { font-size: 0.8750rem; margin: 0; }
.widget_calendar .calendar_wrap table caption { caption-side: top; }
.widget_calendar .calendar_wrap .table td, .widget_calendar .calendar_wrap .table th { padding: 0.5000rem; }
.widget_calendar .calendar_wrap .table #next { text-align: right; }
#comments .comment-navigation, #comments .comment-navigation-below { margin-bottom: 1.2500rem; margin-top: 0.9375rem; }
#comments .comment-navigation { list-style: none; margin-top: 0; padding: 0; }
#comments .comment-respond { margin-top: 1.2500rem; }
#comments .media-list li .media { margin-top: 0.9375rem; }
#comments .media-list li .media .media-body { border: 0.0625rem solid #eee; padding: 0.6250rem; }
#comments .media-list li .media .media-body .comment-author { font-size: 0.7500rem; margin-bottom: 0.6250rem; }
#comments .media-list ul.children { list-style: none; margin-left: 4em; padding-left: 0; }
#main .wp-video-shortcode { display: block; height: auto; max-width: 100%; }
#main .attachment .entry-content { margin-bottom: 1.2500rem; }
#main .attachment .entry-content .attachment { text-align: center; }
#main .attachment .entry-meta { margin-bottom: 1.2500rem; }
/* fix auto img responsive */
#main .post .entry-content img { height: auto; max-width: 100%; }
/* #main .post, #main .page { border: 0.0625rem solid #eee; margin-bottom: 1.2500rem; overflow-x: auto; padding: 0.6250rem; } */
/* #main .post .entry-header .entry-meta { color: #999; font-size: 0.8rem; } */
#main .post .entry-header .entry-meta .posted-on .updated { display: none; }
#main .post .entry-meta .categories-icon { cursor: default; }
#main .post .entry-meta .comments-link a { color: #333; }
#main .post .entry-meta .comments-link a .comment-total, #main .page .entry-meta .comments-link a .comment-total { color: #555; }
#main .attachment .edit-post-link a, #main .attachment .entry-meta .edit-post-link a, #main .post .entry-meta .edit-post-link a, #main .page .entry-meta .edit-post-link a {color: #333; }
#main .post .entry-meta .tags-icon { cursor: default; }
#main .attachment .entry-title, #main .post .entry-title, #main .page .entry-title { margin-top: 0; word-wrap: break-word; }
.sidebar-left .widget, .sidebar-right .widget { /* padding: 0.6250rem; border: 0.0625rem solid #eee; */ margin-bottom: 3.7500rem; overflow: hidden; }
.sidebar-left .widget:last-child, .sidebar-right .widget:last-child { margin-bottom: 0; }
/* .sidebar-left .widget ul, .sidebar-right .widget ul { padding-left: 1.2500rem; } */
.sidebar-left .widget .widget-title, .sidebar-right .widget .widget-title { /* font-size: 1.1250rem; */ margin-top: 0; }
/* Fix Bootstrap 4 */
.navbar { min-height: 3.3750rem; }