/* =====================================================================
   YOUR CSS - this file loads LAST, so anything here wins over the theme and Bootstrap.
   Edit freely. Changes show after saving (version = file time).

   Quick reference (all are CSS variables set from Appearance > Customize > MeArogyam Design):
     --g main color      --g2 dark shade     --bg page background   --tx text color
     --r corner radius   --max site width    --fs base font size    --c  category color (inside a block)

   Handy class names on the homepage:
     .apm-top .apm-head .apm-nav .apm-tick .apm-tagbar     header parts
     .apm-hero .apm-lead .apm-box                          slider + headlines
     .apm-sec .apm-hh                                      a section and its title bar
     .apm-fc (card)  .apm-row (small row)  .apm-chip       post items
     .apm-side                                             sidebar
     .apm-foot                                             footer
   ===================================================================== */

/* --- examples (remove the comment marks to use) --- */

/* Bigger section titles:
.apm-hh h2, .apm-hh h3 { font-size: 22px; }
*/

/* Make cards square-cornered with a soft shadow:
.apm-fc, .apm-box { border-radius: 0; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
*/

/* Taller slider on desktop:
@media (min-width: 992px) { .apm-lead { min-height: 460px; } }
*/

/* Hide the sidebar on phones:
@media (max-width: 991.98px) { .apm-side { display: none; } }
*/

/* White card around block widgets in the homepage widget areas (default is no card):
.apm-wa-area[data-area^="apm-home"] .apm-wa.widget_block { background:#fff; border:1px solid var(--bd); padding:14px 16px; border-radius:var(--r); }
*/