/* You can change this file
This css is for anything related to colours of main divs

Paste the brand colours you've been given here: 
    
    #000033; /* blue * / 
    #006600; /* dark green * /
	#66ff66; /* light green - accent/lines only * /
	#000033 blue
    */
:root {
	/* colours */
	--blue: #000033; /* blue */
	--transparent-black: #00000070; /* var(--transparent-black) */
	--light-green: #66ff66; /*light green */
	--dark-green: #006600; /*dark green */
	
	--header-background: black;
	--header-transparent: black;
	--topnav-background: transparent;
	--topnav-color: white;
	--button-background: var(--dark-green);
	--button-color: white;
	--footer-background:black;
}
#main { color: var(--gray); }

.has-background .wp-block-button{
	background: var(--button-background);
	color: var(--button-color);
}

.wp-block-button{
	background: var(--button-background);
	color: var(--button-color);
}

html, body ,
#header { color: var(--blue);
 background: white; 
 }

#page {
color: inherit;
}

/* Backgrounds */

#page {
background: inherit;    
}

#header {
background: var(--header-transparent); 
background-size: 100% 100%;      
}

#topnav {
background: var(--topnav-background);
color:var(--topnav-color);
}

#header > #page {
background: transparent !important;
}

#logo {
background: inherit;
}

#header #sixthblock button {
	background:var(--light-green);
	color: black;
}

#nav {
background: var(--gold); 
color: white; 
}

#nav li a {
background: transparent;    
color: white;   
}

#nav li a:hover {
    color: #66ff66;
}

#header #sixthblock button {
	background: var(-);
}

#gallery {
background: transparent; 
}

button#ingallery  {
	border: 2px solid var(--light-green)!important;
}

#gallery #twothirdsblock #inset #inset {
	border-left: 2px solid var(--light-green);
}

#gallery #twothirdsblock #inset button {
	background: transparent;
	border: 2px solid white;
	color: white;
}

#gallery #halfblock {
    background: var(--transparent-black);	
	color: white;
}


button {
   background: var(--button-background);
   color: var(--button-color);
}

#main {
background: white;
}

.section_banner {
color:  white;
}

#halfblock {
background: inherit;
}

#thirdblock {
    background: inherit;
}

#footer {
    background: var(--footer-background);
	color:white;
}