/*
/*
Theme Name: medinahalichten
Template: newspaperss
Theme URI: https://silkthemes.com/newspaperss-pro/
Author: Silk Themes
Author URI: https://silkthemes.com/
Version: 2.65.0
Requires at least: 4.7 
Tested up to: 6.4
Requires PHP: 6.0
License: GNU General Public License, v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: newspaperss
Domain Path: /languages/

Description: Newspaperss is a perfect WordPress theme for magazines, personal blogs, newspaperss, product reviews, content publishers or even newspaperss can be used for niche sites with curated contents.The theme is designed with the “mobile first” design, meaning it was designed for mobile from the beginning and was adapted for bigger screen afterward which results in a beautiful experience for the users, on all devices. It also comes with a Homepage with 4 custom Post widgets.

Tags:   grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template,theme-options, threaded-comments,blog,news,food-and-drink

newspaperss  WordPress Theme, Copyright 2022 silkthemes.com
newspaperss  is distributed under the terms of the GNU GPL


/*  ----------------------------------------------------
1.  Body Start
-------------------------------------------------------- */

@import url("../newspaperss/style.css");

/*  -------------
header
--------------- */
.head-bottom-area, .head-bottom-area .dropdown.menu .is-dropdown-submenu > li {
    background-color: #111827;
}

.hamburger .line {
    background-color: #333;
}

.title-bar {
    padding: .5rem;
    background: #fff;
}

p.site-description {
    color: #333;
}

h1.site-title {
    display: none;
}

p.site-description {
    font-size: 12px;
}

/*  -------------
contents
--------------- */
:root{
  --font-body: "BIZ UDPGothic", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-head: "Noto Serif JP", serif;
}
body{
	font-family: var(--font-body); line-height: 1.8;
}

h1, h2, h3, h4 {
    letter-spacing: 0.08em;
}

h1.entry-title::after {
    background: #0a0a0a;
}

.entry.single-entry h2 {
   padding: 0.2rem;
    margin-bottom: 10px;
   background: linear-gradient(transparent 60%, #fef5d0 60%);
}

.entry.single-entry h3 {
    border-bottom: 3px dashed #feeba2;
    padding-bottom: 5px;
}

.scroll_to_top,.bubbly-button,
#blog-content .navigation .nav-links .current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce ul.products li.product .button,.tagcloud a,
.lates-post-warp .button.secondary,.pagination .current,
.pagination li a,.widget_search .search-submit,
.widget_wrap .wp-block-search__button,.comment-form .form-submit input#submit, 
a.box-comment-btn,.comment-form .form-submit input[type="submit"],.cat-info-el,
.comment-list .comment-reply-link,.woocommerce div.product form.cart .button, 
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .woocommerce #respond input#submit,.woocommerce a.button, 
.woocommerce button.button, .woocommerce input.button,.mobile-menu  .nav-bar .offcanvas-trigger{
  background-color: #FECD17;
}

.tagcloud a, .post-cat-info a, .lates-post-warp .button.secondary, .comment-form .form-submit input#submit, a.box-comment-btn, .comment-form .form-submit input[type='submit'], h2.comment-reply-title, .widget_search .search-submit, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .pagination li a, .author-links a, #blog-content .navigation .nav-links .current, .bubbly-button, .scroll_to_top {
    color: #333 !important;
}

.single-nav.clearfix {
    display: none;
}

.sub_header_page {
    background: #fef5d0;
}

a, .comment-title h2, h2.comment-reply-title, .sidebar-inner .widget_archive ul li a::before, .sidebar-inner .widget_categories ul li a::before, .sidebar-inner .widget_pages ul li a::before, .sidebar-inner .widget_nav_menu ul li a::before, .sidebar-inner .widget_portfolio_category ul li a::before, .defult-text a span, .woocommerce .star-rating span::before {
    color: #8d6f17;
}

@media print,screen and (min-width: 40em) {
    h1,.h1 {
        font-size:1.8rem
    }

    h2,.h2 {
        font-size: 1.6rem
    }

    h3,.h3 {
        font-size: 1.4rem
    }

    h4,.h4 {
        font-size: 1.3rem
    }

    h5,.h5 {
        font-size: 1.2rem
    }

    h6,.h6 {
        font-size: 1rem
    }
}

p {
    line-height: 2.0;
}

.post-meta-info {
    display: none;
}
/*  -------------
sidebar
--------------- */
.widget li a {
    color: #333;
}

.widget-title h3 {
    letter-spacing: 0.1em;
}

/* --- サイドバー記事リスト（110pxベース） --- */
.sb-article-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.sb-article {
  display: grid;
  grid-template-columns: 110px 1fr; /* 左：画像 右：テキスト */
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
}

.sb-article:hover .sb-title,
.sb-article:focus .sb-title {
  text-decoration: underline;
}

.sb-thumb {
  width: 110px;              /* 表示サイズ（ベース） */
  aspect-ratio: 1 / 1;       /* 正方形を保証 */
  border-radius: 50%;        /* 丸くする */
  overflow: hidden;
  flex: none;
}

.sb-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;         /* 中央トリミング */
}

/* タイトルは2行まで、超過は省略 */
.sb-title {
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- レスポンシブ：サイドバーが狭い時に縮小 --- */
@media (max-width: 768px) {
  .sb-article { grid-template-columns: 96px 1fr; }
  .sb-thumb   { width: 96px; }
}
@media (max-width: 480px) {
  .sb-article { grid-template-columns: 64px 1fr; }
  .sb-thumb   { width: 64px; }
}

.sidebar-inner .widget_nav_menu ul li a::before {
    color: #C4161C;
}

/*  -------------
footer
--------------- */

p.copyright {
    margin-bottom: 0;
    text-align: center;
}

p.copyright a {
    color: #fff;
}

p.copyright a:hover {
    color: #8d6f17;
}