/*
Theme Name: UrChance
Template: hello-elementor
Description: UrChance Immigration child theme. Pages are built in Elementor; this theme only adds the blog layout (post cards + sidebar) to match the original site.
Version: 1.0.0
Text Domain: urchance
*/

/* ---------- Blog layout (index, tag pages, single posts) ---------- */
.urc-blog { max-width: 1230px; margin: 0 auto; padding: 48px 0; display: flex; flex-wrap: wrap; font-family: Mulish, sans-serif; font-weight: 300; color: #222; }
.urc-blog__main { width: 66.6667%; padding: 0 15px; box-sizing: border-box; }
.urc-blog__side { width: 33.3333%; padding: 0 15px; box-sizing: border-box; }
.urc-card { box-shadow: 0 0 30px rgba(131, 132, 132, .25); border-radius: 5px; margin-bottom: 15px; background: #fff; overflow: hidden; }
.urc-card__img img { display: block; width: 100%; height: auto; }
.urc-card__body { padding: 25px; }
.urc-title { font-family: "League Spartan", sans-serif; font-size: 30px; font-weight: 500; line-height: 35px; color: #000; margin: 0 0 30px; padding: 0 0 10px; position: relative; }
.urc-title::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #dadada; }
.urc-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 55px; height: 3px; background: #4C5ECC; }
.urc-title a { color: #000; text-decoration: none; }
.urc-meta { display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px; font-size: 16px; line-height: 25.6px; }
.urc-meta svg, .urc-cats svg { width: 15px; height: 15px; vertical-align: -2px; margin-right: 4px; fill: #4C5ECC; }
.urc-cats svg { fill: #F5A623; }
.urc-cats { margin: 0 0 16px; font-size: 16px; line-height: 27.2px; }
.urc-cats a { color: #757067; text-decoration: none; }
.urc-excerpt { margin: 0 0 16px; font-size: 16px; line-height: 25.6px; }
.urc-more { display: inline-block; color: #4C5ECC; text-decoration: none; border-bottom: 2px solid #4C5ECC; padding-bottom: 2px; }
.urc-pager { margin: 30px 0 0; }
.urc-pager a, .urc-pager span { margin-right: 6px; color: #4C5ECC; text-decoration: none; }
.urc-pager span.current { color: #222; }
.urc-body p { margin: 0 0 16px; font-size: 16px; line-height: 25.6px; font-weight: 300; }
.urc-body ul, .urc-body ol { margin: 0 0 16px 20px; padding: 0; line-height: 25.6px; }
.urc-body a { color: #4C5ECC; }
.urc-body .urc-post-h .elementor-heading-title, .urc-body h2, .urc-body h3 { font-family: Mulish, sans-serif; font-weight: 300; color: #000; margin: 0 0 8px; }
.urc-body h2, .urc-body h2.elementor-heading-title { font-size: 40px; line-height: 56px; }
.urc-body h3, .urc-body h3.elementor-heading-title { font-size: 31px; line-height: 43.4px; }
.urc-body h4, .urc-body h4.elementor-heading-title { font-size: 25px; line-height: 35px; }
.urc-body .elementor-widget:not(:last-child) { margin-bottom: 0; }

/* Sidebar widgets (Appearance > Widgets > Blog Sidebar) */
.urc-widget { box-shadow: 0 0 30px rgba(131, 132, 132, .25); padding: 25px; margin: 0 0 15px; background: #fff; }
.urc-widget .urc-title { font-size: 30px; }
.urc-widget ul { list-style: none; margin: 0; padding: 0; }
.urc-widget li { margin: 0; font-size: 16px; line-height: 25.6px; }
.urc-widget a { color: #4C5ECC; text-decoration: none; }
.urc-widget .tagcloud a, .urc-widget .wp-block-tag-cloud a { display: block; font-size: 16px !important; line-height: 25.6px; }

@media (max-width: 1023px) {
  .urc-blog { padding: 48px 10px; }
  .urc-blog__main, .urc-blog__side { width: 100%; }
}
@media (max-width: 767px) { /* measured on the original site at phone width */
  .urc-body h2, .urc-body h2.elementor-heading-title { font-size: 20px; line-height: 28px; }
  .urc-body h3, .urc-body h3.elementor-heading-title { font-size: 19px; line-height: 26.6px; }
  .urc-body h4, .urc-body h4.elementor-heading-title { font-size: 17px; line-height: 24px; }
}

/* "Read More Blog Articles" button at the end of a post (as on the original site). */
.urc-back-rule { border: 0; border-top: 1px solid #e5e5e5; margin: 30px 0 20px; }
.urc-back { margin: 0 0 10px; }
.urc-back .elementor-button { background: #4C5ECC; color: #fff; border-radius: 30px; padding: 12px 24px; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; display: inline-block; }
.urc-back .elementor-button:hover { background: #3E0581; color: #fff; }