/*
Theme Name: Rebalance Child
Author: Tony Helliwell
Description: Modified Rebalance Theme with colours, menu positioning and graphics.
Version: 1.0
Template: rebalance

This is the child theme for Rebalance theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


.site-heading {
	border-top: 3px solid #000;
	border-bottom: 6px solid #000;
	margin: 0;
	padding: 30px 0px 5px 0px;
}

/* Ensure correct X icon used in social menu */
.social-menu a[href*="twitter.com"]:before {
	content: '\e61b';
}

.social-menu a[href*="x.com"]:before {
	content: '\e61b';
}


/* Remove Title from category pages */
.category .page-title,
.archive .page-header {
    display: none;
}

/* Hide the search submit button */
.main-navigation .search-submit {
      display: none;
}

/* Remove thick line from under site title */
body .site-heading {
	border-top: none;
	border-bottom: none;
	padding: 30;
}

/* Remove line from single posts pages */
.single #page .site-main {
	border-top: 0px solid #000;
	padding: 20px 0 0;
}

/* Remove thick line from search results page */
.archive .page-header,
.search .page-header {
	border-top: 0px solid #000;
	padding: 30px 0;
	text-align: left;
}



.archive .page-header .page-title,
.search .page-header .page-title {
	border: 2px solid #000;
	display: inline-block;
	font-family: "Rubik", "Helvetica Neue", sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 4px 8px;
}



/* Remove thick line from search not found and 404 pages */
.error404 .not-found,
.blog .not-found,
.page-template-portfolio-page .not-found,
.search-no-results .page-content {
	border-top: 0px solid #000;
	padding: 10px 0;
}

/* main Navigation amendments */
.main-navigation {
	clear: both;
	display: table;
	float: none;
	font-size: 1rem;
	position: relative;
	width: 100%;

	/* NEW */
	padding-top: 0px;
	padding-bottom: 15px;
	border-bottom: 2px solid #303030;
	/* border-bottom: 1px solid rgba(0,0,0,0.9); */
	margin-bottom: 40px;

}

.main-navigation ul { list-style-type: none; }
	.main-navigation ul li { 
		padding: 0;
		margin: 0 40px 30px 0; 
		float: left;
		width: 210px;
		text-transform:uppercase;
		letter-spacing: 0.2em;
		font-family: "museo-sans",sans-serif;
		font-style: normal;
		font-weight: 900;
		font-size: 16px;
	}

/* Add icons to menu items */
	li.about-nav a:before { content:url('https://kalimbaculverwell.com/wp-content/uploads/2026/01/circle.png'); vertical-align: text-bottom; margin: 0 0.5em 0 0; } 
    li.blog-nav a:before { content:url('https://kalimbaculverwell.com/wp-content/uploads/2026/01/square.png'); vertical-align: text-bottom; margin: 0 0.5em 0 0; }
	li.shop-nav a:before { content:url('https://kalimbaculverwell.com/wp-content/uploads/2026/01/triangle.png'); vertical-align: text-bottom; margin: 0 0.5em 0 0; } 
	.main-navigation ul a { 
		line-height: 13px; color: #303030; text-decoration: none; 
	}
	
/* Add colour to menu text when selected */

	.category-about .main-navigation ul .current-menu-item a, 
	.category-about .main-navigation ul .current-menu-parent a { color: #4a98e4; }
	
	.category-blog .main-navigation ul .current-menu-item a, 
	.category-blog .main-navigation ul .current-menu-parent a { color: #d9545d; }
	
	.category-shop .main-navigation ul .current-menu-item a, 
	.category-shop .main-navigation ul .current-menu-parent a { color: #6eb0bb; }

/* Add custom colours to highights around cards when hovered over */
.card.category-about:hover {
		color: #FFF;
		background-color: #4a98e4;
	}
	
    .card.category-blog:hover {
		color: #FFF;
		background-color: #d9545d;
	}
	
    .card.category-shop:hover {
		color: #FFF;
		background-color: #6eb0bb;
	}




@media screen and (min-width: 768px) {

    /* Flex container for menu + search */
    .main-navigation {
        display: flex;
			/* vertical alignment of everything */
        justify-content: flex-start; /* menu stays left */
        width: 100%;
    }

    /* Menu container shrinks to fit items */
    .main-navigation li {
        display: flex;
        flex: 0 0 auto;       /* do not stretch */
        margin: 0;
        padding: 0;
        list-style: none;
    }

    /* Menu items tight */
    .main-navigation  li {
        margin: 0 5px;        /* adjust spacing as needed */
    }

    /* Push search to the far right */
    .main-navigation .search-form 
    }

    /* Search input styling */
    .main-navigation .search-field {
        max-width: 180px;
        padding: 5px 8px;
        font-size: 14px;
        line-height: normal;
    }


/* Fonts */
td { vertical-align: top; }
ul { list-style-position: inside; }

h1 {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 0;
	margin: 0;
}

h2 { 
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 24px;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 0;
	margin: 0 0 1em 0;
}

h3 { 
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 16px;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 0;
	margin: 0 0 1em 0;
}

h4 { 
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 16px;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 0;
	margin: 0 0 1em 0;
}

h4 a:link { text-decoration: none; color: #333333; }
h4 a:visited { text-decoration: none; color: #333333; }
h4 a:hover { text-decoration: underline; color: #000000; }

h5 { 
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 13px;
	letter-spacing: 0.25em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 1em 0;
}

h6 { 
	font: 13px PrestigeEliteStd-Bd, "Courier New", Courier, mono;
	letter-spacing: 0em;
	font-weight: normal;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 1em 0;
}


/* Slideshow */
.easingsliderlite-viewport {
	margin: 0 0 1em 0;
}