/*
Theme Name: SkoolJobs Theme
Theme URI: https://skooljobs.com
Author: SkoolJobs
Description: Custom WordPress theme for SkoolJobs recruitment consultancy.
Version: 1.0
*/

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins', sans-serif;
}

body{
background:#f8f9fb;
color:#2b2b2b;
}

/* NAVBAR */
.top-nav{
position:fixed;
top:0;
width:100%;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
z-index:1000;
}

.nav-container{
display:flex;
justify-content:space-between;
align-items:center;
padding:0px 3%;
}

.logo img{
height:120px;     /* Increase size */
width:auto;      /* Keeps aspect ratio */
display:block;
}

.menu{
display:flex;
gap:50px;
list-style:none;   /* Removes dots */
padding:0;
margin:0;
}

.menu a{
text-decoration:none;
color:#2b2b2b;
font-size:20px;
font-weight:500;
}

.menu a:hover{
color:#1e4db7;
}

.nav-right{
display:flex;
align-items:center;
gap:20px;
}

.signin{
text-decoration:none;
font-size:13px;
color:#2b2b2b;
}

.join-btn{
padding:8px 22px;
border:1px solid #1e4db7;
border-radius:25px;
text-decoration:none;
font-size:13px;
color:#1e4db7;
}

.join-btn:hover{
background:#1e4db7;
color:#fff;
}

/* HERO */
.hero{
margin-top:100px;
background:#1e4db7;
color:#fff;
text-align:center;
padding:120px 20px;
}

.section{
padding:80px 8%;
}

/* Contact Info */
.contact-info {
  background: #f9f9f9;
  padding: 30px 8%;
}
.contact-info p{
  font-size: 16px;
  margin-bottom: 8px;
}

/* Contact Form */
.contact-form {
  background: #fff;
  padding: 40px 8%;
}
.contact-form form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  padding: 12px;
  border: 1px solid #ccc;
  font-size: 16px;
}

/* Map */
.map-section {
  margin-top: 30px;
}
.map-section iframe{
  width:100%;
  height:350px;
  border:none;
}

footer{
background:#1e4db7;
color:#fff;
padding:60px 8%;
margin-top:50px;
}