/*********************************************************************************************

Theme Name: Morning 2026
Theme URI: http://www.wpzoom.com/themes/morning
Version: 2026.1
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

**********************************************************************************************

0.  CSS Reset  -------------------------  
1.  Page Structure: Common elements ----  
2.  Header, Top Menu & Main Menu -------  header.php
3.  Common Content Styles --------------  
4.  Main Content Layout ----------------  
5.  Single Post  -----------------------  single.php, page.php
6.  Footer Layout & Styling ------------  footer.php
7.  Comments Styling   -----------------  comments.php
8.  Archives paged navigation ----------  pagination.php
9.  Miscellaneous  ---------------------

/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol, 
#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/********************************************************************************************* 

1. Page Structure: Common layout elements

*********************************************************************************************/
/*
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
/*
@font-face {
    font-family: 'Lobster13Regular';
    src: url('fonts/Lobster_1.3-webfont.eot');
    src: url('fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lobster_1.3-webfont.woff') format('woff'),
         url('fonts/Lobster_1.3-webfont.ttf') format('truetype'),
         url('fonts/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HollaRegular';
    src: url('fonts/HollaScript-webfont.eot');
    src: url('fonts/HollaScript-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/HollaScript-webfont.woff') format('woff'),
         url('fonts/HollaScript-webfont.ttf') format('truetype'),
         url('fonts/HollaScript-webfont.svg#HollaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

body {
	background: #3b4c5a url(images/back-page.png) repeat top left;
	margin: 0;
	color: #444;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1.2em;
	text-align: center;
}

body, button, input, select, textarea {
	color: #444;
}

::-moz-selection { background: #fac823; color: #111; text-shadow: none; }
::selection      { background: #fac823; color: #111; text-shadow: none; }

img::-moz-selection	{ background: transparent; }
img::selection      { background: transparent; }

.clear, .cleaner { clear: both; height: 0; overflow: hidden; }

/* ===========================================================================
   Links
   ======================================================================== */

a { color: #de2f3a; text-decoration:none; }
a:hover { color: #214b7b; text-decoration:none;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }

/* ===========================================================================
   Typography
   ======================================================================== */

h1,h2,h3,h4,h5,h6, ul.wpzoomSocial li {
	/* font-family: 'BebasNeueRegular', Arial, sans-serif; */
	font-family: Arial;
	margin: 0;
	font-weight: normal !important;
}

h2.title, h3.title, h4.title {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 8px;
}

h5.title {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 8px;
}


#container {
	text-align: center;
	width: 100%;
}

div.wrapper {
	margin: 0 auto; 
	text-align: left; 
	width: 950px;
	padding: 0 15px;
}

#header-menu div.wrapper,
#main div.wrapper {
	-moz-box-shadow: 0 0 10px #222;
	-webkit-box-shadow: 0 0 10px #222;
	box-shadow: 0 0 10px #222;
}

#main div.wrapper-footer {
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
}

div.cleaner {
	margin:0;
	clear: both; 
	font-size:1px; 
	height: 1px;  
	line-height: 1px; 
}

/********************************************************************************************* 

2. Header, Top Menu & Main Menu

*********************************************************************************************/

#pre-header {
	background-color: #222;
	color: #a4a4a4;
	height: 35px;
	line-height: 35px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-shadow: #000 1px 1px 0;
}

#header-menu p {
	color: #aaa;
	font-size: 14px;
	line-height: 30px;
	margin: 0;
}

#header-menu p { padding: 5px 10px 3px; }

#pre-header p a,
#header-menu p a {
	color: #fff;
}

#pre-header ul li {
	list-style-type: none;
	float: left;
	display: inline;
	margin-right: 10px;
	letter-spacing: 0;
	line-height: 40px;
}

#pre-header a {
	color: #777;
}

#pre-header a:hover {
	color: #f5b74e;
	text-decoration: none;
}

ul#social-links {
	float: right;
	display: inline;
	max-width: 230px;
}

ul#social-links li {
	margin-right: 0;
	margin-left: 6px;
	line-height: 34px;
}

ul#social-links li.list-title {
	margin-right: 6px;
	line-height: 40px;
}

/* morning2026: legacy header#header + nav#header-menu + .dropdown styling
   (dark bar, gold hover, text-shadows, sub-indicators) removed — the
   sticky appbar in pt-2026.css owns all menu styling now. */

/********************************************************************************************* 

3. Common Content Styles

*********************************************************************************************/

/* Faux white column painted on #main so the content panel is white from the
   first paint, regardless of image/content load. Prevents the dark body bg
   (#3b4c5a) from flashing through before the float-collapsed .wrapper grows.
   Keep the 980px stripe in sync with #main div.wrapper width below. */
#main {
	min-height: 100vh;
	background: linear-gradient(#fff, #fff) top center / 980px 100% no-repeat;
}

#main div.wrapper {
	background-color: #fff;
	width: 980px;
	padding: 15px 0 0;
}

#main div.wrapper-footer {
	background: #28333c url(images/back-prefooter.png) repeat-x top left;
	color: #afc5ca;
	font-size: 11px;
	line-height: 18px;
	padding: 15px 15px 30px;
	margin-top: 30px;

}

div.wrapper-footer a {
	color: #edc951 !important;
}

div.wrapper-footer a:hover {
	color: #f99734 !important;
}

div.cover-border img {
	padding: 4px;
	background-color: #fff;
	border: solid 1px #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

p.title {
	font-family: Arial, sans-serif;
	font-weight: bold;
	background: transparent url(images/back-title2.png) repeat-x center left;
	text-align: center;
	color: #222;
	margin: 10px 0 20px;
}

p.title-nocenter {
	text-align: left;
	text-shadow: none;
}

p.breadcrumbs {
	margin-bottom: 10px;
	color: #bbb;
}

p.breadcrumbs .current {
	color: #f5b74e;
	padding-right: 0;
}

#side p.title {
	margin-bottom: 10px;
}

p.title span {
	background-color: #fff;
	padding: 0 15px;
}

p.title-nocenter span {
	background-color: #fff;
	padding: 0 15px 0 0;
}

p.title-small span, p.title-xsmall span {padding-right: 10px;}

/*p.title a, ul.posts a, article.single p.postmetadata a {*/
p.title a, ul.posts a {
	color: #222 !important;
}

p.postmetadata a {
	color: #dd878d !important;
}

p.title a:hover, ul.posts a:hover, article.single p.postmetadata a:hover {
	color: #cc333f !important;
	text-decoration: none !important;
}

ul.posts div.postmeta a {
	color: #fff !important;
}

ul.posts div.postmeta p.postmetadata,
ul.posts div.postmeta p.postmetadata a {
	color: #f5b74e !important;
}

ul.posts div.postmeta a:hover,
ul.posts div.postmeta p.postmetadata a:hover {
	color: #eb6841 !important;
	text-decoration: none !important;
}

#main p.title-xsmall, .xsmall, .post-content h6 {font-size: 16px; line-height: 22px; }
#main p.title-small, .small, .post-content h5 {font-size: 14px; line-height: 20px; }
#main p.title-medium, .medium, .post-content h4 {font-size: 19px; line-height: 30px;}
#main p.title-large, .large, .post-content h3 {font-size: 19px; line-height: 36px;}
#main p.title-xlarge, .xlarge, .post-content h2 {font-size: 34px; line-height: 40px;}
#main p.title-xlarge, .xxlarge, .post-content h1 {font-size: 44px; line-height: 50px;}
#main p.title-twitter {
	background: transparent url(images/back-title-twitter.png) no-repeat top left;
	padding-left: 40px;
}

ul.posts li {
	list-style-type: none;
	position: relative;
}

ul.posts div.cover {
	margin-bottom: 10px; 
}

ul.posts-side li p.postmetadata {
	margin-bottom: 0;
}

ul.posts-side div.cover {
	float: left;
	display: inline;
	margin-right: 10px;
}

ul.posts p.postmetadata, 
article.single p.postmetadata {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #aaa;
}

ul.posts p.postmetadata,
article.single p.postmetadata {
	margin: 0;
}

ul.posts li.secondary p.postmetadata,
ul.posts-side p.postmetadata {
	font-size: 11px;
}

ul.posts-archive p.meta-category {
	margin: 0;
}

ul.posts div.post-excerpt {
	font-size: 13px;  
	line-height: 1.4em;
}

/* ul.posts-archive li {
	padding-bottom: 30px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 35px;
} */

ul.posts-side li {
	padding-bottom: 5px;
	border-bottom: solid 1px #ddd;
	margin: 10px 0;
}
ul.posts-archive h2 {
	margin-bottom: 4px;
}

ul.posts-archive div.cover {
	float: left;
	display: inline;
	margin-top: 4px;
	margin-right: 10px;
}

ul.posts-archive div.cover-full {
	margin-right: 0;
}

/********************************************************************************************* 

4. Main Content Layout

*********************************************************************************************/

#content, 
#side {
	float: left;
	display: inline;
}

#content {
	margin-left: 15px;
	width: 630px;
	margin-right: 20px;
}

#side {
	width: 300px;
	font-size: 12px;
	line-height: 18px;
	margin-right: 15px;
}

.wrapper-reversed #content,
.wrapper-reversed #side {
	float: right;
}

.wrapper-reversed #content {
	margin-right: 15px;
	margin-left: 20px;
}

.wrapper-reversed #side {
	margin-left: 15px;
	margin-right: 0;
}

.full-width #content {
	width: 950px;
	margin-right: 15px;
	margin-left: 15px;
}

#side div.widget {
/* was 20px */
	margin-bottom: 10px;
}

div.postmeta {
	position: absolute;
	/* bottom: 30px; */ 
	bottom: 10px; 
	left: 0;
	background: transparent url(images/back-postmeta.png) repeat top left;
	padding: 10px 15px;
	/* max-width: 150px; */
	z-index: 20;
}

div.postmeta-noimage {
	background: none;
	background-color: #222;
	top: 0;
	left: 0;
	height: 180px;
	max-width: 100%;
	width: 170px;
}

li.main div.postmeta {
	max-width: 350px;
}

#side div.postmeta {
	max-width: 240px;
}

#featured-posts ul.posts li.main {
	margin-bottom: 15px;
}

ul.posts li.secondary {
	float: left;
	display: inline;
	width: 200px;
	margin-right: 15px;
}

ul.posts-full li.secondary {
	margin-right: 50px;
}

ul.posts li.secondary-last {
	margin-right: 0;
}

ul.posts li.special {
	float: left;
	display: inline;
	width: 300px;
	margin-right: 30px;
	z-index: 10;
}

ul.posts li.special-last {
	margin-right: 0;
}

#side li {
	list-style-position: inside;
	list-style-type: none;
}

/********************************************************************************************* 

5. Single Post

*********************************************************************************************/

article.single h1 {
	margin-bottom: 5px;
}

.post-content {
	font-size: 13px;  
	line-height: 1.4em; 
	overflow: hidden;
	max-width: 630px;
}

.full-width .post-content,
.full-width .post-content img
{
	max-width: 950px;
}

.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
	margin: 12px 0 12px;
	line-height: 1.25em; 
} 

.post-content p {
	margin-bottom: 1em; 
}

.post-content img {
/*	margin-bottom: 10px; */ 
	max-width: 630px; 
	height: auto; 
}
.post-content ul {
	margin: 0 0 1em 1em; 
} 
.post-content ol {
	/* margin: 0 0 1em 1em; */ 
}
.post-content li ul, 
.post-content li ol {
	margin-bottom: 0px; 
}
.post-content li {
	list-style-position: outside; 
	margin-left: 20px;
} 
.post-content ul li {
	list-style-type: square;
}
.post-content ol li {
	list-style-type: decimal; 
}
.post-content blockquote {
	margin: 0px; 
	display: block; 
	float: none; 
	clear: both; 
	font-size: 1em; 
	border-left: solid 5px #eee; 
	background-color: #fafafa; 
	padding: 10px 15px 1px; 
}
.post-content a {
	text-decoration:none; 
}
.post-content a:hover {
	text-decoration:underline; 
	cursor: pointer; 
}

/********************************************************************************************* 

6. Footer Layout & Styling

*********************************************************************************************/

div.wrapper-footer p.title {
	background: none;
	text-align: left;
	text-shadow: none;
	color: #fff;
}

div.wrapper-footer div.column {
	float: left;
	display: inline;
	width: 300px;
	margin-right: 25px;
}

div.wrapper-footer div.column-last {
	margin-right: 0;
}

div.wrapper-footer li {
	list-style-type: none; 
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
}

div.wrapper-footer ul.twitter-list li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

footer {
	background-color: #222;
	border-top: solid 1px #384856;
	color: #717171;
	font-size: 11px;
	font-family: Arial, Tahoma, sans-serif;
	text-shadow: #151515 1px 1px 0;
	padding: 30px 0;
}

footer p {
	margin: 0;
}

footer a {
	color: #aaa;
}

footer a:hover {
	color: #f99734;
	text-decoration: none;
}

footer p.wpzoom {float: right; display: inline; }
footer p.wpzoom img {display: inline; margin: 0 0 0 5px;}
footer p.wpzoom a {color: #777; text-decoration: none;}
footer p.wpzoom a:hover { }

#footer-menu {
	margin-bottom: 20px;
}

#footer-menu li {
	font-family: Arial, sans-serif;
	list-style-type: none;
	font-size: 14px;
	float: left;
	display: inline;
	margin-right: 10px;
	letter-spacing: 0;
}

div.wpzoom-gallery {
	margin: 0 15px;
}

div.wpzoom-gallery li {
	float: left;
	display: inline;
	margin-right: 25px;
	width: 300px;
}

div.wpzoom-gallery li.last {
	margin-right: 0;
}

/********************************************************************************************* 

7. Comments Styling

*********************************************************************************************/   

#comments { display:block; margin:0; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; font-size: 12px; line-height: 20px;}
.comment-list li { list-style: none; }
.comment-list p { padding: 0; }
.comment-list p.heading {padding-top: 0; font-size: 12px; }
.comment-list li .commbody { border-top: 1px solid #e6e6e6; padding:0 0 8px; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 0 0 10px; }
.comment-author img { border:3px solid #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); float: left; margin: 0 12px 12px 0; }
.bypostauthor .comment-author img { /* border:3px solid #c43c35; */ }
.comment-author cite.fn  { font-style:normal;  }
.comment-author cite.fn a { color: #5F6263; font-weight:bold; }
.comment-author cite.fn a:hover { color: #000; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { color:#8d8d8d; float: left; font-style:italic; margin-top: 6px; }
.commleft { border-top:1px solid #e6e6e6; padding-top:15px; }
/* for commleft - border-top:1px solid #e6e6e6;  */
.commentmetadata a { color: #6D6C6C; font-style:normal; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
ul.children { background:url(images/reply_bg.png) no-repeat;}
.comment-list ul.children, #comments #respond ul { margin: 0 0 10px 15px;  padding: 9px 0 0 35px;}
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li {   margin: 0; }
.comment-body { margin: 0; padding: 8px 12px 0; position: relative; }
.comment-list li div p { color: #808080; margin-bottom: 0; margin-left: 100px; padding-right: 15px;}
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply {  clear: both; float:right; height:20px; font-size: 11px; }
.reply a { display:none; }
.commbody:hover .reply a { background:url(images/reply.png) no-repeat top left; display:block; margin-right: 15px; padding-left:16px; }
.cancel-comment-reply { margin:0 0 7px; }
.reply a, .cancel-comment-reply a { border: none;  color: #7D7D7D; margin-right: 3px; text-transform:uppercase; }
.reply a:hover, .cancel-comment-reply a:hover { color:#333; text-decoration: none; }

.nocomments {padding: 0 0 20px;}

#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }

#comments #respond .legend { border-bottom: 0; margin-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px;  }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { float: none; width: 100%; }

#respond #formLabels p, #formContent p { margin: 0; padding: 4px 20px 3px 0; }
#respond label { color: #7e7e7e; float: left; font-family:Arial, sans-serif; font-size: 15px; margin: 8px 14px 0 0; text-align: right; width: 110px; font-weight:normal;}
#respond input, #respond textarea, .widget input, .widget select, .widget textarea { display:inline-block; margin-right: 10px; padding:4px; font-size:13px; line-height:20px; color:#808080; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom: 10px; -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
#respond input:focus, #respond textarea:focus, .widget input:focus {outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
#respond #formLabels input { width:55%;}
#respond #formLabels span {margin: 0 0 0 10px; font-size: 12px; color: #7e7e7e; font-style: italic;}
#respond #formContent textarea { width: 70%; resize: vertical; max-height: 500px; }
#respond .submit, .widget input#searchsubmit { border: none; font-size: 14px; padding: 7px 20px 8px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 5px 0; position: relative; color:#ffffff; background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
#respond .submit:hover, .widget input#searchsubmit:hover { background-position:0 -15px; }
#respond .submit:active, .widget input#searchsubmit:focus, .widget input#searchsubmit:active, .widget input#searchsubmit:focus {top: 1px; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
.widget input#s {margin-right: 3px;}
.widget input#searchsubmit {font-size: 12px; width: auto; padding: 5px 12px;}
#side .widget input#s {width: 200px;}

.comment-list li #respond p { margin-left: 0; }

/* Turnstile widget: line up with the input/submit column (110px label + 14px gap);
   padding-left because the plugin div carries an inline margin */
#respond .pt-turnstile { padding-left: 124px; }


/********************************************************************************************* 

8. Archives paged navigation

*********************************************************************************************/

div.navigation { text-align: center; margin-bottom:15px; font-size: 14px; }
div.navigation p {margin: 0;}
div.navigation a,
div.navigation .current { border: none; line-height: 50px; margin-right: 5px;  }
div.navigation .current { font-weight:bold;  }
div.navigation .page-numbers {padding: 0 10px; border-right: solid 1px #e5e1da; margin-right: 0 !important; }
div.navigation .next {float:right; padding-right:20px; border-right: 0; }
div.navigation .prev {float:left; padding-left:20px; border-right: 0;}

/********************************************************************************************* 

9. Miscellaneous

*********************************************************************************************/

div.navigation,
div.author-info {background-color: #f3f3f3; border: solid 1px #e7e7e7; background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));background-image:-moz-linear-gradient(top, #f9f9f9, #f1f1f1);background-image:-ms-linear-gradient(top, #f9f9f9, #f1f1f1);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f1f1f1));background-image:-webkit-linear-gradient(top, #f9f9f9, #f1f1f1);background-image:-o-linear-gradient(top, #f9f9f9, #f1f1f1);background-image:linear-gradient(top, #f9f9f9, #f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1', GradientType=0);}

/* Sharing buttons */
div.share_box {margin: 2px 0 15px;}
div.share_box span.share_btn { float: left; }
div.share_box p {margin-bottom: 5px;}

/* Post author box */
div.author-info {font-size: 12px; line-height: 16px; margin: 20px 0; padding: 15px 15px 5px; }
div.author-info div.thumb {float: left; display: inline; margin-right: 20px; text-align: center; }
div.author-info div.thumb img {margin: 0; padding: 4px; background-color: #fff;	border: solid 1px #ddd;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}

/* [gallery] shortcode styling */
.post-content .gallery,
.post-excerpt .gallery { margin: auto; clear:both; }
.post-content .gallery .gallery-item,
.post-excerpt .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; }
.post-content .gallery img,
.post-excerpt .gallery img { border: solid 4px #f6f3ee; padding: 10px; }
.post-content .gallery-caption,
.post-excerpt .gallery-caption { margin-left: 0; }
.post-content div.gallery img:hover,
.post-excerpt div.gallery img:hover {border: solid 4px #d46670; }

/* Twitter widget */
.widget .twitter-list li { border-bottom: 1px solid #344657; padding: 0 0 7px; margin: 0 0 7px;}
#side .widget .twitter-list li { border-bottom-color: 1px solid #ddd; }
.widget .twitter-list .twitter-timestamp { display: block; color: #5e7387; font-size: 11px; }
.widget .follow-user { margin: 0; padding: 5px 0; }

/* Social Widget */
.wpzoomSocial li {
	font-size: 16px;
	line-height: 22px;
	float:left;
	display: inline;
	width: 140px;
	min-height: 32px;
	margin:0 5px 15px 5px;
}

.wpzoomSocial li img {
	margin-right: 5px;
}

.wpzoomSocial a:hover {
	text-decoration: none;
}

/* Recent Comments */
ul.recent-comments-list {margin: 0; padding: 0;}
.recent-comments-list img.avatar { margin-right: 12px; float: left;}
.recent-comments-list li {padding: 0 0 10px; margin:0 0 10px; border-bottom: 1px solid #344657; }
#side .recent-comments-list li {border-bottom-color: #ddd;} 

/* WordPress stats smiley face removal */
img#wpstats
{
	height:0;
	overflow:hidden;
	width:0;
}

/* Begin Images */
img.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
img.alignleft {	margin: 0 10px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

/* Flickr widget */
.widget .flickr_badge_image {float: left; margin-right: 10px; margin-bottom: 10px; }
.widget .flickr_badge_image img { width: 63px; height: 63px; border: solid 1px #192027; 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5;}
.widget .flickr_badge_image img:hover {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-moz-opacity:1; 
	-khtml-opacity: 1; 
	opacity: 1;}
	
/* Footer Carousel */
.jcarousel-skin-wpzoom .jcarousel-container-horizontal { width: 950px; }
.jcarousel-skin-wpzoom .jcarousel-clip-horizontal { width:  950px; }

.jcarousel-skin-wpzoom .jcarousel-next-horizontal { position: absolute; top: 60px; right: -58px; width: 44px; height: 56px; cursor: pointer; background: transparent url(images/arrows.png) no-repeat -45px -58px; z-index: 20; }
.jcarousel-skin-wpzoom .jcarousel-next-horizontal:hover {background-position: -45px -1px; }

.jcarousel-skin-wpzoom .jcarousel-prev-horizontal {position: absolute; top: 60px; left: -59px; width: 44px; height: 56px; cursor: pointer; background: transparent url(images/arrows.png) no-repeat 1px -58px; z-index: 20;}
.jcarousel-skin-wpzoom .jcarousel-prev-horizontal:hover {background-position: 1px -1px;}


/* ==========================================================================
   PT SEARCH (desktop) — ported from Breezy, adapted for the morning layout
   ========================================================================== */
/* Search results heading — morning's section-title style (same as the CarBase title) */
#pt_search_title {
	display: block;
	margin: 10px 0;
	clear: both;
}
#pt_search_title p.title {
	font-family: Arial, sans-serif;
	background: transparent url(images/back-title2.png) repeat-x center left;
	text-align: center;
	color: #222;
	margin: 10px 0 20px;
}
#pt_search_title p.title span {
	background-color: #fff;
	padding: 0 15px;
	font-size: 24px;
	line-height: 30px;
}

/* Filter chips */
.pt-filter-chips,
.pt-filter-chips *,
.pt-no-results,
.pt-no-results * {
	font-family: Arial, sans-serif;
}
.pt-filter-chips {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 4px 0 8px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #ececec;
}
.pt-filter-chips-row {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}
.pt-filter-chips-label {
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #666;
	min-width: 70px;
}
.pt-filter-chips-track {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	flex: 1 1 auto;
	min-width: 0;
}
.pt-chip {
	display: inline-block;
	padding: 6px 12px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 999px;
	font-size: 13px;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
}
.pt-chip:hover {
	background: #f0f0f0;
}
.pt-chip.is-active {
	background: #de2f3a;
	border-color: #de2f3a;
	color: #fff;
}
.pt-chip.is-active:hover {
	background: #214b7b;
}

/* Generic highlight mark */
mark.pt-mark {
	background: #fff3a6;
	color: inherit;
	font-style: normal;
	font-weight: bold;
	padding: 0 2px;
	border-radius: 2px;
}

/* Related tags */
.pt-matching-tags {
	margin: 0 0 14px 0;
	padding: 10px 0;
	border-bottom: 1px solid #ececec;
	font-family: Arial, sans-serif;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	flex-wrap: wrap;
}
.pt-matching-tags-label {
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #666;
	padding-top: 4px;
}
.pt-matching-tags .pt-tag-cloud {
	flex: 1 1 auto;
	min-width: 0;
}
.pt-matching-tags .pt-tag-cloud a {
	background: #f3e6e6;
	color: #de2f3a;
	border-color: #ecd4d4;
}
.pt-matching-tags .pt-tag-cloud a:hover {
	background: #de2f3a;
	color: #fff;
	border-color: #de2f3a;
}
.pt-matching-tags .pt-tag-cloud a mark.pt-mark {
	background: transparent;
	color: inherit;
	font-style: normal;
	font-weight: bold;
	padding: 0;
}
.pt-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pt-tag-cloud li {
	margin: 0;
}
.pt-tag-cloud a {
	display: inline-block;
	padding: 4px 10px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 999px;
	font-size: 12px;
	color: #444;
	text-decoration: none;
}
.pt-tag-cloud a:hover {
	background: #f0f0f0;
}

/* Result rows */
.pt-search-archive {
	margin: 0 0 16px 0;
}
.pt-search-result {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 16px 0;
	background: #fff;
	border-bottom: 1px solid #ececec;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}
.pt-search-result:first-of-type {
	border-top: 1px solid #ececec;
}
.pt-search-result-body {
	flex: 1 1 auto;
	min-width: 0;
}
.pt-search-result-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 4px 0;
	font-size: 12px;
	line-height: 1.4;
	color: #666;
}
.pt-search-result-cat {
	color: #de2f3a;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	font-size: 11px;
	text-decoration: none;
}
.pt-search-result-sep {
	color: #bbb;
}
.pt-search-result-time {
	color: #666;
}
.pt-search-result-title {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 19px;
	line-height: 1.3;
	font-weight: bold !important;
	font-family: Arial, sans-serif;
	color: #222;
}
.pt-search-result-title a {
	color: #222;
	text-decoration: none;
}
.pt-search-result-title a:visited {
	color: #222;
}
.pt-search-result-title a:hover {
	color: #cc333f;
}
.pt-search-result-title mark.pt-mark {
	background: #fff3a6;
	color: inherit;
	font-style: normal;
	font-weight: bold;
	padding: 0 1px;
	border-radius: 2px;
}
.pt-search-result-snippet {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
	color: #444;
	font-family: Arial, sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pt-search-result-snippet mark.pt-mark {
	background: #fff3a6;
	color: inherit;
	font-style: normal;
	font-weight: bold;
	padding: 0 2px;
	border-radius: 2px;
}
.pt-search-result-thumb {
	flex: 0 0 240px;
	width: 240px;
	height: 135px;
	border-radius: 8px;
	overflow: hidden;
	background: #f0f0f0;
	display: block;
}
.pt-search-result-thumb img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	display: block;
}

/* Empty state */
.pt-no-results {
	padding: 8px 0 20px 0;
}
.pt-no-results-title {
	font-size: 17px;
	font-weight: bold;
	color: #333;
	margin: 4px 0 16px 0;
}
.pt-no-results-section {
	margin-top: 20px;
}
.pt-no-results-section h2 {
	font-size: 14px;
	color: #666;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: bold;
}
.pt-recent-posts {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pt-recent-posts li {
	margin: 0 0 8px 0;
	padding: 0;
}
.pt-recent-posts a {
	display: block;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
}
.pt-recent-posts a:hover {
	background: #f5f5f5;
}
.pt-recent-posts .pt-recent-date {
	display: block;
	color: #888;
	font-size: 11px;
	margin-top: 2px;
}

/* ===== Semantic search (P2.3): keyword fallback hidden when JS+semantic active; skeleton loader ===== */
.pt-sem-wrap { display: none; }
.pt-sem .pt-sem-wrap { display: block; }
.pt-sem .pt-sem-keyword { display: none !important; }
.pt-sem-results:empty { display: none; }
.pt-sem-skel {
	height: 96px; margin: 0 0 12px; border-radius: 8px;
	background: linear-gradient(90deg, #f0f0f0 25%, #e6e6e6 37%, #f0f0f0 63%);
	background-size: 400% 100%; animation: pt-skel 1.2s ease-in-out infinite;
}
@keyframes pt-skel { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
/* "Load more results" — red pill, brand red used site-wide. */
.pt-sem-more {
	display: block; width: 100%; margin: 14px 0 22px;
	appearance: none; -webkit-appearance: none;
	background: #a60f0f; color: #fff; border: 0; border-radius: 999px;
	padding: 12px 16px; font-size: 15px; font-weight: bold;
	font-family: Arial, sans-serif; cursor: pointer;
}
.pt-sem-more[disabled] { opacity: .6; cursor: default; }
.pt-sem-more:hover, .pt-sem-more:focus { background: #8a0c0c; outline: 0; }

/* ===== RAG answer box (above semantic results; gated server-side) ===== */
.pt-sem-answer { margin: 0 0 16px; padding: 16px 18px; background: #fff; border: 1px solid #e3e3e3; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.pt-sem-answer-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.pt-sem-answer-badge { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: .04em; color: #a60f0f; }
.pt-sem-answer-badge::before { content: "\2726 "; }
.pt-sem-answer-report { appearance: none; background: none; border: 0; color: #999; font-size: 12px; cursor: pointer; padding: 2px 4px; }
.pt-sem-answer-report[disabled] { color: #2e9e5b; cursor: default; }
.pt-sem-answer-body { font-size: 15px; line-height: 1.6; color: #1a1a1a; }
.pt-sem-cite { font-size: 11px; vertical-align: super; color: #a60f0f; text-decoration: none; font-weight: bold; padding: 0 1px; }
.pt-sem-answer-sources { list-style: none; margin: 10px 0 0; padding: 8px 0 0; border-top: 1px solid #efefef; font-size: 13px; }
.pt-sem-answer-sources li { margin: 3px 0; } .pt-sem-answer-sources a { color: #555; text-decoration: none; }
.pt-sem-answer-note { margin: 10px 0 0; font-size: 11px; color: #999; line-height: 1.4; }
.pt-sem-answer-report:not([disabled]):hover, .pt-sem-answer-sources a:hover, .pt-sem-cite:hover { text-decoration: underline; }

/* answer box: explicit UI sans-serif (consistency with Breezy) */
.pt-sem-answer, .pt-sem-answer .pt-sem-answer-body, .pt-sem-answer .pt-sem-answer-sources, .pt-sem-answer .pt-sem-answer-note { font-family: Arial, Helvetica, sans-serif; }

/* RAG answer slot sits just below the filters (above tags + carousels); collapse when empty */
.pt-sem-answer-slot:empty { display: none; }

/* RAG answer — report form (Report → describe the problem → Submit enables) */
.pt-sem-report-form { display: flex; gap: 6px; margin-top: 10px; }
.pt-sem-report-input { flex: 1 1 auto; min-width: 0; appearance: none; -webkit-appearance: none; border: 1px solid #ccc; border-radius: 8px; padding: 8px 10px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.pt-sem-report-send { flex: 0 0 auto; appearance: none; -webkit-appearance: none; background: #a60f0f; color: #fff; border: 0; border-radius: 8px; padding: 8px 14px; font-size: 13px; font-weight: bold; cursor: pointer; }
.pt-sem-report-send[disabled] { opacity: .5; cursor: default; }
.pt-sem-report-thanks { display: inline-block; margin-top: 8px; font-size: 13px; color: #2e9e5b; font-weight: bold; }
/* Related tags → single horizontally-scrolling row (was a tall multi-row wrap cloud
   sitting between the AI answer box and the results). Scoped to .pt-matching-tags so the
   wrapping .pt-tag-cloud elsewhere (no-results "Popular topics") is unaffected. */
.pt-matching-tags { flex-wrap: nowrap; align-items: center; }
.pt-matching-tags-label { padding-top: 0; }
.pt-matching-tags .pt-tag-cloud { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
.pt-matching-tags .pt-tag-cloud::-webkit-scrollbar { display: none; }
.pt-matching-tags .pt-tag-cloud li { flex: 0 0 auto; }
.pt-matching-tags .pt-tag-cloud a { white-space: nowrap; }

/* "swipe for more" cue: soft right-edge fade on the single-row scrollable tag list (always-on, no JS) */
.pt-matching-tags .pt-tag-cloud { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }

/* RAG answer: render the model's paragraph breaks (\n\n) instead of collapsing them into a wall of text */
.pt-sem-answer-body { white-space: pre-line; }

/* relaxed-search notice: shown when a quoted phrase has no exact match and we fall back to a loose search */
.pt-sem-relaxed { margin: 0 0 12px; padding: 8px 12px; background: #f4f4f4; border-radius: 8px; font-size: 13px; line-height: 1.45; color: #555; font-family: Arial, sans-serif; }
.pt-sem-relaxed strong { color: #1a1a1a; font-weight: bold; }

/* ---- Filter pill dropdowns (2026-07-14): one row of "Category ▾ / Date ▾ / Sort ▾" pills
   replacing the 3 labelled chip rows (same design as Breezy mobile). */
.pt-filter-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.pt-filter-pill { position: relative; }
.pt-pill-btn {
    display: inline-flex; align-items: center; gap: 7px;
    background: #fff; border: 1px solid #e2e2e2; border-radius: 999px;
    padding: 8px 15px; font-size: 13px; font-weight: 600; color: #1a1a1a;
    box-shadow: 0 1px 3px rgba(0,0,0,.08); cursor: pointer;
}
.pt-pill-btn:hover { background: #f5f5f5; }
.pt-pill-btn .pt-pill-caret { font-size: 10px; color: #999; line-height: 1; }
.pt-pill-btn[aria-expanded="true"] .pt-pill-caret { transform: rotate(180deg); }
.pt-pill-btn.is-set { background: #a60f0f; border-color: #a60f0f; color: #fff; }
.pt-pill-btn.is-set .pt-pill-caret { color: rgba(255,255,255,.7); }
.pt-pill-btn.is-set:hover { background: #8a0c0c; }
.pt-pill-menu {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 210;
    min-width: 190px; max-height: 60vh; overflow: auto;
    background: #fff; border: 1px solid #ececec; border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.16); padding: 6px;
}
.pt-pill-menu.pt-pill-menu-right { left: auto; right: 0; }
.pt-pill-menu-title {
    display: block; padding: 8px 12px 4px;
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #999;
}
.pt-pill-menu .pt-chip {
    display: block; background: none; border: 0; border-radius: 10px;
    padding: 9px 12px; font-size: 13px; color: #222; text-decoration: none; white-space: nowrap;
}
.pt-pill-menu .pt-chip:hover { background: #f5f5f5; }
.pt-pill-menu .pt-chip.is-active { background: #faf0f0; color: #a60f0f; font-weight: 700; }
.pt-pill-menu .pt-chip.is-active::after { content: " \2713"; float: right; }
.pt-pill-menu .pt-chip.is-active:hover { background: #f5e6e6; }
/* Safari fix (2026-07-14): same explicit font stack as .pt-filter-chips — menu links otherwise
   fall back to the UA serif on Safari. */
.pt-filter-pills,
.pt-filter-pills * {
	font-family: Arial, sans-serif;
}

/* ---- in-feed Carro used-car rows in desktop search results (2026-07-15, port of the mobile
   pattern; rows of 3 for the wider column) ---- */
.pt-sem-uc {
	position: relative;
	display: flex;
	gap: 12px;
	margin: 6px 0 20px;
}
.pt-sem-uc:empty { display: none; }
.pt-sem-uc .gal-uc-tile {
	flex: 1;
	min-width: 0;
	border-radius: 10px;
	overflow: hidden;
	background: #f4f4f4;
}
.pt-sem-uc .gal-uc-tile img {
	width: 100%;
	height: auto;
	aspect-ratio: 6/5;
	object-fit: cover;
	display: block;
	transition: transform .15s ease;
}
.pt-sem-uc .gal-uc-tile:hover img { transform: scale(1.03); }
.pt-sem-uc-chip {
	font-family: Arial, sans-serif; /* Safari serif-fallback trap: new search-zone elements need an explicit stack */
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 3px 9px;
	background: #a60f0f;
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	border-radius: 999px;
	letter-spacing: .04em;
	text-transform: uppercase;
	pointer-events: none;
}
.pt-sem-uc-cta {
	box-sizing: border-box; /* aspect-ratio must include the padding+border, else the card renders taller than the image tiles */
	font-family: Arial, sans-serif;
	flex: 1;
	min-width: 0;
	aspect-ratio: 6/5;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #faf5f5;
	border: 1px dashed #d9b8b8;
	border-radius: 10px;
	color: #a60f0f;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	padding: 8px;
}
.pt-sem-uc-cta:hover { background: #f5eaea; }