/*
Theme Name: 	KW 2025 Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	based on the starkers theme
Version: 		4.0
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav
{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */  }


/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */




/* standard layout*/

body 
{
padding:0px;background-color:#ffffff;border:0px;margin:0px;  font-family: "Lato", sans-serif;
  font-weight: 300;-webkit-font-smoothing: antialiased;
}



/*  colours */

.has-background-dim h1 {color:#EAEBE4}	
.has-background-dim h3 {color:#EAEBE4}	

.has-kw-dark-blue-background-color {background-color:#1856aa;}

.has-kw-dark-blue-background-color h1 {color:#ffffff;}
.has-kw-dark-blue-background-color h2 {color:#ffffff;}
.has-kw-dark-blue-background-color h3 {color:#ffffff;}
.has-kw-dark-blue-background-color p {color:#ffffff;}
.has-kw-dark-blue-background-color li {color:#ffffff;}

.has-kw-light-blue-background-color {background-color:#5d9af4;}

.has-kw-light-blue-background-color h1 {color:#ffffff;}
.has-kw-light-blue-background-color h2 {color:#ffffff;}
.has-kw-light-blue-background-color h3 {color:#ffffff;}
.has-kw-light-blue-background-color p {color:#ffffff;}
.has-kw-light-blue-background-color li {color:#ffffff;}

.has-kw-sandy-background-color {background-color:#e9b370;}

.has-kw-sandy-background-color h1 {color:#ffffff;}
.has-kw-sandy-background-color h2 {color:#ffffff;}
.has-kw-sandy-background-color h3 {color:#ffffff;}
.has-kw-sandy-background-color p {color:#ffffff;}
.has-kw-sandy-background-color li {color:#ffffff;}


.has-kw-dark-grey-background-color {background-color:#666666;}

.has-kw-light-grey-background-color {background-color:#e5e5e5;}

.has-kw-white-background-color {color:#ffffff;}

.has-kw-black-background-color {color:#181818;}


.has-kw-dark-blue-color {color:#1856aa;}

.has-kw-light-blue-color {color:#5d9af4;}

.has-kw-sandy-color {color:#e9b370;}

.has-kw-dark-grey-color {color:#666666;}

.has-kw-light-grey-color {color:#e5e5e5;}

.has-kw-white-color {color:#ffffff !important}

.has-kw-black-color {color:#181818;}


.wp-block-button__link:hover {text-decoration:none !important;}


.navigation-row li.mega-menu-item > a.mega-menu-link {
    letter-spacing: 2px;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}


.fraunces-thing {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 1;
}