/*
Theme Name: Stādu parāde
Theme URI: https://awtech.lv
Author: Alfa Web Technology
Author URI: https://awtech.lv
Description: Theme for www.staduparade.lv
Version: 1.0.0
License: All rights reserved
License URI: https://awtech.lv
Text Domain: staduparade
Tags: plain
*/


/*

#	ToDo

* Remove "GP" stuff and references.


*/

/*	Reset	
normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
*/

*, *::before, *::after { /* Inherit box-sizing to more easily change it's value on a component level. */
	box-sizing: inherit;
	margin: 0;
}

/*
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	box-sizing: border-box;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

a { /* Remove the gray background on active links in IE 10. */
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

b, strong { /* Add the correct font weight in Chrome, Edge, and Safari. */
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
}

small { /* Add the correct font size in all browsers. */
	font-size: 80%;
}

sub, sup { /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}  
sup {
	top: -0.5em;
}

img { /* Remove the border on images inside links in IE 10. */ 
	border-style: none;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
	text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] { /* Correct the inability to style clickable types in iOS and Safari. */
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { /* Remove the inner border and padding in Firefox. */
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { /* Restore the focus styles unset by the previous rule. */
	outline: 1px dotted;
}

fieldset { /* Correct the padding in Firefox. */
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
  */
 legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress { /* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
	vertical-align: baseline;
}

textarea { /* Remove the default vertical scrollbar in IE 10+. */
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"], [type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { /* Correct the cursor style of increment and decrement buttons in Chrome. */
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration { /* Remove the inner padding in Chrome and Safari on macOS. */
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

details { /* Add the correct display in Edge, IE 10+, and Firefox. */
	display: block;
}

summary { /* Add the correct display in all browsers. */
	display: list-item;
}

template { /* Add the correct display in IE 10+. */
	display: none;
}

[hidden] { /* Add the correct display in IE 10. */
	display: none;
}



/*	Variables	*/

@font-face {
	font-family: "Rubik";
	src: local('Rubik'),
	url('/wp-content/themes/staduparade/font/Rubik.woff2') format('woff2'),
	url('/wp-content/themes/staduparade/font/Rubik.woff') format('woff'),
	url('/wp-content/themes/staduparade/font/Rubik.ttf') format('truetype');
}

@font-face {
	font-family: "Raleway";
	src: local('Raleway'),
	url('/wp-content/themes/staduparade/font/Raleway.woff2') format('woff2'),
	url('/wp-content/themes/staduparade/font/Raleway.woff') format('woff'),
	url('/wp-content/themes/staduparade/font/Raleway.ttf') format('truetype');
}

:root {
	--aw-text: #555555; /* text on white */
	--aw-primary: #4B7DCB; /* headings */
	--aw-secondary: #0B3D8B; /* hover; background */
	--aw-light-text: #E2E2E2;  /* text on dark background */
	--aw-light-hover: #7A7A7A; /* hover when primary not used (686868) */
	--aw-bright-text: #FFFFFF; /* bright text on dark background */
	--aw-secondary-text: #AAAAAA; /* pale secondary text, border and element color */
	--aw-background-overlay: #000B1B; /* video and image bakcground overlay #000B1BA3 FFx0,64 */
	--aw-background-opacity: 0.64; /* background overlay opacity */
	--aw-transparent-background: #000000; /* dark transparent background #0000003B 75x0,5: header menu; page menu; */
	--aw-transparent-opacity: 0.23; /* dark trasnparent background opacity */
	--aw-main-menu-background: rgba( 47, 47, 47, 0.99 ); /* #2F2F2F */
	--aw-main-menu-border: #696969;

	--aw-opacity: 0.5; /* semi transparent blocks */
	--aw-transition-duration: 0.3s; /* default duration for hover etc. */

	--aw-font-primary: "Rubik", Arial, Roboto, Helvetica sans-serif; /* Rubik text; menu */
	--aw-font-secondary: "Raleway", Helvetica, Verdana, sans-serif; /* Raleway heading; large text; category; breadcrumbs; link;  */
	--aw-weight-text: 300; /* font Light: text; menu; light heading; */
	--aw-weight-medium: 400; /* font Normal: menu heading; large text; */
	--aw-weight-heavy: 500; /* font Medium: heading; link; category; breadcrumbs */

	/*	16 19(20) 30(29) 32 */
	--aw-size-text: 1rem; /* font size (16px): body text; menu; category; links; */
	/*--aw-size-menu-heading: 1.1875rem; /* font size (19px): menu headings; */
	--aw-size-heading: 2.5rem; /* font size (40) page/article headings */
	--aw-size-subheading: 1.875rem; /* font size (29-30px): secondary heading; */
	--aw-size-heading-3: 1.406rem; /* font size (~22.5px): h3 */
	--aw-size-menu-heading: 1.25rem; /* font size (20px): menu headings; */
	--aw-size-heading-list: 1.17rem; /* font size (18.72px): h3/h4 in loop lists */
	
	--aw-line-menu-heading: 1; /* line height: menu heading; */
	--aw-line-menu: 1.20; /* line height: menu points; (1.25; 1.5) */

	--aw-group-padding: 50px; /* for block groups, large offset */
	--aw-block-padding: 20px; /* toolbar; menu columns; page menu; breadcrumb; */
	--aw-text-padding: 10px; /* normal padding for content; */

	--aw-content-width: 1140px; /* max-width: 1140px boxed Content width */
	
	/* min-width: 2048px (2K) Breaking point Super wide */
	/* min-width: 782px Breaking point, from */
	/* max-width: 781px Breaking point, up to */

	--aw-icon-line: 2px; /* Icon and other decorative element line width */
}

/* Universal selector
Might be problematic overriding
*/
/*
* { 
	font-family: var(--aw-font-primary);
}
*/


/*	Generic	*/

html {
	scroll-behavior: smooth;
}

body {
	min-height: 100vh; /* Fill heitght of the screen */
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	color: var(--aw-text);
	font-size: 100%; /* Default in broser. Usually 16px. */
	font-family: var(--aw-font-primary);
	font-weight: var(--aw-weight-text);
	margin: 0;
	background-color: #fff;
}
body.aw-while-loading * {
	transition: none !important; /* Stop transitions from firing. Class removed in JS. */
}

main {
	display: block; /* Render the `main` element consistently in IE. */
	flex-grow: 1; /* Fill empty space */
	padding: var(--aw-block-padding) 0 var(--aw-group-padding) 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--aw-font-secondary);
}

h2 {
	font-weight: var(--aw-weight-heavy);
}

h3 {
	font-weight: var(--aw-weight-medium);
}

p {
	padding: var(--aw-text-padding) 0 0 0;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
}


/*	Elements	*/

.aw-widget-section {

}

.aw-widget-column { /* Separate column in widget area */

}

.aw-widget-menu { /* Menu part of widget column in section */

}

.aw-widget-menu-title {

}

#site-header {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: var(--aw-secondary);
}
#site-header::before {
	content: "";
	background-color: var(--aw-background-overlay);
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 3;
	opacity: var(--aw-background-opacity);
}

.aw-homepage-header,
.aw-page-header {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	position: relative;
}

.aw-page-header {
	min-height: 200px;
}

video.aw-background-full {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	z-index: 0;
/*
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
*/	
	/*top: 0; Didn't work
	bottom: 0;
	margin: auto 0;*/
}

.aw-header-logo {
	/*align-self: center;*/
	display: flex;
	/*vertical-align: middle;*/
	align-items: center;
	justify-content: center;
	padding: 30px 10px;
	text-align: center;
	z-index: 3;
	flex-grow: 1;
}
@media ( max-width: 781px ) {
	.aw-header-logo {
		padding-top: calc( var(--aw-block-padding) * 2 );
	}
}
.aw-header-logo img {
	width: 90%;
	max-width: 600px;
	max-height: 90vh;
}

.widgettitle {
	font-weight: var(--aw-weight-medium);
}


/*	Unmute button	*/
#mute-button {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding: var(--aw-block-padding);
	background-color: transparent;
	border: none;
	z-index: 8;
	transition: var(--aw-transition-duration);
}
@media ( max-width: 781px ) {
	#mute-button {
		padding: calc( var(--aw-block-padding) / 2 );
	}
}

#mute-button svg {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 40px;

	stroke: var(--aw-bright-text);
	stroke-width: 0;
	fill: var(--aw-bright-text);
	cursor: pointer;
}
#mute-button.muted svg {
	/*stroke: #fff;*/
	stroke-width: 0.2;
	fill: none;
}


/*	Top toolbar with buttons (language, burger)	*/
.aw-top-toolbar {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	text-align: right;
	/*position: absolute;
	top: 0;
	right: 0;*/
	padding: var(--aw-block-padding);
	z-index: 10;
	/*transition: var(--aw-transition-duration);*/
}
@media ( max-width: 781px ) {
	.aw-top-toolbar {
		padding: calc( var(--aw-block-padding) / 2 );
	}
	.aw-top-toolbar.aw-menu-visible {
		padding-right: var(--aw-block-padding);
	}
}

.aw-top-toolbar > div { /* Toolbar item */
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 32px;
	height: 32px;
}

#language-menu {
	color: var(--aw-light-text);
	height: auto;
	width: auto;
	max-height: 32px;
	overflow: hidden;

	font-size: 32px; /* Equal to burger size and not common fonts */
	text-align: left;
	text-transform: uppercase;
	padding-right: var(--aw-text-padding);
	padding-left: var(--aw-text-padding);
	box-sizing: content-box;
	transition-duration: var(--aw-transition-duration);

	cursor: pointer;
}
#top-toolbar.aw-menu-visible #language-menu {
	/*visibility: hidden;*/
	display: none;
}
#language-menu:hover,
#language-menu:focus {
	max-height: calc( 221px + var( --aw-text-padding ) ); /* Room for 6 languages */
	padding-bottom: var(--aw-text-padding);
	backdrop-filter: blur(5px);
}

#language-menu > * {
	display: block;
	height: 32px;
}

#language-menu a {
	color: var(--aw-light-text);
}
#language-menu a:hover,
#language-menu a:focus {
	color: var(--aw-light-hover);
}

#language-menu span {
	/*z-index: 10;*/
}

#burger-menu {
	cursor: pointer;
}

#burger-menu .aw-burger-icon,
#burger-menu .aw-burger-icon:before,
#burger-menu .aw-burger-icon::after {
	content: "";
	position: absolute;
	width: 32px;
	/*height: 2px;*/
	height: var(--aw-icon-line);
	left: 0px;
	top: 15px;
	background-color: var(--aw-light-text);
	transition: var(--aw-transition-duration);
}
#burger-menu .aw-burger-icon::before {
	width: 16px;
	left: 16px;
	top: -11px;
}
#burger-menu:hover .aw-burger-icon::before,
#burger-menu:focus .aw-burger-icon::before,
#top-toolbar.aw-menu-visible .aw-burger-icon::before {
	width: 32px;
	left: 0px;
}
#burger-menu .aw-burger-icon::after {
	width: 16px;
	top: 11px;
}
#burger-menu:hover .aw-burger-icon::after,
#burger-menu:focus .aw-burger-icon::after,
#top-toolbar.aw-menu-visible .aw-burger-icon::after {
	width: 32px;
}
#top-toolbar.aw-menu-visible .aw-burger-icon {
	transform: rotateZ(-180deg);
}
#top-toolbar.aw-menu-visible .aw-burger-icon::before {
	transform: rotateZ(-45deg) scaleX(0.66) translate(-14px, -3px);
}
#top-toolbar.aw-menu-visible .aw-burger-icon::after {
	transform: rotateZ(45deg) scaleX(0.66) translate(-14px, 3px);
}


/*	Header menu	*/

.aw-header-menu {
	display: flex;
	position: relative;
	color: var(--aw-light-text);
	/*background-color: var(--aw-transparent-background);*/
	/*margin-top: auto;*/
	z-index: 5;
	font-family: var(--aw-font-secondary);
}
.aw-header-menu::before {
	content: "";
	background-color: var(--aw-transparent-background);
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	opacity: var(--aw-transparent-opacity);
}
/*.aw-page-menu::before {
	z-index: 0;
}*/

.aw-header-menu li a,
.aw-footer-menu li a,
.aw-footer-menu a,
.aw-main-menu li a {
	display: block;
	width: 100%;
	padding: 6px 0; /* 5px */
	transition: color var(--aw-transition-duration), padding var(--aw-transition-duration);
}

.aw-header-menu li a {
	color: var(--aw-light-text);
	padding: 3px 0;
}
.aw-header-menu li a:hover,
.aw-header-menu li a:focus,
.aw-main-menu li a:hover,
.aw-main-menu li a:focus {
	color: var(--aw-light-hover);
	/*color: var(--aw-text);*/
	padding-left: 3px;
}

.aw-header-menu li,
.aw-footer-menu li,
.aw-footer-menu a,
.aw-footer-menu p,
.aw-main-menu li {
	font-family: var(--aw-font-primary);
	font-weight: var(--aw-weight-text);
	line-height: var(--aw-line-menu);
}

.aw-header-menu .widgetarea,
.aw-footer-menu .widgetarea {
	width: 100%;
}

.aw-header-menu .widget,
.aw-footer-menu .widget {
	/* height: 100%; */
}

.aw-header-menu .wp-block-columns,
.aw-footer-menu .wp-block-columns,
.aw-main-menu .wp-block-columns,
.aw-page-menu ul {
	height: 100%;
	gap: 0;
}

.aw-header-menu .menu,
.aw-header-menu ul {
	font-weight: var(--aw-weight-medium);
	padding: 0;
}

.aw-page-menu ul {
	width: 100%; /* 1140px */
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}

.aw-header-menu .wp-block-column,
.aw-page-menu li {
	padding: var(--aw-block-padding);
	opacity: var(--aw-opacity);
	transition: opacity var(--aw-transition-duration), backdrop-filter var(--aw-transition-duration);
}
.aw-header-menu .wp-block-column:hover,
.aw-header-menu .wp-block-column:focus,
.aw-page-menu:hover li,
.aw-page-menu:focus li {
	opacity: 1;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.aw-header-menu.aw-page-menu li {
	text-align: center;
}

.aw-page-menu li a {
	/*white-space: nowrap;*/
	padding-right: 3px;
}
.aw-page-menu li a:hover,
.aw-page-menu li a:focus {
	padding-right: 0;
}



/*
	Homepage Specific
columns stack on small.
*/	
#homepage-menu {
	min-height: 10vh
}
/*#homepage-menu .widgettitle {
	font-size: var(--aw-size-menu-heading);
	line-height: var(--aw-line-menu-heading);
	border-bottom: 1px solid;
	padding-bottom: 5px;
}*/
#homepage-menu h3,
#homepage-menu .widgettitle {
	font-size: var(--aw-size-menu-heading);
	line-height: var(--aw-line-menu-heading);
	border-bottom: 1px solid;
	padding-bottom: 5px;
	margin-bottom: 16px;
}



/*
	Footer menu secion
		Main menu
*/

#footer-menu {
	position: relative;
	background-color: var(--aw-secondary);
}
#footer-menu:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

	background-image: url('/wp-content/themes/staduparade/img/logoatom.png');
	background-repeat: no-repeat;
	/*background-position: -273px -124px;*/
	background-position: -273px calc( 100% + 362px );
	opacity: 0.18;
	z-index: 0;
}

.aw-footer-menu {
	display: flex;
	color: var(--aw-bright-text);
	font-family: var(--aw-font-secondary);
	padding: 0 30px;
}

@media ( max-width: 1140px ) and ( min-width: 782px ) {
	.aw-footer-menu {
		padding: 0;
	}
}

#footer-sidebar {
	z-index: 5;
}

.aw-footer-menu li a,
.aw-footer-menu a,
.aw-footer-menu p,
.aw-main-menu li a,
.aw-main-menu a,
.aw-main-menu p {
	color: var(--aw-bright-text);
}
.aw-footer-menu li a:hover,
.aw-footer-menu li a:focus,
.aw-footer-menu a:hover,
.aw-footer-menu a:focus {
	color: var(--aw-primary);
	padding-left: 3px;
}
/* Exclude images */
/*.aw-footer-menu figure a:hover, 
.aw-footer-menu figure a:focus {
	padding-left: 0;
}*/

.aw-footer-menu .wp-block-column {
	padding: var(--aw-block-padding) 0;
}

@media ( min-width: 782px ) {
	.aw-footer-menu .wp-block-column {
		padding: var(--aw-block-padding);
	}

	.aw-footer-menu .wp-block-column:not(:last-child) {
		border-right: 1px solid #FFFFFF5E;
	}
} /* @media ( min-width: 782px ) */

@media ( max-width: 781px ) {
	.aw-footer-menu .wp-block-column:not(:last-child) {
		border-bottom: 1px solid #FFFFFF5E;
	}
	
}

#footer-menu h3,
#footer-menu .widgettitle,
#main-menu h3,
#main-menu .widgettitle {
	color: var(--aw-primary);
	font-size: var(--aw-size-menu-heading);
	font-weight: var(--aw-weight-medium);
	line-height: var(--aw-line-menu-heading);
	padding-bottom: var(--aw-size-text);
}

.aw-footer-menu .menu,
.aw-footer-menu ul,
.aw-main-menu .menu,
.aw-main-menu ul {
	font-weight: var(--aw-weight-medium);
	padding: 0 0 var(--aw-size-text) 0; /* Size of single line */
}

.aw-footer-menu p {
	/*color: var(--aw-primary);*/
	padding: 6px 0;
}

.aw-footer-menu p a {
	padding: 0;
}

.aw-footer-menu figure.aw-image-right {
	display: flex;
	align-items: center;
}
.aw-footer-menu figure.aw-image-right > img {
	order: 2; /* Image after text */
}
.aw-footer-menu figure.aw-image-right > figcaption {
	margin: 0;
	padding-right: 10px;
}

/* Main menu fix */
#main-menu .menu-portfolio-container ul li:nth-child( n + 6 ),
#homepage-menu .menu-portfolio-container ul li:nth-child( n + 7 ){
	display: none;
}



/*	
	Breadcrumbs	
*/
#breadcrumbs {
	color: var(--aw-secondary-text);
}

#breadcrumbs ul {
	width: 100%; /* 1140px */
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: left;
	padding: 0 0 var(--aw-block-padding) 0;
}

#breadcrumbs ul li {
	font-family: var(--aw-font-secondary);
	font-weight: var(--aw-weight-heavy);
}

#breadcrumbs a {
	color: var(--aw-secondary-text);
	font-weight: var(--aw-weight-heavy);
	transition: color var(--aw-transition-duration);
}

#breadcrumbs a:hover,
#breadcrumbs a:focus {
	color: var(--aw-primary);
}

/*#breadcrumbs li:not(:first-child) a {
	padding-left: var(--aw-text-padding);
}*/

#breadcrumbs li:not(:first-child) {
	padding-left: var(--aw-text-padding);
}

#breadcrumbs li:not(:first-child):before {
	content: "-";
	padding-right: var(--aw-text-padding);
}



/*
	Main Menu

Some definitions are coupled with other menus

Overlay - <nav #main-menu .widget-section .aw-main-menu .sidebar
Content - <div #main-menu-sidebar .widgetarea 

*/

#main-menu {
	display: flex;
	justify-content: center;
	height: 100vh;
	width: 100%; /* vw pushes vertical scrollbar out of the view */
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	overflow: auto;
	color: var(--aw-bright-text);
	font-family: var(--aw-font-secondary);
	background-color: var(--aw-main-menu-background);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	transform: translateX(100%);
	transition: transform var(--aw-transition-duration);

	/*overflow-x: hidden;*/
	/*backdrop-filter: opacity(0.5);*/
	/*background-image: url('/wp-content/themes/gpsystems/img/logoatom.png');
	background-repeat: no-repeat;
	background-position: -257px calc( 100% + 257px );*/
}
/*#main-menu::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

	background-image: url('/wp-content/themes/gpsystems/img/logoatom.png');
	background-repeat: no-repeat;
	background-position: -257px calc( 100% + 257px );
	opacity: 0.05;
	z-index: 0;
}*/
#main-menu.aw-menu-visible {
	transform: translateX(0%);
}

/*#main-menu-sidebar:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/wp-content/themes/gpsystems/img/logoatom.png');
	background-repeat: no-repeat;
	background-position: -257px calc( 100% + 257px );
	opacity: 0.05;
	z-index: 0;
} */

#main-menu-background {
	display: flex;
	width: fit-content;
	height: fit-content;
	min-width: 100%;
	min-height: 100%;
	position: relative;
}
#main-menu-background::before {
	content: "";
	background-image: url('/wp-content/themes/gpsystems/img/logoatom.png');
	background-position: -257px calc( 100% + 257px );
	background-repeat: no-repeat;
	opacity: 0.05;
	height: 100%;
	display: flex;
	position: absolute;
	width: 100%;
}


#main-menu-sidebar {
	position: relative;
	width: 100%;
	margin: auto 0 auto 0;
	border-top: 1px solid var(--aw-main-menu-border);
	border-bottom: 1px solid var(--aw-main-menu-border);
}

#main-menu a {

}

#main-menu .wp-block-columns {
	justify-content: center;
}

#main-menu .wp-block-column {
	padding: var(--aw-text-padding);
}
#main-menu .wp-block-column:not(:first-child) {
	max-width: 285px;
	flex: 1 1 285px;
}
#main-menu .wp-block-column:first-child {
	max-width: 570px;
	flex: 1 1 570px;
}
@media ( min-width: 782px ) {
	#main-menu .wp-block-column:not(:first-child) {
		border-left: 1px solid var(--aw-main-menu-border);
	}
}
@media ( max-width: 781px ) {
	#main-menu .wp-block-column:not(:first-child) {
		width: 50%;
		flex: 1 0 50%;
		/*max-width: none;*/
	}
	#main-menu .wp-block-column:first-child {
		width: 100%;
		flex: 0 0 100%;
		/*max-width: none;*/
	}
}

/*.aw-main-menu a:hover,
.aw-main-menu a:focus {
	color: var(--aw-light-hover);
	padding-left: 3px;
}*/


/*
	Menu Social
*/

.menu-social-container ul.menu {
	display: flex;
	justify-content: left;
	padding: 20px 0;
	box-sizing: content-box;
	flex-wrap: wrap;
}
#main-menu .menu-social-container ul.menu {
	justify-content: center;
}
@media ( min-width: 782px ) {
	#footer-menu .menu-social-container ul.menu {
		justify-content: right;
	}
}

.menu-social-container li.menu-item {
	display: block;
	/*overflow: hidden;*/
	/*width: 24px;
	height: 24px;*/
	padding: 0 8px;
}
.menu-social-container li.menu-item:first-child {
	padding-left: 0;
}
.menu-social-container li.menu-item:last-child {
	padding-right: 0;
}

.menu-social-container .menu-item a {
	color: var(--aw-secondary);
	position: relative;
	font-size: 1px; /* Hide original text. */
	padding: 0;
	width: auto;
	height: 24px;
	opacity: 0.2;
	transition: opacity var(--aw-transition-duration);
}
#footer-menu .menu-social-container .menu-item a {
	opacity: 0.3;
}
.menu-social-container .menu-item a:hover,
.menu-social-container .menu-item a:focus,
#footer-menu .menu-social-container .menu-item a:hover,
#footer-menu .menu-social-container .menu-item a:focus {
	opacity: 1;
	padding-left: 0;
}
.menu-social-container li.menu-item:hover,
.menu-social-container li.menu-item:focus {
	/*opacity: 0.5;*/
}

.menu-social-container .menu-item.aw-linkedin a {
	content: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg>');
}

.menu-social-container .menu-item.aw-instagram a {
	content: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>');
}

.menu-social-container .menu-item.aw-facebook a {
	content: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg>');
}

.menu-social-container .menu-item.aw-tiktok a {
	content: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg>');
}

.menu-social-container .menu-item.aw-youtube a {
	content: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>');
}

.menu-social-container .menu-item.aw-whatsapp a {
	content: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>');
}


/*	To top	*/

#to-top {
	display: block;
	position: fixed;
	bottom: var(--aw-block-padding);
	right: var(--aw-block-padding);
	text-align: center;
	z-index: 6;

	border: var(--aw-icon-line) solid var(--aw-light-text);
	border-radius: 32px;
	transition: var(--aw-transition-duration);
	padding: 7px;
	line-height: 0;
	fill: none;
	stroke: var(--aw-light-text);
	stroke-width: var(--aw-icon-line);
	stroke-linecap: butt;
	
	/*content: 'A';
	background-color: #fff;
	opacity: var(--aw-opacity);
	width: 32px;
	height: 32px;*/
}
#to-top.hidden {
	display: none;
}
#to-top:hover,
#to-top:focus {
	padding-top: 3px;
	padding-bottom: 11px;
}
@media ( max-width: 781px ) {
	#to-top {
		bottom: calc( var(--aw-block-padding) / 2 );
		right: calc( var(--aw-block-padding) / 2 );
	}
}

/* Using UTF-8 arrow failed. Arrow not displaying properly in all browsers */
/*#to-top a {
	font-size: 2em;
	text-decoration: none;
	line-height: 100%;
	color: var(--aw-light-text);
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px 4px 5px;
	border: var(--aw-icon-line) solid var(--aw-light-text);
	border-radius: 32px;
	transition: var(--aw-transition-duration);
}
#to-top a:hover {
	padding: 0px 5px 7px 5px;
} */

.aw-svg-icon {
	width: 24px;
	height: 24px;
}

#to-top #to-top-link {
	display: block;
	/*width: 24px;
	height: 24px;
	content: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><line x1="1" y1="11.5" x2="11.5" y2="1" /><line x1="11.5" y1="1" x2="11.5" y2="23" /><line x1="11.5" y1="1" x2="23" y2="11.5" /></svg>');
	content: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23ffffff" stroke-width="2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><line x1="1" y1="11.5" x2="11.5" y2="1" /><line x1="11.5" y1="1" x2="11.5" y2="23" /><line x1="11.5" y1="1" x2="23" y2="11.5" /></svg>');*/
}



/*	
	Content Styles	
*/

.site-content section.aw-heading {
	/*padding: 0 var(--aw-block-padding);*/
	width: 100%;
}

.site-content article {
	display: flex;
	
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	
	/*flex-wrap: wrap;
	justify-content: left;*/
	/*justify-content: center;*/
	/*padding: 0 0 var(--aw-block-padding) 0;*/
	/*flex-direction: column;*/
}

/* Content elements within container (column, group etc.). */
.site-content section > p,
.site-content section > div,
.site-content section > ul,
.site-content section > figure,
.site-content section > table,
.site-content section > details,
.site-content section > blockquote,
.site-content section > pre,
.site-content section > hr,
.site-content section > h2,
.site-content section > h3,
.site-content section > h4,
.site-content section > h5,
.site-content section > h6,
.site-content div > p,
.site-content div > div,
.site-content div > ul,
.site-content > div > figure,
.site-content div > table,
.site-content div > details,
.site-content div > blockquote,
.site-content div > pre,
.site-content div > hr,
.site-content div > h2,
.site-content div > h3,
.site-content div > h4,
.site-content div > h5,
.site-content div > h6 {
	width: 100%;
}

/* Elements added directly to content without container. */
.site-content .aw-limited-width,
.site-content .alignwide, /* WP Block Layout */
.site-content > article > div,
.site-content > article > section,
.site-content article > p,
.site-content article > div,
.site-content article > ul,
.site-content article > figure,
.site-content article > div.wp-block-image,
.site-content article > table,
.site-content article > details,
.site-content article > blockquote,
.site-content article > pre,
.site-content article > hr,
.site-content article > h2,
.site-content article > h3,
.site-content article > h4,
.site-content article > h5,
.site-content article > h6 {
	width: 100%;
	max-width: var(--aw-content-width);
	
	/*flex-basis: var(--aw-content-width);*/
	margin-left: auto;
	margin-right: auto;
	justify-content: left;
	align-items: center;
	padding-left: var(--aw-block-padding);
	padding-right: var(--aw-block-padding);
	/*box-sizing: content-box;*/ /* Add pading to full width of content */
	/*flex: 0 1 var(--aw-content-width);*/
}

/* 27.11.2024 was overriding padding for normal elemts (above).
.site-content > article > div,
.site-content > article > section {
	flex-wrap: wrap;
	padding: 0;
}*/

.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
	color: var(--aw-primary);
	font-weight: var(--aw-weight-heavy);
	padding-top: var(--aw-text-padding);
	/*padding-bottom: var(--aw-text-padding);*/
	overflow-wrap: anywhere;
}

.site-content h1 {
	font-size: var(--aw-size-heading);
	text-transform: uppercase;
}

.site-content h2 {
	font-size: var(--aw-size-subheading);
	padding-top: calc( var(--aw-text-padding) * 2 );
	padding-bottom: var(--aw-text-padding);
}

.site-content h3 {
	font-size: var(--aw-size-heading-3);
}

.site-content h4 {
	font-size: var(--aw-size-heading-list);
}

.site-content h5 {
	font-size: var(--aw-size-text);
}

.site-content h6 {
	font-size: var(--aw-size-text);
	font-weight: var(--aw-weight-text);
}

.site-content section.aw-heading {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;

	/*flex-wrap: wrap;
	justify-content: center;*/
	/*flex-direction: column;
	align-content: center;*/
}

.site-content section.aw-heading h1,
.site-content #breadcrumbs {
	width: 100%;
	max-width: var(--aw-content-width);
	/*flex-basis: var(--aw-content-width);*/
	margin-left: auto;
	margin-right: auto;
	padding: 0 var(--aw-block-padding);
	/*box-sizing: content-box;*/ /* Add pading to full width of content */
}

.site-content section.aw-heading h1 {
	/*padding-top: var(--aw-block-padding);*/
	overflow-wrap: anywhere;
}

.site-content .aw-full-width, /* Universal full width helper */
.site-content .alignfull { /* WP Block Layout */
	width: 100% !important;
	max-width: 100% !important;
	/*flex-basis: 100%;*/
	padding-left: 0;
	padding-right: 0;
}

.site-content figure.wp-block-image > figcaption.wp-element-caption {
	font-family: var(--aw-font-secondary);
	font-size: var(--aw-size-text);
	line-height: var(--aw-line-menu);
}


/*	!	For elements that have a parent or child element, pseudo classes, those should be formatew as well	!
[todo;]

<a {
	color: (blue) var(); ? primary
	underline
	<a:hover :focus {
		color: var secondary

<h3 <h4 {
	+ padding-top: 10px
	. padding-bottom: 10px

<hr {
	border-top: 1px solid ?--aw-text

<figure.wp-block-table {
	padding-top -bottom :20px;
	<table {
		color: text
		<td {
			border: 1px solid var(--aw-text
			)

<figure.wp-block-video {
	padding-top -bottom :10px;

*/

.site-content strong, /* more important */
.site-content b { /* just bold */
	font-weight: var(--aw-weight-heavy);
}

.site-content p { /*	!!! Maybe reconcider aligning all to sides.	*/
	text-align: justify;
	/*text-align: left;*/
}

.site-content p a {
	color: var(--aw-primary);
	text-decoration: underline;
}
.site-content p a:hover,
.site-content p a:focus {
	color: var(--aw-secondary);
	text-decoration: none;
}

.site-content hr {
	border-top: 1px solid var(--aw-secondary-text);
	margin-top: var(--aw-text-padding);
	margin-bottom: var(--aw-text-padding);
}

.site-content > article ul {
	/*list-style-type: square;*/
	list-style-position: outside;
	list-style-type: disc;
}
.site-content > article li {
	margin-left: 16px;
	padding-left: 10px;
	padding-top: var(--aw-text-padding);
}
.site-content > article li::marker {
	/*color: #f00;
	padding-right: 40px;*/
	color: var(--aw-secondary-text);
}

.site-content figure.wp-block-table {
	padding-top: var(--aw-block-padding);
	padding-bottom: var(--aw-block-padding);
}
.site-content figure.wp-block-table table {
	color: var(--aw-text);

}
.site-content figure.wp-block-table table thead {
	font-weight: var(--aw-weight-medium);
	background-color: var(--aw-light-text);
	border: 0;
}
.site-content figure.wp-block-table table tfoot {
	color: var(--aw-secondary-text);
	border-top: 2px solid var(--aw-light-text);
}
.site-content figure.wp-block-table table tr {
	border: 0;
	border-bottom: 1px solid var(--aw-light-text);
}
.site-content figure.wp-block-table table th,
.site-content figure.wp-block-table table td {
	text-align: center;
	padding: calc( var(--aw-text-padding) * 1.5 );
	border: 0;
}
.site-content figure.wp-block-table table th {
	font-weight: var(--aw-weight-heavy);
}

.site-content figure.wp-block-video video {
	padding-top: var(--aw-block-padding);
	padding-bottom: var(--aw-text-padding);
}

.wp-block-group,
.wp-block-group > div {
	display: flex;
	flex-wrap: wrap;
}

.wp-block-group .is-layout-grid {
	display: grid;
}

.site-content .wp-block-gallery {
	padding-top: var(--aw-group-padding);
	padding-bottom: var(--aw-block-padding);
}

.site-content pre {
	
}
.site-content pre code {
	/* Maybe? */
}

.site-content blockquote {

}

.site-content figure blockquote {
	/* Pullquote - different element from jus blockquote */
}
.site-content figure cite {
	
}

.site-content div {
	/* Button */
}



/*
	Page children list
	Loop


	stroke: var(--aw-light-text);
	stroke-width: var(--aw-icon-line);
	stroke-linecap: butt;

	Border: var
	Icon: hardcoded
		Icon color: hardcoded
		- icon color hover? 
	- Icon: html svg in loop
*/

.site-content .aw-title-list > ul,
.site-content ul.aw-title-list {
	list-style: none;
	/*padding-left: 0;*/
}

.site-content .aw-title-list li {
	margin: var(--aw-block-padding) 0;
	/*margin-top: var(--aw-block-padding);
	margin-bottom: var(--aw-block-padding);*/
	padding: 0;
}
.site-content .aw-title-list li::after {
	/*position: absolute;
	right: 0;
	top: 10px;
	content: "\1F862";
	*/
 }

 .site-content .aw-title-list li h4 {
	font-size: var(--aw-size-heading-list);
 }
 
 .site-content .aw-title-list li a {
	display: block;
	color: var(--aw-primary);
	border-bottom: 1px solid var(--aw-light-text);
	padding: calc( var(--aw-block-padding) / 2 );
	padding-right: calc(  var(--aw-block-padding) * 3 );
	position: relative;
	transition: color var(--aw-transition-duration);
 }
 .site-content .aw-title-list li a:hover,
 .site-content .aw-title-list li a:focus {
	color: var(--aw-secondary);
 }
 /*
M 1 11.5 L 11.5 1 L 11.5 23 M 11.5 1 L 23 11.5
<line x1="1" y1="11.5" x2="11.5" y2="1" />
<line x1="11.5" y1="1" x2="11.5" y2="23" />
<line x1="11.5" y1="1" x2="23" y2="11.5" />
*/
 .site-content .aw-title-list li a::after {
	/*font-family: Arial, Helvetica, sans-serif;
	font-family: 'Times New Roman', Times, serif;
	content: "\1F862";*/
	display: block;
	width: var(--aw-block-padding);
	height: var(--aw-block-padding);
	content: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%234B7DCB" stroke-width="2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M 1 11.5 L 11.5 1 L 23 11.5 M 11.5 1 L 11.5 23" /></svg>');
	transform: rotate(90deg);
	position: absolute;
	right: var(--aw-block-padding);
	bottom: calc( var(--aw-block-padding) / 2 );
	transition-duration: var(--aw-transition-duration);
 }
.site-content .aw-title-list li:hover a::after,
.site-content .aw-title-list li:focus a::after {
	content: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%230B3D8B" stroke-width="2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M 1 11.5 L 11.5 1 L 23 11.5 M 11.5 1 L 11.5 23" /></svg>');
	right: calc( var(--aw-block-padding) - 6px );
}

.site-content ul.aw-title-list li a {
	font-family: var(--aw-font-secondary);
	font-size: var(--aw-size-heading-list);
	font-weight: var(--aw-weight-heavy);
}

.site-content .aw-title-list nav {
	margin: var(--aw-block-padding) 0;
}
.site-content .aw-title-list nav span,
.site-content .aw-title-list nav a {
	color: var(--aw-primary);
	font-family: var(--aw-font-secondary);
	font-size: var(--aw-size-heading-list);
	font-weight: var(--aw-weight-heavy);
	/*padding-top: var(--aw-text-padding);
	padding-bottom: var(--aw-text-padding);*/
	padding: var(--aw-text-padding);
	margin: 0;
}
.site-content .aw-title-list nav span {
	color: var(--aw-text);
}
.site-content .aw-title-list nav a {
	transition: padding var(--aw-transition-duration);
}
.site-content .aw-title-list nav a:hover {
	color: var(--aw-secondary);
	padding-left: calc( var(--aw-text-padding) + 3px );
	padding-right: calc( var(--aw-text-padding) - 3px );
}

.site-content .aw-title-list nav > div {
	padding: 0;
	margin: 0;
}


/*	Archive	*/

.site-content.aw-archive .aw-title-list h3 {
	padding-bottom: 5px;
}

.site-content.aw-archive .aw-title-list p {
	color: var(--aw-secondary-text);
	padding: 0 var(--aw-text-padding);
}



/*	
	Featured Loop
*/

.wp-block-query.aw-featured > ul {
	list-style: none;
}

.wp-block-query.aw-featured > ul > li {
	padding-top: var(--aw-group-padding);
	padding-left: 0;
	margin-left: 0;
}
.wp-block-query.aw-featured > ul > li:first-child {
	padding-top: var(--aw-text-padding);
}
.wp-block-query.aw-featured > ul > li:nth-child(even) .wp-block-columns {
	flex-direction: row-reverse;
}

.wp-block-query.aw-featured > ul > li figure {
	overflow: hidden; /* Cut excess on super old browsers */
}

.wp-block-query.aw-featured .taxonomy-group a {
	color: var(--aw-secondary-text);
	font-family: var(--aw-font-secondary);
	font-weight: var(--aw-weight-heavy);
	transition: color var(--aw-transition-duration);
}
.wp-block-query.aw-featured .taxonomy-group a:hover,
.wp-block-query.aw-featured .taxonomy-group a:focus {
	color: var(--aw-primary)
}

.wp-block-query.aw-featured h2 a {
	color: var(--aw-primary);
}

.wp-block-query.aw-featured a.wp-block-post-excerpt__more-link {
	font-family: var(--aw-font-secondary);
	font-weight: var(--aw-weight-heavy);
	text-decoration: none;
	transition: var(--aw-transition-duration);
}
.wp-block-query.aw-featured a.wp-block-post-excerpt__more-link::after {
	content: '...';
	font-size: 2rem;
	letter-spacing: -1px;
	transition: var(--aw-transition-duration);
}
.wp-block-query.aw-featured a.wp-block-post-excerpt__more-link:hover,
.wp-block-query.aw-featured a.wp-block-post-excerpt__more-link:focus {
	padding-left: 3px;
}
.wp-block-query.aw-featured a.wp-block-post-excerpt__more-link:hover::after,
.wp-block-query.aw-featured a.wp-block-post-excerpt__more-link:focus::after {
	letter-spacing: 2px;
}



/* Featured Masonry */

/*div.aw-feat-all {
	gap: 0;
}

div.aw-feat-all .aw-feat-left {
	
}

div.aw-feat-all .aw-feat-left  div.wp-block-cover {
	height: 100%;
}

div.aw-feat-right {

}

div.aw-feat-right .wp-block-group {
	gap: 0;
}

div.aw-feat-right .wp-block-group > .wp-block-columns {
	gap: 0;
}

div.aw-feat-all .wp-block-cover {
	height: 100%;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 0;
}

div.aw-feat-all .wp-block-cover .wp-block-cover__inner-container {
	width: 100%;
	position: relative;
	z-index: 1;
	padding: var(--aw-text-padding) var(--aw-block-padding) var(--aw-block-padding) var(--aw-block-padding);
	transition: backdrop-filter var(--aw-transition-duration);
}
div.aw-feat-all .wp-block-cover:hover .wp-block-cover__inner-container {
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
div.aw-feat-all .wp-block-cover .wp-block-cover__inner-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: var(--aw-transparent-background);
	opacity: var(--aw-transparent-opacity);
	transition: opacity var(--aw-transition-duration);
}
div.aw-feat-all .wp-block-cover:hover .wp-block-cover__inner-container::after {
	opacity: var(--aw-opacity);
}

div.aw-feat-all .wp-block-cover h3 {
	color: var(--aw-light-text);
	font-size: var(--aw-size-subheading);
	font-weight: var(--aw-weight-text);
}

div.aw-feat-all .wp-block-cover h3 a {
	color: var(--aw-light-text);
}

div.aw-feat-all .wp-block-cover p {
	color: var(--aw-light-text);
}*/



/*
	Carousel sliders
	logo, certificates

*/

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX( calc( -1 * var(--aw-carousel-slide-width) * var(--aw-carousel-slides) ) );
	}
}

.aw-carousel-200 {
	--aw-carousel-slide-width: calc( 141px + var(--aw-block-padding) * 2 );
	--aw-carousel-slide-height: 200px;
}

.aw-carousel-100 {
	--aw-carousel-slide-width: 200px;
	--aw-carousel-slide-height: 100px;
}

.aw-carousel-100,
.aw-carousel-200 {
	/*--aw-slides: 12;*/
	height: var(--aw-carousel-slide-height);
	overflow: hidden;
	position: relative;
	max-width: calc( var(--aw-content-width) - var(--aw-block-padding) * 2 ) !important;
}

.aw-carousel-100 .wp-block-group__inner-container,
.aw-carousel-200 .wp-block-group__inner-container {
	animation: scroll 120s linear infinite;
	display: flex;
	flex-wrap: nowrap;
	width: calc( var(--aw-carousel-slide-width) * var(--aw-carousel-slides) * 2 );
}
.aw-carousel-100 .wp-block-group__inner-container:hover,
.aw-carousel-100 .wp-block-group__inner-container:focus,
.aw-carousel-200 .wp-block-group__inner-container:hover,
.aw-carousel-200 .wp-block-group__inner-container:focus {
	animation-play-state: paused;
}

.aw-carousel-100 .wp-block-group__inner-container figure,
.aw-carousel-200 .wp-block-group__inner-container figure {
	height: var(--aw-carousel-slide-height);
	width: var(--aw-carousel-slide-width);
}

.aw-carousel-200 .wp-block-group__inner-container figure img {
	filter: grayscale(0.9);
}
.aw-carousel-200 .wp-block-group__inner-container figure:hover img,
.aw-carousel-200 .wp-block-group__inner-container figure:focus img {
	filter: none;
}

.aw-carousel-200 .wp-block-group__inner-container figure {
	margin: 0 var(--aw-block-padding);
	position: relative;
}
.aw-carousel-200 .wp-block-group__inner-container figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none; /* Let events pass through to */
	background-color: var(--aw-secondary);
	opacity: var(--aw-transparent-opacity);
	/*backdrop-filter: grayscale(80%);*/
}
.aw-carousel-200 .wp-block-group__inner-container figure:hover::before,
.aw-carousel-200 .wp-block-group__inner-container figure:focus::before {
	background-color: transparent;
	/*backdrop-filter: grayscale(0);*/
}


/*

	Featured	

*/


/*	Slider	*/

.wp-block-query.aw-slider {
	--aw-slider-curren: 0;
	position: relative;
	overflow: hidden;
}

.wp-block-query.aw-slider > ul { /* container */
	display: flex;
	height: 100%;
	transition: transform 0.5s;
	transform: translateX( calc( -100% * var(--aw-slider-curren) ) );
	list-style: none;
}

.wp-block-query.aw-slider > ul > li { /* slide */
	position: relative;
	flex: 0 0 100%;
	margin: 0;
	padding: 0;
}

.wp-block-query.aw-slider > ul > li figure,
.wp-block-query.aw-slider > ul > li figure img {
	width: 100%;
	height: 100%;
}

.wp-block-query.aw-slider > ul > li figure {
	max-height: 100%;
	overflow: hidden;
}

.wp-block-query.aw-slider > ul > li figure img {
	object-fit: cover;
}

.wp-block-query.aw-slider > ul > li > div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	padding: var(--aw-text-padding) var(--aw-block-padding) var(--aw-block-padding) var(--aw-block-padding);
	transition: backdrop-filter var(--aw-transition-duration);
}
.wp-block-query.aw-slider > ul > li:hover > div,
.wp-block-query.aw-slider > ul > li:focus > div {
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.wp-block-query.aw-slider > ul > li > div::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: var(--aw-transparent-background);
	opacity: var(--aw-opacity);
	transition: opacity var(--aw-transition-duration);
}
.wp-block-query.aw-slider > ul > li:hover > div::after,
.wp-block-query.aw-slider > ul > li:focus > div::after {
	/*opacity: var(--aw-opacity);*/
}

.wp-block-query.aw-slider > ul > li h3 {
	color: var(--aw-light-text);
	font-size: var(--aw-size-subheading);
	font-weight: var(--aw-weight-text);
}

.wp-block-query.aw-slider > ul > li h3 > a {
	color: var(--aw-light-text);
}

.wp-block-query.aw-slider > ul > li p {
	color: var(--aw-light-text);
}

/*	Grid	*/

div.aw-featured-grid {
	--aw-featured-grid-height: 600px; /* Base value. */
	display: block;
	height: auto;
	transition: var(--aw-transition-duration);
}

.aw-featured-grid > div {
	float: left;
	transition: var(--aw-transition-duration);
}

@media ( min-width: 782px ) and ( max-width: 2047px ) {
	.aw-featured-grid > div:first-child,
	.aw-featured-grid > div:nth-child(8) {
		width: 50%;
		height: var(--aw-featured-grid-height);
	}
	.aw-featured-grid > div:nth-child(2),
	.aw-featured-grid > div:nth-child(7) {
		width: 50%;
		height: calc( var(--aw-featured-grid-height) / 2 );
	}
	.aw-featured-grid > div:nth-child(3),
	.aw-featured-grid > div:nth-child(4),
	.aw-featured-grid > div:nth-child(5),
	.aw-featured-grid > div:nth-child(6) {
		width: 25%;
		height: calc( var(--aw-featured-grid-height) / 2 );
	}
}

@media ( min-width: 2048px ) {
	div.aw-featured-grid > div {
		width: 25%;
		height: var(--aw-featured-grid-height);
	}
}

@media ( max-width: 781px ) {
	div.aw-featured-grid > div {
		height: var(--aw-featured-grid-height);
		width: 100%;
	}
}

/*	Buttons	*/

article div.aw-slider-buttons {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-end;
	padding: var(--aw-block-padding);
}

article div.aw-slider-buttons button {
	width: 42px;
	height: 14px;
	position: relative;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	transition: var(--aw-transition-duration);
}
article div.aw-slider-buttons button::after {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 16px;
	height: 4px;
	background-color: var(--aw-light-text);
	transition: var(--aw-transition-duration);
}
article div.aw-slider-buttons button:hover::after,
article div.aw-slider-buttons button:focus::after,
article div.aw-slider-buttons button.aw-slider-button-active::after {
	background-color: var(--aw-light-hover);
}
article div.aw-slider-buttons button.aw-slider-button-active {
	margin-right: 0px;
}
article div.aw-slider-buttons button.aw-slider-button-active::after {
	width: 32px;
}


/*

	Contact Form

*/

input, textarea {
	color: var(--aw-text);
	display: block;
	width: 100%;
	padding: var(--aw-text-padding);
	/*font-size: var(--aw-size-heading-list);*/
	font-size: var(--aw-size-text);
	line-height: var(--aw-line-menu);
	transition: all var(--aw-transition-duration);
}
input::placeholder, textarea::placeholder {
	color: var(--aw-secondary-text);
}
input:focus, textarea:focus {
	outline: none;
}
input:focus::placeholder, textarea:focus::placeholder {
	color: var(--aw-light-text);
}

input[type=text], textarea {
	/*border-width: 0 0 2px 0;*/
	border-width: 0 0 1px 0;
	border-color: var(--aw-secondary-text);
}
input[type=text]:focus, textarea:focus {
	border-color: var(--aw-primary);
}

input[type=checkbox] {
	display: inline-block;
	width: 22px;
	height: 22px;
	/*margin: 0 var(--aw-block-padding) 0 var(--aw-block-padding);*/
}

input[type=checkbox] + span.wpcf7-list-item-label {
	display: inline-block;
	padding-left: var(--aw-block-padding);
}

input[type=submit] {
	color: var(--aw-bright-text);
	background-color: var(--aw-text);
	border: 0;
	cursor: pointer;
	transition: all var(--aw-transition-duration);
}
input[type=submit]:disabled {
	color: var(--aw-light-text);
	background-color: var(--aw-light-hover);
}
input[type=submit]:not([disabled]):hover {
	padding-left: calc( var(--aw-text-padding) + 3px );
	background-color: var(--aw-primary);
}

.wpcf7-form p {
	margin-top: var(--aw-block-padding);
}

.wpcf7-list-item {
	margin: 0;
}

.aw-url-field {
	display: block;
	height: 0px;
	overflow: hidden;
}


/*
	Call to Action

*/
.aw-call-to-action, .aw-call-to-action h1, .aw-call-to-action h2, .aw-call-to-action h3, .aw-call-to-action h4 {
	color: var(--aw-bright-text);
}

.aw-call-to-action a {
	color: var(--aw-primary);
	/*text-decoration: underline;*/
	/*padding-right: 3px;*/
	transition: all var(--aw-transition-duration);
}
.aw-call-to-action a:hover, .aw-call-to-action a:focus  {
	color: var(--aw-light-text);
}
/*.aw-call-to-action a:hover, .aw-call-to-action a:focus  {
	padding-left: 3px;
	padding-right: 0;
}
.aw-call-to-action a::after {
	display: inline-block;
	width: 50px;
	content: '...';
	text-align: left;
	font-size: 1.5em;
	letter-spacing: -5%;
	line-height: 10px;
	transition: all var(--aw-transition-duration);
}
.aw-call-to-action a:hover::after, .aw-call-to-action a:focus::after {
	letter-spacing: 1%;
}*/

/*.aw-call-to-action, .aw-call-to-action h1, .aw-call-to-action h2, .aw-call-to-action h3, .aw-call-to-action h4 {
	color: var(--aw-primary);
}

.aw-call-to-action a {
	color: var(--aw-bright-text);
}
.aw-call-to-action a:hover, .aw-call-to-action a:focus  {
}
.aw-call-to-action a::after {
	content: "";
	position: absolute;
	width: 32px;
	height: 2px;
	height: var(--aw-icon-line);
	left: 0px;
	top: 15px;
	background-color: var(--aw-light-text);
	transition: var(--aw-transition-duration);
}*/


/*
	Universal Helpers
	(Some are attached to identical class definitions.)

*/

@media ( min-width: 782px ) {
	.aw-align-right-lg {
		text-align: right !important;
	}
	.aw-align-right-lg ul {
		justify-content: right !important;
	}
	.aw-align-right-lg figure {
		justify-content: right !important;
	}
}

@media ( max-width: 781px ) {
	.aw-pt-sm-2 {
		padding-top: calc( var(--aw-block-padding) * 2 ) !important;
	}
}

.aw-pt-05 {
	padding-top: calc( var(--aw-block-padding) / 2 ) !important;
}

.aw-max-width-384 img {
	max-width: 384px !important;
	width: 100% !important;
	height: auto !important;
}

.aw-max-height-92 img {
	max-height: 92px !important;
	height: 100% !important;
	width: auto !important;
}

.aw-height-100 {
	height: 100% !important;
}

.aw-flex {
	display: flex !important;
}

.aw-flex-wrap {
	flex-wrap: wrap !important;
}

.aw-direction-column {
	flex-direction: column !important;
}

.aw-flex-grow {
	flex-grow: 1 !important;
}

.aw-flex-content-between {
	align-content:	space-between !important;
}

.aw-items-full-width > * {
	flex-basis: 100% !important;
}

.aw-gap-0 {
	gap: 0 !important;
}

.aw-row-gap-0 {
	row-gap: 0 !important;
}

.aw-column-gap-5 {
	column-gap: 5%;
}

.aw-invert,
a.aw-invert,
.aw-invert a {
	color: var(--aw-light-hover) !important;
	transition: color var(--aw-transition-duration) !important;
}
a.aw-invert:hover,
a.aw-invert:focus,
.aw-invert a:hover,
.aw-invert a:focus {
	color: var(--aw-bright-text) !important;
}

.aw-white-text
a.aw-white-text,
.aw-white-text a {
	color: var(--aw-light-text) !important;
	transition: color var(--aw-transition-duration) !important;
}
a.aw-white-text:hover,
a.aw-white-text:focus,
.aw-white-text a:hover,
.aw-white-text a:focus {
	color: var(--aw-primary) !important;
}

.aw-pb-0 {
	padding-bottom: 0 !important;
}

.aw-pr-7 {
	padding-right: 7px !important;
}

.aw-text-justify {
	text-align: justify !important;
}

.aw-image-fit-cover img {
	object-fit: cover;
}

/*

	! Add rest of bg's
*/
.aw-bg-br,
.aw-bg-br-offset,
.aw-bg-bl,
.aw-bg-fixed,
.aw-bg-light-atom,
.aw-bg-light-waves {
	background-repeat: no-repeat;
}

.aw-bg-fixed,
.aw-bg-light-atom,
.aw-bg-bl,
.aw-bg-light-waves {
	position: relative;
	z-index: 0;
}
.aw-bg-fixed::before,
.aw-bg-light-atom::before,
.aw-bg-bl::before,
.aw-bg-light-waves::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.aw-bg-br {
	background-position: bottom right;
}

.aw-bg-br-offset {
	
}

.aw-bg-bl {
	background-position: bottom left;
	background-size: contain;
}
.aw-bg-bl::before {
	background-color: #FFFFFF;
	opacity: 0.83;
}

.aw-bg-fixed {
	position: relative;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
.aw-bg-fixed::before {
	/* Other,common styles higher */
	background-color: var(--aw-secondary);
	opacity: 0.97;
}

.aw-bg-light-atom {
	background-position: calc(100% + 257px) 0px;
	background-image: url('/wp-content/themes/gpsystems/img/logoatomlinebw.png');
}
.aw-bg-light-atom::before {
	/* Other,common styles higher */
	background-color: #FFFFFF;
	opacity: 0.93;
}

.aw-bg-light-waves {
	background-position: bottom right;
	background-image: url('/wp-content/themes/gpsystems/img/gpsystemswave.png');
}
.aw-bg-light-waves::before {
	/* Other,common styles higher */
	background-color: #FFFFFF;
	opacity: 0.8;
}

/*.aw-align-items-end {
	align-items: flex-end;
} */

/* aw-flex-grow aw-flex-wrap aw-align-items-end aw-items-full-width*/

/*.aw-justify-content-end {
	justify-content: flex-end;
}*/


/*

*/



/*
	Options for Editor

*/

/*	Colors	*/

.has-aw-text-color {
	color: var(--aw-text) !important;
}

.has-aw-text-background-color {
	background-color: var(--aw-text) !important;
}

.has-aw-primary-color {
	color: var(--aw-primary) !important;
}

.has-aw-primary-background-color {
	background-color: var(--aw-primary) !important;
}

.has-aw-secondary-color {
	color: var(--aw-secondary) !important;
}

.has-aw-secondary-background-color {
	background-color: var(--aw-secondary) !important;
}

.has-aw-light-text-color {
	color: var(--aw-light-text) !important;
}

.has-aw-light-text-background-color {
	background-color: var(--aw-light-text) !important;
}

.has-aw-light-text-hover-color {
	color: var(--aw-light-hover) !important;
}

.has-aw-light-text-hover-background-color {
	background-color: var(--aw-light-hover) !important;
}

.has-aw-bright-text-color {
	color: var(--aw-bright-text) !important;
}

.has-aw-bright-text-background-color {
	background-color: var(--aw-bright-text) !important;
}

.has-aw-secondary-text-color {
	color: var(--aw-secondary-text) !important;
}

.has-aw-secondary-text-background-color {
	background-color: var(--aw-secondary-text) !important;
}

.has-aw-white-color {
	color: #FFFFFF !important;
}

.has-aw-white-background-color {
	background-color: #FFFFFF !important;
}

.has-aw-black-color {
	color: #000000 !important;
}

.has-aw-black-background-color {
	background-color: #000000 !important;
}

/*	Fonts	*/

main.site-content .has-aw-text-font-size {
	font-size: var(--aw-size-text) !important;
	font-family: var(--aw-font-primary) !important;
}

main.site-content .has-aw-heading-listt-font-size,
main.site-content .has-aw-menu-heading-font-size
main.site-content .has-aw-heading-3-font-size,
main.site-content .has-aw-small-heading-font-size,
main.site-content .has-aw-subheading-font-size,
main.site-content .has-aw-medheading-font-size,
main.site-content .has-aw-heading-font-size {
	font-family: var(--aw-font-secondary) !important;
}

main.site-content .has-aw-heading-list-font-size {
	font-size: var(--aw-size-heading-list) !important;
}

main.site-content .has-aw-menu-heading-font-size {
	font-size: var(--aw-size-menu-heading) !important;
}

main.site-content .has-aw-heading-3-font-size {
	font-size: var(--aw-size-heading-3) !important;
}

main.site-content .has-aw-small-heading-font-size {
	font-size: 1.5rem !important;
}

main.site-content .has-aw-subheading-font-size {
	font-size: var(--aw-size-subheading) !important;
}

main.site-content .has-aw-medheading-font-size {
	font-size: 2rem !important;
}

main.site-content .has-aw-heading-font-size {
	font-size: var(--aw-size-heading) !important;
}



/*

	TMP

*/



















/*		To Do		

v Text Color #555 or darker.

v Main menu loading open and then retracting

v Article > custom styles > UL LI list style and color interfers with other lists in page. ! Breadcrumbs.

v Footer > Right Column.
	v Large screen = align right.
	v Small screen = align left.

v ISO squished on small screens. Need to do width fixed with max-width: 100% and height auto.

v Footer horizontal lines on small screens. border-right: 1px solid #FFFFFF5E;

v Main menu, furthest parts of content go off screen when shrinked, before breaking point!
v Main menu when shrinked, shows second vertical scroll barr. ? Main scroll bar doesn't affect Main menu. How to see bottom content?
v Main menu Background is aligned at the bottom of the screen. It should be aligned to the bottom of the menu, so it would be at the end of scrolling.

v Single doesn't shrink.
v Some elements in single don't shrink.
v Single > Content padding for conent in containers same as content placed directly in <article. Maybe padding of containers themselves.

v Social icons.
	- png for fallback. {https://css-tricks.com/using-svg/#aa-browser-support} - additonal files to download on frontend.

v Page Heading H1 too close when no Breadcrumbs !
	{https://darbs.awtech.lv/jauna/}

# page / Post (article)
article {
	! justify-content: left;
	- flex-direction: column;
	- flex-basis: 1140px;
	+ flex-wrap: wrap;

[element] {
flex-basis: var(--aw-content-width);
margin: 0 auto;
? other 
	flex: 0 1 var(--aw-content-width);
	max-width: var(--aw-content-width);

v Concider styles for directly placed elements in <article> and grouped by <div>, <section> etc.
v Constraint for block (columns etc.), not <section, because section is only one and option for full width of block should be provided.
v Full width block. (columns etc.)

# Page Mneu
v Category siblings for posts

v var for padding: 20; in menus.
v Pushing siblings on hover.



# Main Menu
v Transparency
v Boxed (content not full width) ? 1140px = 570 + 285 + 285;
	v Centered vertically, horizontally
v 50%, 25%, 25%
v Border 1 #696969 ! full width of window.
v Background (backdrop)
	v Atom
	v Position -257px calc(100% + 257px)
	v Overlay: #2F2F2F;  Opacity 0,95 
	v Color: #2F2F2F
v Column inner padding 10px;
v Close button (? arrow)
v Main Menu Toggle button is on top of everything (z-index), so it doesn't get covered up by Menu.
v Burger menu: Lines of different sizes; On hover mecome equal length; After clicking turn into an arrow;
	- Line changes from gray to Primary (blue). - there is enough action.
v Burger icons
{https://codepen.io/RSH87/pen/rmgYbo
https://codepen.io/tonkec/pen/aRMaWR
https://speckyboy.com/animating-css-only-hamburger-menu-icons/
https://codepen.io/mblode/pen/YzozOm
}


#

v Menu line height for single line
v and for menu point. There needs to be bigger gap between menu points, than between lines of single point.

v Menu Background with transparency
{https://stackoverflow.com/questions/62033155/how-to-add-transparency-to-a-background-image-html-css
	https://developer.mozilla.org/en-US/docs/Web/CSS/background-image
https://sebhastian.com/background-image-opacity-css/}



*/



/*	TMP	Temoporary	*/

/*#logo {
	height: 100px;
	width: 300px;
	background-color: #fff;
	opacity: var(--aw-opacity);
}

#language-menu {
	text-align: center;
}*/
/*#burger-menu {
	background-color: #fff;
	opacity: var(--aw-opacity);
}*/
/*156 > 0,611764
	244 > 0,95686*/

/*
<section id="footer-menu" class="widget-section aw-footer-menu sidebar">

.aw-footer-menu


.site-content > article li::before {
	content: "";
	width: 1em;
	height: 1em;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='red'/%3E%3C/svg%3E");
	background-size: 38%;
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	top: 0.08rem;
}

*/