/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* === Hero Section === */

.post-hero1 {
  position: relative;
  background-size: cover;
  background-position: center center;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.post-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.post-hero-title {
  font-size: 42px;
  font-weight: 700;
  margin: 0;
  z-index: 2;
  color: #fff;
}

.no-image {
  background: #222;
}

/* === Single Post Layout with Sidebar === */
.site-container {
  display: flex;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.site-main {
  flex: 3;
}

.widget-area {
  flex: 1;
}

.widget {
  margin-bottom: 30px;
}

.widget-title {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
}

/* === Responsive === */
@media (max-width: 768px) {
  .site-container {
    flex-direction: column;
  }

  .widget-area {
    margin-top: 30px;
  }

  .post-hero {
    height: 250px;
  }

  .post-hero-title {
    font-size: 28px;
  }
}

/* --- Base tokens --- */
:root{
	--font-head: "Segoe UI 700", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
	--font-body: "Segoe UI 400", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
	--w-head: 700; --w-body: 400;

	--container:1140px;
	--gutter:24px;
	--text:#1f2937;
	--muted:#6b7280;
	--border:#e5e7eb;
}
html{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
body.single-post{
	font-family:var(--font-body);
	font-weight:var(--w-body);
	color:var(--text);
	background:#fff;
	font-size:16px;
	line-height:1.7;
	margin:0;
}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}
h1,h2,h3,h4,h5,h6,.hero-title,.widget-title{
	font-family:var(--font-head);
	font-weight:var(--w-head);
	color:#111827;
	margin:0 0 12px;
}

/* --- Hero header --- */
.post-hero{
	background:#f9fafb;
	border-bottom:1px solid var(--border);
	padding:36px 0 24px;
}
.breadcrumb{
	font:400 14px/1.5 var(--font-body);
	color:var(--muted);
	margin-bottom:10px;
}
.breadcrumb a{color:var(--muted);text-decoration:none;}
.breadcrumb a:hover{color:#111827;}
.breadcrumb .sep{margin:0 6px;color:#d1d5db;}
.breadcrumb .current{color:#111827;}

.hero-meta{
	display:flex;align-items:center;flex-wrap:wrap;
	gap:14px 18px;
	color:var(--muted);
	font:400 15px/1.4 var(--font-body);
	margin-bottom:6px;
}
.hero-date{
	text-align:center;line-height:1.1;
	padding-right:12px;margin-right:12px;
	border-right:1px solid #d1d5db;
}
.hero-date .day{font-weight:700;font-size:28px;color:#111827;display:block;}
.hero-date .mon{font-size:11px;letter-spacing:1.4px;}
.hero-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.hero-info .sep{color:#d1d5db;}
.hero-info a{color:#374151;text-decoration:none;}
.hero-info a:hover{text-decoration:underline;}
.hero-title{font-size:clamp(30px,4.5vw,42px);line-height:1.2;margin-top:6px;}

/* --- Layout --- */
.single-wrap{
	display:grid;
	grid-template-columns:1fr 320px;
	gap:48px;
	margin-top:38px;
}
@media(max-width:1024px){.single-wrap{grid-template-columns:1fr;}}

/* --- Article --- */
.article__content{font-size:17px;line-height:1.8;}
.article__content p{margin:0 0 18px;}
.post-featured{margin:0 0 26px;}
.featured-img{width:100%;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.05);}

.tags{
	display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 10px;
}
.tags a{
	font:400 13px/1 var(--font-body);
	color:#374151;
	text-decoration:none;
	border:1px solid var(--border);
	padding:6px 12px;
	border-radius:999px;
}
.tags a:hover{background:#f3f4f6;}

.authorbox{
	display:flex;gap:16px;
	border:1px solid var(--border);
	border-radius:12px;
	padding:18px;
	margin:20px 0 30px;
}
.authorbox .avatar img{border-radius:50%;}
.authorbox .name{font:700 16px/1.3 var(--font-head);}
.authorbox .bio{color:var(--muted);font:400 14px/1.5 var(--font-body);margin-top:2px;}

/* --- Sidebar --- */
.sidebar .widget{
	background:#fff;
	border:1px solid var(--border);
	border-radius:12px;
	padding:18px;
	margin-bottom:18px;
}
.sidebar .widget-title{font-size:16px;}
.sidebar .tagcloud a{
	display:inline-block;
	margin:6px 8px 0 0;
	padding:6px 10px;
	border:1px solid var(--border);
	border-radius:999px;
	font:400 13px/1 var(--font-body);
	color:#374151;
	text-decoration:none;
}
.sidebar .tagcloud a:hover{background:#f3f4f6;}

/* --- Comments --- */
#comments{margin-top:28px;}
.comment-list{list-style:none;padding:0;margin:0;}
.comment{padding:14px 0;border-bottom:1px solid var(--border);}
.comment-meta{color:var(--muted);font-size:13px;margin-bottom:6px;}
.comment-respond{margin-top:18px;}

.picker__table td {
 
    padding: 0px;
}
.page-content p a {
    background-color: transparent;
    color: #4D4D4D ;
    text-decoration: none !important;
}

.thingtodo {
    text-decoration: none !important;
}

.testimonial-box .rating .stars {
    width: auto;
}
.testimonial-box .rating {
    margin-bottom: 10px;
}

.testimonial-box .rating .stars .star:first-child {
    padding-left: 0;
}
.testimonial-box .rating .stars .star {
    width: 18px;
    height: 17px;
    display: block;
    float: left;
    position: relative;
    padding: 0 2px;
}
.testimonial-box .rating .stars .star.active:after {
    display: block;
}
.testimonial-box .rating .stars .star:first-child:after {
    left: 0;
}

.testimonial-box .rating .stars .star:after {
    width: 14px;
    height: 14px;
    background: url(https://extreme-hipline.b-cdn.net/rak-zipline/img/star-active.svg) center center no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    top: 0;
    left: 2px;
    display: none;
}
.profile {
   
   width: inherit !important;
}

.name-user {
    text-align: left;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.wrap {
    width: 100%;
    max-width: 1306px;
    float: none;
    margin: 0 auto;
}

.text-over-3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.width-50 {
     float: left;
}

@media screen and (max-width: 768px) {
    .width-50

 {  
	 width: 100% !important;
    }
}


 .page-content a {
     color: #6a5b53;
    text-decoration: none;
}