/* ===============================
   HARD RESET BLOG AREA
================================ */

body{
	margin:0px !important;
}

#rg-blog{
padding:30px 0!important;
color:#222;
}

/* REMOVE PAGE TOP PADDING FROM THEME */

.page #rg-blog,
.page-template-page-blog #rg-blog{
margin-top:-40px!important;
}

.rg-blog-heading{
font-size:34px;
font-weight:800;
color:#07543d !important;
margin:0 0 25px 0 !important;
letter-spacing:-0.5px;
position:relative;
display:inline-block;
}

/* FORCE SPACE BELOW HEADER */

#rg-blog{
margin-top:40px !important;
}

/* Blog heading spacing */

.rg-blog-heading{
margin-top:40px !important;
}
/* CONTAINER */

#rg-blog .rg-container{
max-width:1250px;

padding:20px 10px;
}
/* ===============================
   HERO GRID
================================ */

#rg-blog .rg-hero{
display:grid;
grid-template-columns:1fr 370px;
gap:40px;
align-items:flex-start;
}
/* LEFT SIDE */

#rg-blog .rg-hero-left{
padding:0;
}

/* TITLE */

#rg-blog .rg-title{
font-size:40px!important;
color: #111!important;
margin-bottom:10px;
}

/* SUBTITLE */

#rg-blog .rg-subtitle{
color:#555!important;
margin-bottom:12px;
}
/* SEARCH */

#rg-blog .rg-search-box form{
display:flex;
align-items:center;
background:#f3f6f5;
border-radius:40px;
padding:6px 8px 6px 18px;
max-width:420px;
border:1px solid #d5dfdc;
box-shadow:inset 0 2px 4px rgba(0,0,0,.05);
transition:all .3s ease;
}
#rg-blog .rg-search-box {
	margin-top: 45px !important;
}

/* Hover + Focus */

#rg-blog .rg-search-box form:hover,
#rg-blog .rg-search-box form:focus-within{
border-color:#1f8f6b;
box-shadow:0 0 0 2px rgba(31,143,107,.12);
}

/* Input */

#rg-blog .rg-search-box input{
flex:1;
background:none!important;
border:none!important;
outline:none!important;
font-size:15px;
color:#222!important;
padding:10px 10px;
}

#rg-blog .rg-search-box input::placeholder{
color:#999;
}

/* Search Button */

#rg-blog .rg-search-box button{
width:36px;
height:36px;
border-radius:50%;
border:none;
cursor:pointer;

background:#1f8f6b !important;
color:#fff !important;

display:flex;
align-items:center;
justify-content:center;

transition:all .25s ease;
}

/* Icon */

#rg-blog .rg-search-box button svg{
width:16px!important;
height:16px!important;
fill:#fff!important;
}

/* Hover */

#rg-blog .rg-search-box button:hover{
background:#0b7a5c !important;
transform:scale(1.05);
box-shadow:0 4px 12px rgba(0,0,0,.15);
}

/* Click */

#rg-blog .rg-search-box button:active{
transform:scale(.95);
}

/* Remove focus outline */

#rg-blog .rg-search-box input:focus,
#rg-blog .rg-search-box button:focus{
outline:none!important;
box-shadow:none!important;
}
/* CENTER ALIGN SEARCH CONTENT */

#rg-blog .rg-search-box{
margin-top:12px;
}
#rg-blog .rg-title{
margin-bottom:14px!important;
}

#rg-blog .rg-subtitle{
margin-bottom:18px!important;
}

/* ===============================
   FEATURED CARD
================================ */

#rg-blog .rg-featured{
background:#ffffff;
padding:18px;
border-radius:14px;
max-width:480px;
margin-top: 0px !important;
border:1px solid #e3ece8;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

#rg-blog .rg-featured{
transition:transform .35s ease, box-shadow .35s ease;
}
/* Featured card slightly smaller */


#rg-blog .rg-featured:hover{
transform:translateY(-6px)!important;
box-shadow:0 15px 40px rgba(0,0,0,.12);
}

/* IMAGE */

#rg-blog .rg-featured img{
width:100%;
border-radius:10px;
margin:8px 0;
}

/* LABEL */

#rg-blog .rg-featured-label{
color:#1f8f6b;
font-size:11px;
margin-bottom:6px;
display:block;
}

/* CATEGORY */

#rg-blog .rg-cat{
background:#1f8f6b;
color:#fff;
padding:4px 10px;
border-radius:20px;
font-size:11px;
margin-bottom:6px;
display:inline-block;
}

/* TITLE */

#rg-blog .rg-featured h3{
font-size:18px!important;
margin-bottom:6px;
color:#111!important;
}

#rg-blog .rg-featured h3 a{
color:#111;
text-decoration:none;
background-image:linear-gradient(#1f8f6b,#1f8f6b);
background-size:0% 2px;
background-repeat:no-repeat;
background-position:0 100%;
transition:background-size .7s cubic-bezier(.4,0,.2,1);
}

#rg-blog .rg-featured h3 a:hover{
background-size:100% 2px;
}

/* DESC */

#rg-blog .rg-featured p{
color:#333 !important;
font-size:14px;
line-height:1.2;
}

/* BUTTON */

#rg-blog .rg-btn{
display:inline-block;
margin-top:18px;
background:#1f8f6b;
color:#fff !important;
padding:10px 22px;
border-radius:30px;
font-size:14px;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
}

#rg-blog .rg-btn:hover{
background:#176e53;
transform:translateY(-1px);
}

.rg-featured-link{
display:block!important;
text-decoration:none !important;
color:inherit !important;
cursor:pointer !important;
}

.rg-featured-link:hover h3{
text-decoration:underline !important;
}

/* ===============================
   MOBILE
================================ */

@media(max-width:900px){

#rg-blog .rg-hero{
grid-template-columns:1fr;
}

#rg-blog .rg-featured{
margin:0 auto;
}

}
/* FIX MOBILE HERO ALIGNMENT */

@media (max-width: 900px){

  #rg-blog .rg-hero-left{
    padding-left:0 !important;
    text-align:center;
  }

  #rg-blog .rg-search-box form{
    max-width:100% !important;
    margin:0 auto;
  }

}
/* DESKTOP ONLY ELEMENTS */

.desktop-only{
display:block;
}

/* Hide on mobile & tablet */

@media(max-width:991px){
.desktop-only{
display:none!important;
}
}

/* Extra safety – sidebar hide mobile */

@media(max-width:991px){
#rg-blog .rg-sidebar{
display:none!important;
}
}

@media (min-width: 992px){
.rg-featured{
  max-width: 680px !important;
	margin-top: 80px !important;
}
	
	#rg-blog .rg-featured:hover{
	transform:translateY(-6px)!important;
box-shadow:0 15px 40px rgba(0,0,0,.12);
}
	
}

#rg-blog .rg-featured .rg-search-box{
margin-top:18px;
max-width:100%;
}

#rg-blog .rg-featured .rg-hero-trust{
margin-top: 25px;
}
/* ===================================
   BLOG BELOW HERO – CLEAN FINAL
=================================== */

#rg-blog .rg-layout{
display:grid;
grid-template-columns:1fr !important;
gap:35px;
margin-top:50px;
align-items:flex-start;
}

/* POST AREA */
#rg-blog .rg-post-area{width:100%;}

/* FILTER BAR */

#rg-blog .rg-filters{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
flex-wrap:wrap;
gap:15px;
}

#rg-blog .rg-filter-left{
display:flex;
gap:12px;
flex-wrap:wrap;
}

#rg-blog .rg-filter{
background:#f4f6f7;
border:1px solid #d8d8d8;
padding:7px 18px;
border-radius:25px;
color:#333;
font-size:13px;
cursor:pointer;
transition:.25s ease;
}

#rg-blog .rg-filter:hover,
#rg-blog .rg-filter.active{
background:#1f7f6c;
color:#fff;
border-color:#1f7f6c;
}

/* SORT */

#rg-blog .rg-filter-right select{
background:#f4f6f7;
border:1px solid #d8d8d8;
padding:7px 12px;
border-radius:6px;
}
/* FIX SORT DROPDOWN VISIBILITY */

#rg-blog .rg-filter-right select{
background:#f4f6f7!important;
color:#222!important;
border:1px solid #ccc!important;
padding:8px 14px!important;
border-radius:8px!important;
font-size:13px!important;
appearance:auto!important;
}

#rg-blog .rg-filter-right option{
color:#222!important;
background:#fff!important;
}
/* POSTS GRID */



/* CARD */

#rg-blog .rg-card{
background:#fff;
border-radius:14px;
border:1px solid #ddd;
padding:16px;
display:flex;
flex-direction:column;
height:100%;
transition:.3s ease;
}

#rg-blog .rg-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,.08);
}
#rg-blog .rg-card:hover h3{
text-decoration:underline !important;
}


/* IMAGE */

#rg-blog .rg-card img{
width:100%;
height:180px;
object-fit:cover;
border-radius:10px;
margin-bottom:12px;
}

/* CATEGORY */

#rg-blog .rg-card .rg-cat{
background:#1f7f6c !important;
color:#fff !important;
font-size:11px !important;
padding:4px 10px !important;
border-radius:20px !important;
display:inline-flex !important;
width:auto !important;
max-width:fit-content !important;
margin-bottom:8px !important;
}
/* TITLE */



#rg-blog .rg-card h3{
font-size:17px;
margin-bottom:8px;
line-height:1.4;
}


/* TITLE */
#rg-blog a.rg-card h3{
font-size:16px!important;
margin-bottom:6px!important;
color:#111!important;
background-repeat:no-repeat;
transition:.25s ease;
background-size:0% 2px;
background-position:0 100%;
}

/* DESC */

#rg-blog .rg-card p{
font-size:14px;
color:#555;
line-height:1.6;
margin-bottom:12px;
}

/* BUTTON */

#rg-blog .rg-card .rg-btn{
margin-top:auto;
background:#1f7f6c;
color:#fff!important;
padding:8px 18px;
border-radius:25px;
font-size:13px;
display:inline-block;
}

#rg-blog .rg-card .rg-btn:hover{
background:#145b4d;
}

/* SIDEBAR */

#rg-blog .rg-sidebar{
background:#fff!important;
border-radius:14px!important;
padding:20px!important;
border:1px solid #ddd!important;

position:sticky!important;
top:0!important;

margin-top:60px!important;
}

/* MOBILE */

@media(max-width:1100px){
#rg-blog .rg-post-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:900px){
#rg-blog .rg-layout{grid-template-columns:1fr;}
}

@media(max-width:768px){
#rg-blog .rg-post-grid{grid-template-columns:1fr;}
}


  .rg-post-area {
    width: 100% !important;
  }
}
/* =============================
REAL MOBILE IMAGE FIX
============================= */

#rg-blog .rg-card .post-thumbnail{
height:auto!important;
overflow:visible!important;
}

#rg-blog .rg-card img{
position:relative!important;
height:auto!important;
max-height:none!important;
object-fit:contain!important;
object-position:center!important;
}

/* Kill aspect ratio everywhere */

#rg-blog .rg-card figure,
#rg-blog .rg-card .post-thumbnail{
aspect-ratio:auto!important;
}

/* =============================
REAL MOBILE IMAGE FIX
============================= */

#rg-blog .rg-card .post-thumbnail{
height:auto!important;
overflow:visible!important;
}

#rg-blog .rg-card img{
position:relative!important;
height:auto!important;
max-height:none!important;
object-fit:contain!important;
object-position:center!important;
}

/* Kill aspect ratio everywhere */

#rg-blog .rg-card figure,
#rg-blog .rg-card .post-thumbnail{
aspect-ratio:auto!important;
}

/* MOBILE ONLY */

@media(max-width:768px){

#rg-blog .rg-card img{
min-height:unset!important;
max-height:unset!important;
}

}

/* MOBILE ONLY */

@media(max-width:768px){

#rg-blog .rg-card img{
min-height:unset!important;
max-height:unset!important;
}

}
/* ================================
BLOG BELOW HERO – FINAL FORCE VERSION
================================ */

/* LAYOUT */

#rg-blog .rg-layout{
display:grid!important;
grid-template-columns:1fr!important;
gap:35px!important;
margin-top:50px!important;
align-items:flex-start!important;
}

/* POST AREA */

#rg-blog .rg-post-area{width:100%!important;}

/* FILTER BAR */

#rg-blog .rg-filters{
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
margin-bottom:30px!important;
flex-wrap:wrap!important;
gap:15px!important;
}

#rg-blog .rg-filter-left{
display:flex!important;
gap:12px!important;
flex-wrap:wrap!important;
}

/* FILTER FORCE RESET */

#rg-blog .rg-filter,
#rg-blog .rg-filter *{
background:#f4f6f7!important;
color:#333!important;
border:1px solid #ccc!important;
}

#rg-blog .rg-filter.active,
#rg-blog .rg-filter:hover{
background:#1f7f6c!important;
color:#fff!important;
border-color:#1f7f6c!important;
}

/* SORT */

#rg-blog .rg-filter-right select{
background:#f4f6f7!important;
border:1px solid #ccc!important;
padding:7px 12px!important;
border-radius:6px!important;
}

/* GRID FORCE */

#rg-blog .rg-post-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:25px!important;
}

/* CARD FORCE */

#rg-blog .rg-card{
background:#fff!important;
border-radius:14px!important;
border:1px solid #ddd!important;
padding:15px!important;
display:flex!important;
flex-direction:column!important;
height:100%!important;
transition:.3s ease!important;
}

#rg-blog .rg-card:hover{
transform:translateY(-4px)!important;
box-shadow:0 10px 25px rgba(0,0,0,.08)!important;
}

/* IMAGE */

#rg-blog .rg-card img{
width:100%!important;
height:180px!important;
object-fit:cover!important;
border-radius:10px!important;
margin-bottom:10px!important;
}

/* CATEGORY FORCE REMOVE GREEN */

#rg-blog .rg-cat,
#rg-blog span[class*="cat"]{
background:#1f7f6c!important;
color:#fff!important;
font-size:11px!important;
padding:4px 10px!important;
border-radius:20px!important;
display:inline-block!important;
margin-bottom:8px!important;
}



/* DESC FIX */

#rg-blog .rg-card p{
font-size:14px!important;
color:#555!important;
line-height:1.6!important;
margin-bottom:12px!important;
}

/* BUTTON */

#rg-blog .rg-card .rg-btn{
margin-top:auto!important;
background:#1f7f6c!important;
color:#fff!important;
padding:8px 18px!important;
border-radius:25px!important;
font-size:13px!important;
}

#rg-blog .rg-card .rg-btn:hover{
background:#145b4d !important;   /* thora dark green */
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(0,0,0,.12);
transition:.3s ease;
}

/* SIDEBAR FORCE */

#rg-blog .rg-sidebar{
background:#fff!important;
border-radius:14px!important;
padding:20px!important;
border:1px solid #ddd!important;
position:sticky!important;
top:120px!important;
}
#rg-blog .rg-card{
position:relative;
cursor:pointer;
}
#rg-blog .rg-card h3{color:inherit;}
/* FIX CARD AFTER MAKING <a> WRAPPER */

/* =============================
RG CARD CLICK FIX – FINAL
============================= */

#rg-blog a.rg-card{
display:block;
text-decoration:none!important;
color:inherit;
border-radius:14px;
position:relative;
-webkit-tap-highlight-color:transparent;
}

/* REMOVE BROWSER OUTLINE */

#rg-blog a.rg-card:focus,
#rg-blog a.rg-card:active{
outline:none!important;
box-shadow:none!important;
}

/* IMAGE FIX – NO MOBILE CROP */

#rg-blog a.rg-card img{
width:100%!important;
height:auto!important;
object-fit:contain!important;
border-radius:10px;
margin-bottom:10px;
}


/* DESC */

#rg-blog a.rg-card p{
color:#555;
font-size:13px;
line-height:1.5;
}
/* MOBILE */

@media(max-width:1100px){
#rg-blog .rg-post-grid{grid-template-columns:repeat(2,1fr)!important;}
}

@media(max-width:900px){
#rg-blog .rg-layout{grid-template-columns:1fr!important;}
}

@media(max-width:768px){
#rg-blog .rg-post-grid{grid-template-columns:1fr!important;}
}



/* ================================
BLOG Pagination
================================ */
#rg-blog .rg-pagination{
margin-top:40px;
display:flex;
justify-content:center;
gap:8px;
flex-wrap:wrap;
}

#rg-blog .rg-pagination a,
#rg-blog .rg-pagination span{
padding:8px 14px;
border-radius:6px;
border:1px solid #ddd;
font-size:13px;
text-decoration:none;
color:#333;
background:#f3f4f6;
transition:.25s;
}

#rg-blog .rg-pagination .current{
background:#1f7f6c;
color:#fff;
border-color:#1f7f6c;
}

#rg-blog .rg-pagination a:hover{
background:#1f7f6c;
color:#fff;
border-color:#1f7f6c;
}

/* ================================
Sidebar
================================ */
.rg-sidebar{
display:flex;
flex-direction:column;
gap:25px !important;
}

/* BOX */

.rg-sidebar-box{
background:#fff !important;
padding:18px !important;
border-radius:14px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05);
}

/* TITLES */

.rg-sidebar-box h4{
font-size:18px !important;
font-weight:600 !important;
margin-bottom:14px !important;
color:#111 !important;
}

/* SEARCH */

.rg-sidebar-search input{
width:100%;
padding:12px 18px !important;
border-radius:12px !important;
border:1px solid #e1e5ea !important;
background:#f7f9fb !important;
font-size:13px !important;
outline:none !important;
box-shadow:none !important;
transition:.25s ease;
color:#222 !important;
}

/* Focus state */

.rg-sidebar-search input:focus{
background:#fff !important;
border:none !important;
outline:none !important;
box-shadow:0 0 0 2px rgba(31,127,108,.25) !important;
}

/* POSTS */

.rg-sidebar-post{
display:flex;
align-items:center;
gap:12px;
margin-bottom:14px;
text-decoration:none;
}

.rg-sidebar-post:last-child{
margin-bottom:0;
}

.rg-sidebar-post img{
width:80px !important;
height:80px !important;
border-radius:10px !important;
object-fit:cover;
flex-shrink:0;
}

/* META */

.rg-sidebar-post span{
display:block;
font-size:14px;
color:#888 !important;
margin-bottom:2px;
}

.rg-sidebar-post p{
margin:0;
font-size:13px;
line-height:1.4;
color:#111 !important;
font-weight:500;
}

/* HOVER */

.rg-sidebar-post:hover p{
text-decoration:underline !important;
}

}

.rg-sidebar-post{
display:flex;
gap:12px !important;
align-items:center !important;
padding:12px !important;
margin-bottom:12px !important;

border:1px solid rgba(0,0,0,.08) !important;
border-radius:12px !important;
background:#fff !important;

transition:.25s ease !important;
}

/* hover lift */

.rg-sidebar-post:hover{
transform:translateY(-4px)  !important;
box-shadow:0 10px 25px rgba(0,0,0,.08) !important;
}


.rg-sidebar-cta{
background:linear-gradient(135deg,#1f7f6c,#2da892) !important;
padding:25px !important;
border-radius:16px !important;
color:#fff !important;
text-align:center !important;
}

.rg-sidebar-cta h4{
margin:0 0 10px !important;
font-size:18px  !important;
	color: #fff !important;
}

.rg-sidebar-cta p{
font-size:13px !important;
opacity:.9 !important;
margin-bottom:15px !important;
}

.rg-cta-btn{
display:inline-block !important;
background:#fff !important;
color:#1f7f6c !important;
padding:8px 18px !important;
border-radius:20px !important;
font-size:13px !important;
font-weight:600 !important;
text-decoration:none !important;
transition:.25s ease  !important;
}

.rg-cta-btn:hover{
background:black!important;
color:#fff !important;
}


/* AJAX Fade Effect */

.rg-post-grid{
transition: opacity .35s ease;
}

.rg-post-grid.loading{
opacity: .35;
pointer-events: none;
}

/* Pagination active */

.rg-pagination .current{
background:#1f7f6c;
color:#fff !important;
padding:6px 12px;
border-radius:6px;
}

/* Loader */

.rg-loader{
display:none;
width:40px;
height:40px;
border:4px solid #ddd;
border-top:4px solid #1f7f6c;
border-radius:50%;
animation:rgspin .8s linear infinite;
margin:40px auto;
}

@keyframes rgspin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

.rg-pagination .current{
background:#1f7f6c;
color:#fff!important;
padding:6px 12px;
border-radius:6px;
}

/* REMOVE BROWSER FOCUS OUTLINES */

#rg-blog button:focus,
#rg-blog a:focus,
#rg-blog select:focus,
#rg-blog .rg-filter:focus,
#rg-blog .rg-pagination a:focus{
outline:none!important;
box-shadow:none!important;
}

/* Remove active click highlight (mobile too) */

#rg-blog button,
#rg-blog a{
-webkit-tap-highlight-color: transparent;
}

/* REMOVE HOVER + FOCUS OUTLINE COMPLETELY */

#rg-blog .rg-filter:hover,
#rg-blog .rg-filter:focus,
#rg-blog .rg-filter:active,
#rg-blog .rg-page:hover,
#rg-blog .rg-page:focus,
#rg-blog select:hover,
#rg-blog select:focus{
outline:0!important;
box-shadow:none!important;
border-color:transparent!important;
}

/* SEARCH PAGE WRAPPER */
.search #rg-blog{
padding:60px 0;
}

/* SEARCH HEADING */
.search h1{
margin-bottom:30px;
padding-left:5px;
font-weight:600;
}

/* RESULTS GRID */
.rg-search-results{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
gap:30px;
}

/* CLEAN NO RESULT STYLE */
.rg-no-results{
max-width:700px!important;
margin:80px auto !important;
text-align:center !important;
}

.rg-no-results h2{
font-size:28px !important;
font-weight:600 !important;
margin-bottom:10px !important;
}

.rg-no-results p{
color:#666 !important;
font-size:16px !important;
}

.search .site-content,
.search main,
.search #rg-blog{
padding:40px 0;
}

.search h1,
.search h2{
margin-left:20px;
margin-right:20px;
}


/* SEARCH PAGE CONTAINER FIX */
.search #rg-blog{
padding:60px 20px;
}

.search .rg-container{
max-width:1200px;
margin:0 auto;
padding:0 20px;
}

/* Search heading spacing */
.search h1{
margin-bottom:40px;
}

/* Grid spacing improve */
.rg-search-results{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
gap:40px;
}
/* BLOG MAIN PAGE CONTAINER FIX */

#rg-blog .rg-container{
max-width:1200px;
margin:0 auto;
padding:0 20px;
}

/* Left posts area */

.rg-post-area{
flex:1;
}

/* Sidebar width control */

.rg-sidebar{
width:370px !important;
}

/* Cards breathing space */

.rg-post-grid{
margin-top:30px;
}

/* Trust Strip */
@media(min-width:992px){

.rg-hero-trust{
display:flex;
gap:25px;
margin-top:30px;
flex-wrap:wrap;
align-items:center;
}

.trust-item{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
font-weight:500;
color:#2b2b2b;
opacity:.85;
}

.trust-icon{
width:20px;
height:20px;
background:linear-gradient(135deg,#2bb5a8,#1d8f86);
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
font-weight:bold;
box-shadow:0 3px 8px rgba(0,0,0,.12);
}

.trust-item:hover{
opacity:1;
}

}
/* Hide main header ONLY on blog + single posts */

body.single-post .rg-main-header,
body.archive .rg-main-header,
body.category .rg-main-header,
body.tag .rg-main-header{
display:none!important;
}
.page-template-page-blog-php .rg-main-header{
display:none!important;
}