Main Page/styles.css

/* General Styling */ body {

   font-family: sans-serif; /* Choose a suitable font */
   line-height: 1.6;
   color: #333; /* Adjust text color as needed */
   background-color: #f0f0f0; /* Set a subtle background color */

}

1. mp-topbanner {

   background-color: #e0e0e0; /* Light gray background for the top banner */
   padding: 20px;
   text-align: center;

}

.mp-box {

   margin-bottom: 20px;
   border: 1px solid #ccc;
   padding: 15px;
   background-color: #fff; /* White background for content boxes */

}

.mp-h2 {

   font-size: 1.5em;
   margin-bottom: 10px;

}

/* Specific Styling for Adaris Theme */ .MainPageBG {

   /* Add a background image or color that fits the Adaris theme */
   background-image: url('path/to/subtle-adaris-background.jpg'); /* Replace with your image path */
   background-size: cover;

}

/* Style for the "Explore More" links */ .explore-more {

   font-style: italic;
   margin-top: 10px;

}

/* Image Gallery Styling */ .gallery {

   text-align: center;

}

.gallery img {

   margin: 5px;
   border: 1px solid #ccc;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */

}

/* Featured Image Styling */

1. mp-tfp img {

   max-width: 100%;
   height: auto;
   display: block;
   margin: 0 auto; /* Center the image */

}