/*
 * Site-wide overrides of style.min.css: desktop header width and phone input size. The header reserves space for the logo and the main menu in
 * .topSearch's width (calc(100% - 900px)); with the Congresses item the menu needs 980px.
 */
@media screen and (min-width: 1281px) {
    .topSearch {
        width: calc(100% - 980px);
    }
}

/*
 * iOS Safari zooms the page when a focused form control is smaller than 16px (the theme uses 14px).
 * Phones get 16px controls so tapping the hero search, the header search or a form does not zoom.
 */
@media screen and (max-width: 767px) {
    input,
    select,
    textarea {
        font-size: 16px;
    }
}

/*
 * The homepage hero subtitle is a paragraph, not a heading; drop the theme's paragraph margin so it sits where the old h2 did.
 */
.homePageTop p.hPTSubTitle {
    margin: 0;
}

/*
 * Balance the lines of the homepage hero subtitle and section titles so a phone does not leave one word alone on the last line.
 */
.homePageTop p.hPTSubTitle,
.homePage section .biggerTitle {
    text-wrap: balance;
}

/*
 * A carousel's prev/next pair must not shrink when its title wraps to two lines, or the two buttons stack on a phone.
 */
.carouselTitleControls .carouselControls {
    flex-shrink: 0;
}