/*
Theme Name: ScholarsBase Child
Theme URI: https://scholarsbase.com
Template: vw-startup
Author: Rotimi Peter Abioye
Author URI: https://scholarsbase.com/about
Description: Custom child theme for ScholarsBase — designed for academic communities, mentors, and scholars.
Tags: left-sidebar,right-sidebar,one-column,two-columns,three-columns,four-columns,grid-layout,wide-blocks,block-styles,flexible-header,block-patterns,custom-colors,custom-background,custom-logo,custom-menu,custom-header,editor-style,featured-images,footer-widgets,sticky-post,full-width-template,theme-options,translation-ready,threaded-comments,post-formats,rtl-language-support,blog,portfolio,e-commerce,academic,education,scholar-profile,mentor-dashboard
Version: 1.3.5.1759981076
Updated: 2025-10-09 03:37:56

*/

body{
background-color:#f9f9f9;
line-height:1.6;
font-family: 'Segoe UI', sans-serif;}
.container{
max-width: 1200px;
width: 90%;
margin: auto;
padding: 20px;}
header{
display: flex;
background-color: #fff;
justify-content: space-between;
border-bottom: 1px solid #ddd;
align-items: center;
padding: 20px 0;}
nav ul{
display: flex;
gap: 20px;
list-style: none;}
nav ul li a {
color: #333;
text-decoration: none;
font-weight: 500;}
.profile-card {
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 20px;}
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;}
footer {
    background-color: #222;
    text-align: center;
    color: #fff;
    padding: 30px;}
@media (max-width: 1024px) {
header {
    align-items: flex-start;
    flex-direction: column;}
nav ul {
    gap: 10px;
    flex-direction: column;}
}
@media (max-width: 768px) {
.container {
    padding: 10px;
}
.grid {
    grid-template-columns: 1fr;
}
.profile-card {
    margin-bottom: 15px;
}
nav ul {
align-items: flex-start;
flex-direction: column;}}
@media (min-width: 1025px) {
footer {font-size: 16px;
padding: 60px 80px;}
body {font-family: 'Roboto', sans-serif;}
h1, h2, h3, button {font-family: 'Roboto', sans-serif;}
button, a {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
button:hover, a:hover {
background-color: #00bfa5;
color: #fff;}} 
@media (min-width: 1600px) {.container {max-width: 1400px;}}