/* ================= BLOG HEADER FINAL ================= */

.rg-blog-header{
position:fixed;
top:0;
left:0;
width:100% !important;
background:#0a7c5a !important;
z-index:9999 !important;
box-shadow:0 3px 10px rgba(0,0,0,.08) !important;
}

.rg-blog-inner{
max-width:1200px !important;
margin:auto !important;
padding:14px 18px !important;
display:flex !important;
align-items:center  !important;
justify-content:space-between !important;
}

/* LOGO */

.rg-blog-logo img{
max-height:50px !important;
width:auto !important;
}

/* DESKTOP NAV */

.rg-blog-nav{
display:flex !important;
gap:30px !important;
align-items:center !important;
}

.rg-blog-nav a{
color:#fff !important;
font-size:15px !important;
text-decoration:none !important;
}

/* DROPDOWN DESKTOP */

.rg-dropdown{
position:relative !important;
}

.rg-dropdown-menu{
position:absolute !important;
top:100% !important;
left:0 !important;
background:#15916b!important;
min-width:180px !important;
padding:10px 0 !important;
border-radius:8px !important;
box-shadow:0 6px 15px rgba(0,0,0,.12) !important;
display:none !important;
}

/* Desktop hover only */
@media(min-width:769px){
.rg-dropdown:hover .rg-dropdown-menu{
display:block !important;
}
}

.rg-dropdown-menu a{
display:block !important;
padding:8px 15px !important;
	background: #15916b !important;
color:#0000 !important;
}

.main-navigation, 
.primary-navigation, 
.menu, 
nav {
color:#ffffff !important;
}

/* HIDE THEME HEADER */

body.page-template-page-blog header.site-header,
body.blog header.site-header,
body.single-post header.site-header{
display:none !important;
}

/* PUSH CONTENT */

#rg-blog,
.rg-container{
padding-top: 50px !important;
}
.single-layout {
	padding-top: 50px !important;
}
/* HAMBURGER */

.rg-menu-toggle{
display:none !important;
background:#fff  !important;
color:#0a7c5a !important;
font-size:20px !important;
padding:6px 10px !important;
border-radius:6px !important;
cursor:pointer !important;
}


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

@media(max-width:768px){

.rg-blog-inner{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
padding:12px 12px !important;
}
	@media(max-width:768px){
#rg-blog,
.rg-container{
padding-top: 90px !important;
		} }

/* MOBILE LOGO FIX */
.rg-blog-logo{
flex:1 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}

/* SHOW TOGGLE */
.rg-menu-toggle{
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex-shrink:0 !important;
margin-left:240px !important;
}
	

/* MOBILE MENU */

.rg-blog-nav{
display:none !important;
position:absolute !important;
top:65px !important;
left:0 !important;
width:100% !important;
background:#15916b !important;
flex-direction:column !important;
gap:15px  !important;
padding:20px !important;
box-shadow:0 6px 15px rgba(0,0,0,.15) !important;
}

.rg-blog-header.active .rg-blog-nav{
display:flex !important;
}

/* MOBILE DROPDOWN CLOSED */

.rg-dropdown-menu{
display:none !important;
position:relative !important;
box-shadow:none !important;
padding-left:15px !important;
}

.rg-dropdown.active .rg-dropdown-menu{
display:block !important;
}

/* GRID SAFETY */

.rg-post-grid,
.rg-posts,
.blog-grid,
.posts-grid{
grid-template-columns:1fr !important;
display:block !important;
}

}

/* FORCE NAV LINK STYLE */

.rg-blog-nav a{
color:#ffff!important;
transition:0.3s ease!important;
}

/* Hover effect */

.rg-blog-nav a:hover{
color:#000!important;
text-decoration:none!important;
}

/* Active / current page */

.rg-blog-nav a:active,
.rg-blog-nav a:focus{
color:#000!important;
outline:none!important;
}
/* REMOVE BROWSER FOCUS OUTLINE */

a:focus,
button:focus,
div:focus{
outline:none!important;
box-shadow:none!important;
}