/*
	Theme Name: Citizens Advice County Durham 2026 Theme
	Theme URI: [https://www.example.com]
	Description: Child theme of PHD Base Theme for Citizens Advice County Durham
	Version: 1.0
	Author: Peter Hinton
	Author URI: https://www.peterhintondesign.co.uk
	Template: wp-peterhintondesign-2026
	License: GPL-2.0-or-later
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: [client-name-theme]
	Domain Path: /languages
	Tags: child-theme, gutenberg, custom-blocks, acf
*/

:root {
	/* Brand Colors */
	--primary: #004b88; 
	--secondary: #018176;
	--tertiary: #fcbb69;
	--accent: #df3034;
	--dark: #161616;

	/* Font Sizes */
	--fontsize-h1: 64px;
	--fontsize-h2: 42px;
	--fontsize-h3: 34px;
	--fontsize-h4: 24px;
	--fontsize-h5: 22px;
	--fontsize-normal: 18px;
	--fontsize-small: 12px;
	--fontsize-medium: 16px;
	--fontsize-large: 22px;

	/* Fonts */
	--font-primary: 'Open Sans', sans-serif;
	--font-secondary: 'Open Sans', sans-serif;

	--border-radius-small: 0px;
	--border-radius-medium: 0px;

}

body{padding-top: 100px;}

h1{font-weight: 700;}
h2{font-weight: 500;}
h3{font-weight: 500;}

#header{background: #fff; top: 0;}
#header .content{padding: 0;}
#header .logo{display: block; position: relative; height: 100%; width: auto; padding: 0; box-sizing: border-box; }
#header .logo img{z-index: 1; width: none; position: relative; z-index: 1;  padding: 10px 0 0 0;  box-sizing: border-box; height: 100px; transition: all 0.3s ease-in-out 0s;}
#header .content::before{content: ''; display: block; z-index: 1; transition: all 0.3s ease-in-out 0s; width: 126px; aspect-ratio: 4 / 1; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="50px" viewBox="0 0 200 50" style="enable-background:new 0 0 200 50;" xml:space="preserve"><style type="text/css">.st0%7Bfill:%23FFFFFF;%7D</style><path class="st0" d="M0.4,0c24.1,0,38.5,14.3,45.1,21c30.1,30.1,78.9,30.1,109,0c6.6-6.6,21-21,45.1-21C210.6,0-10.7,0,0.4,0z"/></svg>'); background-repeat: no-repeat; background-size: contain; background-position: left center; position: absolute; top: calc(100% - 1px); left: -18px;}

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

	body.scrolled #header{box-shadow: var(--box-shadow); }
	body.scrolled #header .content{padding: inherit; background: transparent;}

	body.scrolled #header .logo{width: auto; max-width: none;}
	body.scrolled #header .logo img{height: 90px;}
	body.scrolled #header .content::before{content: ''; display: block; width: 70px; left: 4px;}
	body.scrolled #header .header-menu > li > a{color: inherit;}
	body.scrolled #header .header-menu > li:hover > a{background-color: transparent; color: inherit;}
	
}

@media (max-width: 768px) {
	/* Mobile-specific overrides */
}

@media (max-width: 480px) {
	/* Small mobile-specific overrides */
}