.site-description
{
    font: 300 italic 25px "Source Sans Pro", Helvetica, sans-serif;
    color: white;
    text-align: center;
    margin: 0;
    padding-bottom: 20px;
}

.content p { margin:5px;
    padding:5px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif; 
    font-size: 110%;
    color: black; }

@font-face
{
	font-family: Museo300;  
	src: local('Museo300-Regular'), 
		url("fonts/Museo300-Regular.ttf") format('truetype');  
	font-weight: normal;  
}

.post-item
{font-family: Museo300}

body {font-family: Verdana, Arial, Helvetica, 
     Futura, sans-serif; 
     font-size: 1em; 
     padding:0; 
     margin:0;
	   background-color:whitesmoke;
    }

#menu ul li { font-size: 110%; color: green; }


/** change background color of ads to transparent #2312915-zd **/
ins{
  background-color: transparent;
}

/* reduce footer padding - norman 2312915zd */

#footer-widgets {
    padding: 5px;
}

/* change recent posts widget links color | 17080921-hc */
.widget_recent_entries ul li a {
	color:#000000;
}

/* change recent posts widget links color | 17080921-hc */
.widget_recent_entries ul li a, .widget_top-posts ul li a {
	color:#000000;
}

/* set blog post tag color | 17539691-hc */

.blog-post-tags, .blog-post-tags a {
    color:black;
	  font-weight: normal; 
	  
}


/* set post title font and color | 17539691-hc */
.blog-post-title h2, .blog-post-title h2 a {
    color: black;
    font-family: "Arbutus Slab", serif;	
	font-weight: normal; 	
	
}


/* continue reading background color | 17539691-hc */

.blog-post-read-more a {
    background-color:gray;
	 
}

/* Make the content and sidebar links red | RG-18707756-hc */
#sidebar a,
#content a {
    color: #a30000;
}

/*Added this css on 17_NOV_2022 for search console error */
img {
  max-width: 100%;
  display: block;
}

/*Added this css on 11_June_2023 for mobile compatibility issue */
/* Mobile Styles */
@media (max-width: 767px) {
  /* Add your mobile-specific styles here */

  /* Example Styles */
  body {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
  }

  .header {
    background-color: #f1f1f1;
    padding: 20px;
  }

  .content {
    margin: 10px;
  }

  .footer {
    background-color: #f1f1f1;
    padding: 10px;
  }
}

/* Desktop Styles */
@media (min-width: 768px) {
  /* Add your tablet and desktop-specific styles here */

  /* Example Styles */
  body {
    font-size: 16px;
    line-height: 1.6;
    padding: 20px;
  }

  .header {
    background-color: #f1f1f1;
    padding: 30px;
  }

  .content {
    margin: 20px;
  }

  .footer {
    background-color: #f1f1f1;
    padding: 20px;
  }
}

/*Added this css on 11_June_2023 for mobile compatibility issue - Region ends here .....And the below css has beend added on 08_March_2026*/

/* ----------------------------------------------------
   MANDATORY CSS FOR SITE PERFORMANCE
   Only keeps rules that reduce CLS, stabilize fonts,
   images, and main-thread rendering.
----------------------------------------------------- */

/* Ensure web fonts do not block text rendering */
@font-face {
  font-display: swap;
}

/* Prevent layout shift caused by late-loading fonts */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
  min-height: 1em;
}

/* Stabilize page titles */
.entry-title,
.site-title {
  min-height: 60px;
}

/* Prevent text reflow when fonts swap */
body {
  font-size-adjust: 0.5;
  text-rendering: optimizeSpeed;
}

/* Make images responsive and prevent layout shift */
img {
  max-width: 100%;
  height: auto;
  display: block;
  image-rendering: auto;
}

/* Stabilize header height */
.site-header {
  min-height: 80px;
}

/* Reduce layout recalculations for main content */
#main, main {
  content-visibility: auto;
  contain-intrinsic-size: 1px 4000px;
}

/* Optimize sections and containers (optional, safe) */
section,
.container,
.site-content {
  contain: layout style;
}

/* ----------------------------------------------------
   COMMENTED OUT FOR NOW
   Menu arrows, sticky header, offscreen section tweaks,
   and other layout optimizations that may conflict
   and cause page unresponsiveness
----------------------------------------------------- */

/*
.main-navigation .menu-item-has-children > a::after {
    content: '▼';
    font-size: 0.6em;
    margin-left: 5px;
    vertical-align: middle;
}

.main-navigation .menu-item-has-children > a > i,
.main-navigation .menu-item-has-children > a > span.arrow {
    display: none !important;
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

body {
    padding-top: 90px;
}

section {
  content-visibility: auto;
  contain-intrinsic-size: 800px;
}

* {
  backface-visibility: hidden;
}
*/

/* ------------------------/
 
 
 /* Critical CSS for above-the-fold content */
body { margin:0; font-family: Arial, sans-serif; }
header { background:#0052cc; color:#fff; padding:20px; }
.hero-section img { max-width:100%; height:auto; display:block; }

/* Font swap to prevent blocking */
@font-face {
  font-family: 'Roboto';
  src: url('https://your-site.com/fonts/Roboto.woff2') format('woff2');
  font-display: swap;
}

/* Lazy loading support */
img[loading="lazy"] { display:block; max-width:100%; height:auto; }