/*
 Theme Name:   MSW News (seattlevn)
 Theme URI:    https://miseattleweb.com
 Description:  news theme with iOS glassmorphism design (A GeneratePress child theme)
 Author:       MiSeattleWeb
 Author URI:   https://miseattleweb.com
 Template:     generatepress
 Version:      2.0.0
 Text Domain:  msw-news-theme
*/
.cosmosfarm-share-buttons-default {
	margin: 0 !important;
}
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.cosmosfarm-share-buttons-default img:first-of-type {
		background: orange !important;
	}
	.cosmosfarm-share-buttons-default img {
		width: 4em !important;
		height: 4em !important;
		background: green !important;
	}
}


.fancy-posts {
    list-style: none;
    padding: 0;
}

.fancy-posts li {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    transition: background-color 0.3s;
}

.fancy-posts li:hover {
    background-color: #f6f6f6;
}

.fancy-posts h2 {
    margin: 0;
    font-size: 1.5em;
}

.fancy-posts h2 a {
    color: #333;
    text-decoration: none;
}

.fancy-posts h2 a:hover {
    text-decoration: underline;
}

.fancy-posts .post-thumbnail {
    margin: 15px 0;
}

.fancy-posts .post-thumbnail img {
    max-width: 100%;
    height: auto;
}

.fancy-posts .post-excerpt {
    color: #777;
}

/* ==========================================================================
   MISEATTLEWEB PROMO -- house ad rendered by msw_get_miseattleweb_banner(),
   shown in the homepage agency strip and appended in-content on single posts.
   Single centered row on desktop; on phones it stacks and the CTA goes
   full-width so the pill can't overflow the rounded card (it was clipped on
   the right at mobile widths). padding uses clamp() so the side gutter shrinks
   before the layout has to break.
   ========================================================================== */
.msw-promo {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 10px 20px; max-width: 728px; margin: 0 auto;
  padding: 14px clamp(16px, 4vw, 28px);
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  border-radius: 8px; color: #fff; text-decoration: none;
}
.msw-promo__main { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; min-width: 0; }
.msw-promo__name { font-size: 22px; font-weight: 800; letter-spacing: -0.5px; white-space: nowrap; }
.msw-promo__divider { flex: none; width: 1px; height: 30px; background: rgba(255, 255, 255, 0.2); }
.msw-promo__tag { font-size: 12px; line-height: 1.4; opacity: 0.85; }
.msw-promo__cta { flex: none; background: rgba(255, 255, 255, 0.15); padding: 8px 18px; border-radius: 20px; font-size: 12px; font-weight: 600; white-space: nowrap; }
@media (max-width: 600px) {
  .msw-promo { flex-direction: column; justify-content: center; gap: 12px; padding: 18px 20px; text-align: center; }
  .msw-promo__main { flex-direction: column; gap: 8px; }
  .msw-promo__divider { display: none; }
  .msw-promo__cta { width: 100%; max-width: 280px; text-align: center; }
}