/*
Theme Name: Illdy Child (StartKyc)
Template: illdy
Version: 1.0.3
*/

/* ---------------------------------------------------------------------------
 * Font swap.
 *
 * The parent's main.min.css sets Lato for body copy and Poppins for headings.
 * The site uses Work Sans and Raleway, which used to be a find-and-replace
 * inside the parent's main.css. The selectors below are the parent's own,
 * restated so they win on cascade order (the parent loads this file last).
 * ------------------------------------------------------------------------ */

body,
ul,
ol,
.front-page-section .section-header .section-description,
#header .top-header .header-navigation ul li,
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a,
#header .bottom-header .section-description,
#header .bottom-header .header-button-one,
#header .bottom-header .header-button-two,
#about .skill .skill-top .skill-progress-bar .ui-progressbar-value .ui-progressbar-value-top,
#about .skill .skill-bottom span,
#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content blockquote,
#services .section-content .service .service-entry,
#latest-news .section-content .post .post-button,
#latest-news .latest-news-button,
a.button,
#contact-us .section-content .contact-us-box .box-left,
#contact-us .section-content .contact-us-box .box-right span,
#contact-us .section-content .wpcf7-form p .wpcf7-text,
#contact-us .section-content .wpcf7-form p .wpcf7-textarea,
#contact-us .section-content .wpcf7-form p .wpcf7-submit,
.wpcf7 label,
#footer .widget .widget-title h3,
span.rss-date,
.post-date,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
textarea,
#comments #respond .comment-form #input-submit,
input[type="submit"] {
    font-family: "Work Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
#header .bottom-header h1,
#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-meta,
#counter .counter-number,
#counter .counter-description,
.widget table caption,
.widget ul li a.rsswidget,
#blog .blog-post .blog-post-title {
    font-family: "Raleway", sans-serif;
}

/* ---------------------------------------------------------------------------
 * Spacing and size tweaks, also carried over from the parent's main.css.
 * ------------------------------------------------------------------------ */

#header .top-header .header-navigation ul li {
    margin-left: 25px;
}

/* ---------------------------------------------------------------------------
 * The navigation is uppercased here, not in the stored menu labels.
 *
 * The main app does it this way - `#header .navbar-nav > li > a { text-
 * transform: uppercase }` in its stylesheet - and keeps the labels themselves
 * in sentence case, which is why its Italian menu reads "Prodotti e prezzi" in
 * the markup. The blog's English menu instead got its uppercase from the titles
 * stored in the database, so the five translated menus, which hold the app's
 * own sentence-case wording, would have rendered in a different case beside it.
 *
 * Doing it in CSS makes the stored text the app's exact strings and the
 * rendering identical in all six languages. English is unchanged either way:
 * uppercase text uppercased is the same text.
 * ------------------------------------------------------------------------ */

#header .top-header .header-navigation ul li a,
.responsive-menu ul li a {
    text-transform: uppercase;
}

#header .bottom-header h1 {
    font-size: 26px;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------------
 * header.php promotes the blog-index and archive heading from <h2> to <h1>,
 * because the parent theme printed no <h1> at all on those pages. That moves the
 * heading from the parent's h2 styling onto the rule directly above, which would
 * have shrunk "Blog" from 65px mixed case to 26px uppercase on the most linked
 * page on the site - a visible redesign as a side effect of an SEO fix.
 *
 * These two rules put the parent's h2 sizing back, so the change is invisible to
 * visitors: 65px/70px Poppins from its base h2 rule, and 60px under its own
 * `only screen and (max-width: 767px)` breakpoint. Delete this block if the
 * heading should instead match the 26px uppercase treatment used on post pages.
 *
 * Scoped on body.blog and body.archive, which WordPress puts on exactly these
 * pages and on neither posts nor static pages - verified in the rendered markup,
 * where a post carries `single single-post` and no `archive`.
 * ------------------------------------------------------------------------ */

body.blog #header .bottom-header h1,
body.archive #header .bottom-header h1 {
    font-family: "Poppins", sans-serif;
    font-size: 65px;
    line-height: 70px;
    text-transform: none;
}

@media only screen and (max-width: 767px) {
    body.blog #header .bottom-header h1,
    body.archive #header .bottom-header h1 {
        font-size: 60px;
    }
}

.bottom-copyright,
.copyright a {
    font-size: 12px;
}

.markup-format blockquote,
.markup-format q {
    line-height: 30px;
}

.markup-format blockquote p {
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    body #header .bottom-header h1 {
        font-size: 40px;
    }
}