/*
Theme Name: RelocateWise
Template: generatepress
Version: 1.0
Description: GeneratePress child theme for RelocateWise.
*/

/* ---- Typography (mirrors model site: Lato body, Ubuntu title/buttons) ---- */
body, button, input, select, textarea { font-family: Lato, sans-serif; font-size: 17px; }
.main-title { font-family: Ubuntu, sans-serif; font-style: italic; font-weight: 700; font-size: 35px; }
h1.entry-title { font-family: Lato, sans-serif; font-weight: 600; text-transform: capitalize; font-size: 32px; }
h2.entry-title { font-family: Lato, sans-serif; font-weight: 900; font-size: 20px; line-height: 1.35; margin-bottom: .4em; }
h2.entry-title a { color: #222; }
.entry-content h2 { font-size: 30px; font-weight: 400; color: #404040; }
.entry-content h3 { font-size: 22px; font-weight: 600; color: #404040; }
.main-navigation a { font-size: 15px; }
button:not(.menu-toggle), html input[type="button"], input[type="reset"], input[type="submit"], .button, .wp-block-button .wp-block-button__link, .wp-block-search__button {
  font-family: Ubuntu, sans-serif; font-weight: bold; font-size: 10px;
}
@media (max-width: 768px) {
  .main-title { font-size: 25px; }
  h1.entry-title { font-size: 25px; }
}

/* ---- Colours ---- */
:root { --accent: #1a1918; }
body { background-color: #ececec; }
.site-header, .main-navigation { background-color: #4A8560; }
.main-title a, .main-title a:hover { color: #fff; }
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items { color: #fff; }
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a { color: #efe700; }
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a { color: #efe700; background-color: #4A8560; }
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a { background-color: #4A8560; }
.main-navigation ul ul { background-color: #3B6B4C; }
.separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation { color: #404040; background-color: #fff; }
.sidebar .widget, .site-info, .footer-widgets { background-color: #fff; }
.entry-content a { color: #1a1918; text-decoration: underline; }
.entry-content a:hover { color: #4A8560; }

/* ---- Buttons: orange "Read more" like the model ---- */
.read-more, a.button, button, input[type="submit"], .wp-block-search__button {
  display: inline-block; background: #4A8560; color: #fff !important; padding: 10px 18px; text-decoration: none !important;
  font-family: Ubuntu, sans-serif; font-weight: bold; font-size: 10px; line-height: 1.2;
}
.read-more:hover, a.button:hover, button:hover, input[type="submit"]:hover, .wp-block-search__button:hover { background: #222; }
.read-more-container { margin-top: 1.4em; }
.wp-block-search__button { background: #32373c; }

/* ---- Blog list: hide meta like the model ---- */
.blog .entry-meta, .archive .entry-meta, .search .entry-meta { display: none; }
.single .entry-meta { font-size: 14px; }
.single .entry-meta .byline, .entry-meta .posted-on, .entry-meta .updated-on { display: none; }
.single .entry-header .entry-meta { margin-top: 6px; }

/* ---- Breadcrumbs ---- */
.rank-math-breadcrumb { font-size: 13px; color: #575760; margin-bottom: 12px; }
.rank-math-breadcrumb a { color: #575760; text-decoration: none; }
.rank-math-breadcrumb .separator { margin: 0 6px; }

/* ---- Content tables ---- */
.entry-content table { border-collapse: collapse; width: 100%; font-size: 15px; margin-bottom: 1.5em; }
.entry-content th { background: #4A8560; color: #fff; text-align: left; }
.entry-content th, .entry-content td { border: 1px solid #e3e3e3; padding: 8px 10px; }
.entry-content tr:nth-child(even) td { background: #fafafa; }
.entry-content figure.wp-block-table { overflow-x: auto; }

/* ---- Sidebar widgets ---- */
.sidebar .widget h2 { font-size: 22px; font-weight: 700; margin-bottom: .6em; }
.wp-block-latest-posts li { margin-bottom: .6em; font-size: 15px; }

/* ---- Footer ---- */
.site-info { font-size: 15px; }
.site-info .copyright-bar { display: flex; flex-direction: column-reverse; align-items: center; text-align: center; gap: 8px; }
.footer-links { font-size: 14px; }
.footer-links a { color: #404040; margin: 0 10px; text-decoration: none; }
.footer-links a:hover { color: #4A8560; }
.footer-links a:hover { color: #4A8560; }