/* LTR overrides for the English (en) version of the site.
   style.css was written RTL-first (Bootstrap columns and the header
   are float-mirrored for Hebrew); this file flips those specific
   rules back to a normal LTR layout. Load after style.css. */

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }
    header .navbar-default .navbar-header {
        float: left;
    }
    header .navbar-default .main-menu {
        float: right;
    }
    header .navbar-default .main-menu li {
        float: left;
    }
}

@media (max-width: 767px) {
    header .navbar-default .navbar-toggle {
        float: right;
        margin-left: 0;
        margin-right: 40px;
    }
}

header .navbar-default .phone-number {
    float: right;
}

main .front .form-inline .form-group #full-Name-error,
main .front .form-inline .form-group #phone-error,
main .contact form .error {
    text-align: left;
}

main .small-offices .content .details .advantage-descriptor,
main .small-offices-service .content .details .advantage-descriptor {
    text-align: left;
}

main .contact form .form-group .form-control,
main .contact form .form-group .form-control::placeholder {
    text-align: left;
}

.rec-grid {
    text-align: left;
}

/* The "how it works" connector/accent border are positioned for RTL
   (number circle on the right); in LTR the number circle is on the
   left, so mirror both to the left side. */
.hiw-connector {
    right: auto;
    left: 27px;
}
@media (max-width: 767px) {
    .hiw-connector {
        left: 26px;
    }
}
.hiw-content {
    border-right: none;
    border-left: 5px solid #f5c518;
}

main .front .front-pic .main-title {
    margin-bottom: 25px;
}
main .front .front-pic .main-subtitle {
    font-size: 32px;
    margin-bottom: 25px;
}
main .front .front-pic .main-subtitle-2 {
    font-size: 34px;
    margin-bottom: 25px;
}

main .small-offices .container .title a {
    font-size: 60px;
}
main .small-offices .container .title-descriptor {
    font-size: 26px;
    line-height: 1.4;
}
main .small-offices .content .details .advantage,
main .small-offices .content .details .advantage-last {
    font-size: 32px;
}
main .small-offices-service .content .details .advantage {
    font-size: 32px;
}

/* The hero CTA pill is sized for the short Hebrew label; the English
   label is longer, so trim the font-size at each existing breakpoint
   just enough to keep it on one line inside the same-size pill. */
main .front .front-pic .contact-button a {
    font-size: 35px;
}
@media (max-width: 994px) {
    main .front .front-pic .contact-button a {
        font-size: 28px;
    }
}
@media (max-width: 550px) {
    main .front .front-pic .contact-button a {
        font-size: 24px;
    }
}
@media (max-width: 450px) {
    main .front .front-pic .contact-button a {
        font-size: 20px;
    }
}
@media (max-width: 300px) {
    main .front .front-pic .contact-button a {
        font-size: 17px;
    }
}