@import url("https://cdn.jsdelivr.net/npm/@xiao-xue-seng/ar-pl-ukai@2.0.0/cn/result.css");

/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
div#header-wrap {
	background: url('https://realtornie.com/wp-content/uploads/2020/07/webpage-background.jpg?resize=668%2C668') center center no-repeat;
	background-size: cover;
}

/*Change Site Title size and color */
#logo .site-title {
	font-size: 24px;
}

#logo a .site-title {
	color: #E49311;
}

#header {
	padding-top: 112px;
	padding-bottom: 2px;
}

/* Change Site description size and color */
#logo .site-description {
	font-size: 24px;
	color: #E49311;
}

/* change logo size */
.logo-image {
	width: 150px;
}

/* Reduce height of header area */
#header {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Adjust color of primary menu links | 10437644-hc */
#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a, #mainnav-menu a:link, #mainnav-menu a:hover, #mainnav-menu a:visited {
	color: #E49311;
	font-size: 18px;
}

/* Adjust color of widget titles | 10437644-hc */
.wf-active .widgettitle {
	color: #E49311;
	font-size: 18px;
}

#header-text p {
	color: #E49311;
}

/* center site description  | #3149577-hc bk */
@media only screen and (min-width: 60em) {
	#header {
		display: flex;
		flex-direction: column-reverse;
	}
	
	#logo .site-description {
		text-align: center;
	}
}

/* Aligns logo - 22697904HC CP */
#logo {
	margin: 0 auto;
	text-align: center;
}

.wf-active #logo .site-title {
	font-weight: 400;
	font-family: "Gentium Book Basic", serif;
	font-style: normal;
	line-height: 3;
	margin-top: -30px;
/* move text upward */
}

@media (max-width: 768px) {
	.wf-active #logo .site-title {
		margin-top: 0;
	/* reset for mobile */
		line-height: 1.5;
		text-align: center;
	}
}

@media (max-width: 768px) {
	.wf-active #logo .site-title {
		margin-top: 0;
		padding-top: 10px;
	/* space from top using padding */
		line-height: 1.5;
		text-align: center;
	}
}


#block-62 p.wp-block-paragraph {
    line-height: 13.5px !important;
}

/* Homepage gold website title and listed top-level navigation labels only. */
body.home #logo .site-title,
body.home #mainnav-menu > li > a {
  font-family: "AR PL UKai CN", serif !important;
}


/* Homepage title and top-level menu palette, 2026-11-11. */
body.home #header-wrap {
  background: #162D40 !important;
}
body.home #logo .site-title {
  color: #F4F0E6 !important;
}
body.home #navi-wrap {
  background-color: #1D3B53 !important;
}
body.home #mainnav-menu > li > a:link,
body.home #mainnav-menu > li > a:visited {
  color: #F4F0E6 !important;
  background-color: transparent !important;
}
body.home #mainnav-menu > li.current-menu-item > a,
body.home #mainnav-menu > li.current_page_item > a {
  color: #D5B985 !important;
}
body.home #mainnav-menu > li > a:hover,
body.home #mainnav-menu > li > a:focus-visible {
  color: #F4F0E6 !important;
  background-color: #2B4E69 !important;
}


/* Site-wide monthly-report Kai typography, 2026-11-11.
   Font family only: retain all existing sizes, weights, spacing and colors.
   Keep the WordPress toolbar and icon-font elements on their own fonts. */
body:not(.wp-admin),
body:not(.wp-admin) *:not(:where(#wpadminbar, #wpadminbar *, .dashicons, .genericon, .genericons, .fa, .fas, .far, .fab, .material-icons, .material-symbols-outlined, [class^="icon-"], [class*=" icon-"])) {
  font-family: "AR PL UKai CN", serif !important;
}


/* Site-wide title and top-level menu palette, 2026-11-11. */
body:not(.wp-admin) #header-wrap {
  background: #162D40 !important;
}
body:not(.wp-admin) #logo .site-title {
  color: #F4F0E6 !important;
}
body:not(.wp-admin) #navi-wrap {
  background-color: #1D3B53 !important;
}
body:not(.wp-admin) #mainnav-menu > li > a:link,
body:not(.wp-admin) #mainnav-menu > li > a:visited {
  color: #F4F0E6 !important;
  background-color: transparent !important;
}
body:not(.wp-admin) #mainnav-menu > li.current-menu-item > a,
body:not(.wp-admin) #mainnav-menu > li.current_page_item > a {
  color: #D5B985 !important;
}
body:not(.wp-admin) #mainnav-menu > li > a:hover,
body:not(.wp-admin) #mainnav-menu > li > a:focus-visible {
  color: #F4F0E6 !important;
  background-color: #2B4E69 !important;
}


/* Increase the twelve top-level navigation labels from 18px to 19px. */
body:not(.wp-admin) #mainnav-menu > li > a {
  font-size: 19px !important;
}


/* Maintenance shortcut opens the existing article menu, 2026-11-11. */
#mainnav-menu #menu-item-5248:target {
  scroll-margin-top: 56px;
}
#mainnav-menu #menu-item-5248:target > .sub-menu {
  display: block;
  max-height: 70vh;
  overflow-y: auto;
}
@media only screen and (max-width: 60em) {
  #mainnav-menu:has(#menu-item-5248:target) {
    display: block !important;
  }
}


/* Alphabetical city directory: four cities per row, 2026-11-11. */
.nathan-city-directory {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 18px;
}
.nathan-city-directory > a {
  display: block;
  overflow-wrap: anywhere;
}
@media only screen and (max-width: 600px) {
  .nathan-city-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* Keep the shortcut-opened menu visible when theme hover scripts hide it. */
#mainnav-menu #menu-item-5248:target > ul.sub-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* Prevent desktop hover animation from collapsing the shortcut-opened list. */
#mainnav-menu #menu-item-5248:target > ul.sub-menu {
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Give the mobile anchor its own box after the preceding floated submenu. */
@media only screen and (max-width: 60em) {
  #mainnav-menu #menu-item-5248:target {
    display: block;
    clear: both;
  }
  #mainnav-menu #menu-item-5248:target > ul.sub-menu {
    float: none;
  }
}


/* Business card fills its sidebar widget, 2026-11-11. */
#sidebar #block-64 { padding: 0; }
#sidebar #block-64 figure { margin: 0; width: 100%; }
#sidebar #block-64 a { display: block; }
#sidebar #block-64 img { display: block; width: 100%; max-width: 100%; height: auto; }


/* Report-page business card fills its sidebar widget, 2026-11-11. */
#sidebar #block-63 { padding: 0; }
#sidebar #block-63 figure { margin: 0; width: 100%; }
#sidebar #block-63 a { display: block; }
#sidebar #block-63 img { display: block; width: 100%; max-width: 100%; height: auto; }


/* PEO and OAHI logos fill their sidebar widgets, 2026-11-11. */
#sidebar #block-67,
#sidebar #block-69,
#sidebar #block-73,
#sidebar #block-74 { padding: 0; }
#sidebar #block-67 .wp-block-image,
#sidebar #block-69 .wp-block-image,
#sidebar #block-73 .wp-block-image,
#sidebar #block-74 .wp-block-image,
#sidebar #block-67 figure,
#sidebar #block-69 figure,
#sidebar #block-73 figure,
#sidebar #block-74 figure { margin: 0; width: 100%; max-width: 100%; }
#sidebar #block-67 a,
#sidebar #block-69 a,
#sidebar #block-73 a,
#sidebar #block-74 a { display: block; }
#sidebar #block-67 img,
#sidebar #block-69 img,
#sidebar #block-73 img,
#sidebar #block-74 img { display: block; width: 100%; max-width: 100%; height: auto; }


/* Footer contact matches the brokerage logo and uses the available width, 2026-11-11. */
#footer-widgets { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr); gap:1.5em; padding:1.5em; }
#footer-widgets > .footer-widget-column { float:none; width:100%; min-width:0; padding-right:0; }
#footer-widgets > .footer-widget-column:not(:has(.widget)) { display:none; }
#footer-widgets #block-62 { width:100%; box-sizing:border-box; }
#footer-widgets #block-62 .wp-block-group { width:100%; max-width:none; box-sizing:border-box; padding:1em; gap:0.5em; }
#footer-widgets #block-62,
#footer-widgets #block-62 .wp-block-group,
#footer-widgets #block-62 p,
#footer-widgets #block-62 strong { color:#beb08a !important; font-family:Arial,Helvetica,sans-serif !important; }
#footer-widgets #block-62 p.wp-block-paragraph { margin:0; line-height:1.4 !important; }
@media only screen and (max-width:50em) { #footer-widgets { grid-template-columns:minmax(0,1fr); } }

#footer-widgets::before, #footer-widgets::after { display:none; }


/* User footer refinement: grey panel, light logo gold, Times New Roman. */
#footer-widgets #block-62 { background:rgba(255,255,255,0.05); }
#footer-widgets #block-62 .wp-block-group { background:transparent !important; }
#footer-widgets #block-62,
#footer-widgets #block-62 .wp-block-group,
#footer-widgets #block-62 p,
#footer-widgets #block-62 strong { color:#beb08a !important; font-family:"Times New Roman",Times,serif !important; }


/* Compact top-aligned contact details and equal desktop footer panel heights. */
#footer-widgets #block-62 { padding:1em; display:flex; flex-direction:column; justify-content:flex-start; }
#footer-widgets #block-62 .wp-block-group { padding:0; gap:0.15em; justify-content:flex-start; align-items:flex-start; }
#footer-widgets #block-62 p.wp-block-paragraph { margin:0 !important; line-height:1.15 !important; }
@media only screen and (min-width:50.001em) {
 #footer-widgets > .footer-widget-column:has(#block-62),
 #footer-widgets > .footer-widget-column:has(#block-61) { display:flex; align-items:stretch; }
 #footer-widgets #block-62, #footer-widgets #block-61 { flex:1; margin-bottom:0; box-sizing:border-box; }
}


/* Match the left statistics panel to the other desktop footer panels. */
@media only screen and (min-width:50.001em) {
 #footer-widgets > .footer-widget-column:has(#blog-stats-5) { display:flex; align-items:stretch; }
 #footer-widgets #blog-stats-5 { flex:1; margin-bottom:0; box-sizing:border-box; }
}