/* AYB Technologies - Blue/Teal Color Scheme
 * Primary: #0ea5e9 (Sky Blue)
 * Secondary: #0284c7 (Darker Blue)
 * Accent: #14b8a6 (Teal)
 * Light: #f8fafc (Light background)
 * Dark text: #1e293b (Slate)
 */

/* Typography - Raleway for headings, Open Sans for body */
body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-tap-highlight-color: #0ea5e9;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.navbar-brand {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
}

.btn, .btn-xl, .btn-primary {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.service-heading {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1e293b;
}

section h3.section-subheading {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
}

/* Primary text color */
.text-primary {
    color: #0ea5e9;
}

/* Links */
a {
    color: #0ea5e9;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #0284c7;
}

/* Primary buttons */
.btn-primary {
    border-color: #0ea5e9;
    background-color: #0ea5e9;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #0284c7;
    background-color: #0284c7;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #0ea5e9;
    background-color: #0ea5e9;
}

.btn-primary .badge {
    color: #0ea5e9;
    background-color: #fff;
}

/* XL buttons */
.btn-xl {
    border-color: #0ea5e9;
    background-color: #0ea5e9;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #0284c7;
    background-color: #0284c7;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #0ea5e9;
    background-color: #0ea5e9;
}

.btn-xl .badge {
    color: #0ea5e9;
    background-color: #fff;
}

/* Navbar - Light theme */
.navbar-default {
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.navbar-default .navbar-brand {
    color: #1e293b;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #0ea5e9;
}

.navbar-default .navbar-toggle {
    border-color: #0ea5e9;
    background-color: #0ea5e9;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #0284c7;
}

/* Nav links - dark text on light background */
.navbar-default .nav li a {
    color: #1e293b;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    color: #0ea5e9;
}

.navbar-default .navbar-nav>.active>a {
    color: #fff;
    background-color: #0ea5e9;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #0284c7;
}

/* Navbar shrink state - stays light */
@media(min-width:768px) {
    .navbar-default {
        background-color: rgba(255, 255, 255, 0.95);
        border-bottom: none;
    }

    .navbar-default.navbar-shrink {
        background-color: #ffffff;
        border-bottom: 1px solid #e2e8f0;
        box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    }
}

/* Timeline */
.timeline>li .timeline-image {
    background-color: #0ea5e9;
}

/* Portfolio hover */
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: rgba(14, 165, 233, 0.9);
}

/* Contact section */
section#contact {
    background-color: #e0f2fe;
    background-image: none;
}

section#contact .section-heading {
    color: #1e293b;
}

section#contact .section-subheading {
    color: #475569;
}

section#contact .contact-info {
    margin-top: 40px;
}

section#contact .contact-item {
    font-size: 24px;
    margin-bottom: 20px;
    color: #1e293b;
}

section#contact .contact-item.contact-phone,
section#contact .contact-item.contact-phone a {
    font-size: 48px !important;
    font-weight: 700;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    section#contact .contact-item.contact-phone,
    section#contact .contact-item.contact-phone a {
        font-size: 32px !important;
    }
}

section#contact .contact-item a {
    color: #1e293b;
    text-decoration: none;
    margin-left: 10px;
}

section#contact .contact-item a:hover {
    color: #0284c7;
}

section#contact .contact-item i {
    color: #0284c7;
}

/* Social buttons */
ul.social-buttons li a {
    background-color: #1e293b;
    color: #fff;
}

ul.social-buttons li a i {
    color: #fff;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #0ea5e9;
    color: #fff;
}

/* Selection highlight */
::-moz-selection {
    background: #0ea5e9;
}

::selection {
    background: #0ea5e9;
}

/* Service icons */
.fa-stack-1x {
    color: #0ea5e9;
}

/* Header hero section */
header {
    background-color: #1e293b;
}

header .intro-text .intro-heading {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

header .intro-text .intro-lead-in {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
}

/* Footer */
footer {
    background-color: #f8fafc;
}

/* Why Choose Us / About section improvements */
#about .timeline-heading h4 {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#about .timeline-body p {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Make timeline images circular */
.timeline>li .timeline-image {
    overflow: hidden;
}

.timeline>li .timeline-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}