/*
 * File Name: style-seo.css
 * Path: Master2017/seo/css/
 * Purpose:
 * This CSS file contains additional styles to optimize visual performance and accessibility metrics.
 * 
 * Functionalities:
 * - Improves CLS (Cumulative Layout Shift) and LCP (Largest Contentful Paint) scores for better SEO.
 * - Adjusts styles for ad banners, loaders, and icons to address GTMetrix and PageSpeed Insights recommendations.
 * - Enhances the layout for devices of various sizes using media queries.
 * 
 * Dependencies:
 * - Can improve metrics independently of WP Rocket, with fallback adjustments as needed.
 * 
 * Notes:
 * - Changes are scoped to avoid conflicts with the main theme styles.
 * 
 * Author: Deo - Offshorly
 * Last Modified: 01/16/2024
 * Version: 1.2.0
 */

/* Accessibility Improvements: Icon Sizing */
.fa {
	width: 22px !important;
	height: 22px !important;
}

/* -- CLS score improvements on single pages -- */

/* Sidebar widget with 250px height */
.sidebar .widget.widget_dfp_ads_widget .widget-body div.size-300-250 {
	height: 250px;
}

/* Sidebar widget with 600px height */
.sidebar .widget.widget_dfp_ads_widget .widget-body div.size-300-600 {
	height: 600px;
}

/* Ad inside post content */

@media screen and (min-width: 768px){
    .single-post .entry-content .ad {
        min-height: 250px;
    }
}

/* Late-added padding catch on post container */
.single-post .single-wrap-post {
	padding-top: 50px;
}

@media screen and (max-width: 768px){
    .layout-section .sidebar .widget_media_image > div {
        text-align: center;
        padding-top: 20px;
    }

    .sidebar .dfp_ads_widget--is-sticky .widget-body {
        position: relative;
        margin: 0 !important;
    }
}

#header #navigation nav.nav-primary ul.nav>li.menu-item-title-thumbnails .sub-menu {
    min-height: 0 !important;
}