/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



.site-header {
 border-bottom: 1px solid #E5E7EB;	
}

/* Sticky header refined */
.navigation-stick {
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #E5E7EB;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    transition: background 0.25s ease;
}
.navigation-stick .main-navigation .main-nav ul li a {
    padding-top: 18px;
    padding-bottom: 18px;
}


/* sub menu */
.main-navigation .main-nav ul li {
    position: relative;
}

/* Base nav links */
.main-navigation .main-nav ul li a {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #374151;
    transition: all 0.2s ease;
}

/* Hover state */
.main-navigation .main-nav ul li a:hover {
    color: #00A4FE;
}

/* Active TOP LEVEL page (layout-safe underline) */
.main-navigation .main-nav > ul > li.current-menu-item > a {
    position: relative;
    border-bottom: none;
    color: #0D172D;
    font-weight: 600;
}

/* Modern SaaS underline */
.main-navigation .main-nav > ul > li.current-menu-item > a::after {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 8px;
    height: 2px;
    background: #00A4FE;
    border-radius: 2px;
}


/* Allow active item to still hover blue */
.main-navigation .main-nav ul li.current-menu-item > a:hover,
.main-navigation .main-nav ul li.current-menu-ancestor > a:hover {
    color: #00A4FE;
}

.main-navigation ul ul {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(0,0,0,0.08);
    padding: 8px 0;

    top: 100%;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease;

    pointer-events: none;
    min-width: 220px;
}

/* Show dropdown */
.main-navigation li:hover > ul {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}


/* Invisible hover bridge */
.main-navigation .main-nav ul li::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 12px;
}


/* DROPDOWN ITEMS */

.main-navigation ul ul li a {
    padding: 10px 18px;
    font-size: 14px;
    color: #374151;
}

/* Hover dropdown item */
.main-navigation ul ul li a:hover {
    background: #F9FAFB;
    color: #00A4FE;
}

/* Active dropdown page */
.main-navigation ul ul li.current-menu-item > a {
    color: #0D172D;
    font-weight: 600;
    background: #F9FAFB;
    border-left: 3px solid #00A4FE;
    padding-left: 15px;
}

/* Active dropdown still hoverable */
.main-navigation ul ul li.current-menu-item > a:hover {
    color: #00A4FE;
}


/* ============================= */
/* CrawlRhino Blog Styling */
/* ============================= */

/* Page gradient */
body.single-post{
background: linear-gradient(
90deg,
#071427 0%,
#0B1F36 25%,
#102C4A 50%,
#0B1F36 75%,
#071427 100%
);
}

/* Body text */
.single-post .entry-content{
color:#C7D4E5;
line-height:1.75;
font-size:17px;
margin:auto;
margin-bottom:80px;
}

/* Paragraph spacing */
.single-post .entry-content p{
margin-bottom:20px;
}

.single-post .entry-content h2{
color:#FFFFFF;
font-size:30px;
margin-top:55px;
margin-bottom:14px;
font-weight:600;
}

.single-post .entry-title{
font-size:42px;
line-height:1.2;
font-weight:600;
color:#FFFFFF;
}

.single-post .entry-content h3{
color:#00A4FE;
font-size:22px;
margin-top:40px;
margin-bottom:10px;
font-weight:600;
}

.single-post .entry-content a{
color:#00A4FE;
text-decoration:none;
}

.single-post .entry-content a:hover{
color:#5EC5FF;
text-decoration:none;
}

.single-post .entry-content ul li{
margin-bottom:8px;
}

.single-post .entry-content li::marker{
color:#00A4FE;
}

.single-post hr{
border:none;
border-top:1px solid rgba(255,255,255,0.12);
margin:40px 0;
}

.single-post .entry-content .gb-button{

background:linear-gradient(90deg,#00A4FE,#047EBC);
color:#ffffff !important;
border-radius:10px;
padding:12px 22px;
font-weight:600;
text-decoration:none;
display:inline-block;
}

.single-post .entry-content .gb-button:hover{

background:linear-gradient(90deg,#00B6FF,#0090E0);
color:#ffffff !important;
}

.single-post .entry-meta a{
color:#5EC5FF;
}

.single-post .entry-meta a:hover{
color:#00A4FE;
}

.post-navigation {
    display:flex;
    gap:20px;
    margin-top:70px;
    margin-bottom:60px;
}

/* equal width */
.post-navigation .nav-previous,
.post-navigation .nav-next {
flex: 1;
display: flex;
}

/* navigation cards */

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 24px 28px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    background: #0D172D;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 600;
    transition: all .25s ease;
}

/* labels */
.post-navigation .nav-previous
a::before {
    content: "← Previous guide";
    font-size: 13px;
    font-weight: 500;
    color: #9FB3C8;
    margin-bottom: 6px;
}

.post-navigation .nav-next a::before{
content: "Next guide →";
font-size: 13px;
font-weight: 500;
color: #9FB3C8;
margin-bottom:6px;
}

.post-navigation a:hover{
background: #00A4FE;
border-color: #00A4FE;
color: #FFFFFF !important;
transform:translateY(-3px);
}

/* remove default arrows */
.post-navigation .gp-icon{
display: none;
}

/* Mobile */
@media (max-width: 768px) {
    .post-navigation {
        flex-direction: column;
    }
}

/* Space around blog images */

.single-post .entry-content img{
margin:30px 0;
border-radius:6px;
}

.single-post .entry-content .gb-media{
margin:35px 0;
}

.single-post .entry-content figure{
margin:35px 0;
}

.single-post .entry-content img{
box-shadow:0 12px 40px rgba(0,0,0,.45);
}

.single-post .entry-title{
margin-bottom:14px;
}

.single-post .entry-meta{
margin-bottom:26px;
font-size:14px;
color:#9FB3C8;
}

.single-post .entry-content > p:first-child{
margin-top:10px;
}