/* Small custom overrides for Bootstrap prototype */
:root{--accent:#0d6efd;}
body{background:#f8f9fa; padding: 66px 0 70px 0;}
.navbar-brand img{border-radius:6px;}
.card{border-radius:12px;}
header img{max-width:100%;}
@media(min-width:992px){header .container{align-items:center;}}
.addinter{ margin: 0; padding: 0; text-align: center;}
.addinter h2{ margin: 0 0 15px; font-weight: 700; font-size: 36px;}
.addinter form{ margin: 0 auto; max-width: 300px;}
.addinter input{ padding: 10px; width: 300px; height: 42px; margin-bottom: 10px;}
.addinter textarea{ padding: 10px; width: 300px; margin-bottom: 10px;}
.addinter button{ padding: 10px; background: blue; color: #fff; font-weight: 500; border: 1px solid blue; transition: all 0.4s ease-in-out;}
.addinter button:hover{ background: #fff; color: blue;}

.form-control:focus, .form-select:focus{ box-shadow: none;}
.display-5{ font-weight: 700;}
.btn-primary{ padding: 10px 20px; background: blue; border: 1px solid blue; border-radius: 15px; font-size: 18px;}
.btn-primary:hover{ background: #fff; color: blue;}
.btn-outline-secondary{ padding: 10px 20px; background: white; border: 1px solid blue; border-radius: 15px; font-size: 18px; color: blue;}
.btn-outline-secondary:hover{ background: blue; color: white;}

.internship .list-group-item{ border: 1px solid blue; padding: 15px 20px;}
.internship .list-group-item .d-flex small{ text-align: right; width: 25%;}

.navbar{ position: fixed; width: 100%; top: 0; border-bottom: 1px solid blue; z-index: 99;}
footer{ position: fixed; width: 100%; bottom: 0; border-top: 1px solid blue; z-index: 99;}
table td{ white-space: nowrap;}
.admin_card{ border-color: blue;}
.admin_card h3{ font-weight: 700;}
.admin_card input{ padding: 10px; height: 42px;}

.popular_box .card-body{ border: 1px solid blue; border-radius: 10px;}
@media(max-width:600px){
.btn-outline-secondary, .btn-primary { padding: 8px 15px; border-radius: 10px; font-size: 16px;}

}