:root {

--primary: 					#0A4192;
--primary-lab: 				#2E47BB;
--primary-inc: 				#3B74E9;

--sec: 						#28D08A;
--sec-alt: 					#3ABD87;
--strong: 					#49D89D;

--pale: 					#E1EAF2;
--stone: 					#EFF1FF;
--stone-b:					#E5EAFF;
--stone-f:					#D6DDFA;
--mason:					#F3F7FF;

--rgb: 						linear-gradient(100deg, #5052FF 5%, #083973 96%);
--chopin:					linear-gradient(to right, #5052FE 0%, #093A73 100%);
--chopin-rtl:				linear-gradient(to left,  #5052FE 0%, #093A73 100%);
--inblanco:					#272A2D;
--materia:					#637383;;
}

/* GLOBAL */
body, figure {margin: 0;}
.centered {text-align: center;} 
.text-left {text-align: left;} 
.text-right {text-align: right;}
.pull-left {float: left;} 
.pull-right {float: right;}
.hidden {display: none;} .hidden_ {display:none!important;}
.clearfix {clear: both; content: "";}
.first {margin-top: 0;}
a, a:hover, a:visited, a:focus {outline: none; cursor: pointer;}
a.link {text-decoration: underline;}
figure {text-align: center;} 
figure img {max-width: 100%;} 

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, ul, p, table {font-family: Roboto, Helvetica, Arial, sans-serif; }
body {font-size: 17px; line-height: 1.2; font-weight: 300;} 
::selection {background-color: var(--stone-b); color: black;}
.main pre::selection {background-color: var(--inblanco); color: white;}
html, body {overflow-x: hidden;}

.container {max-width: 1322px; margin: 0 auto; overflow: hidden; padding: 0 20px; box-sizing: border-box;} .container-mid {max-width: 950px;}
@media (max-width: 500px) { .container {padding: 0 10px;} }
.clearfix {float: none;}

.flexr {display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: 16px;}
.flexr .el {flex: 1; background-repeat: no-repeat;}
.flex-wrap {flex-wrap: wrap;}
.flex-space-between {justify-content: space-between;}
.flex-stretch {align-content: stretch; align-items: stretch; /* justify-content: stretch */}
.flex-reverse {flex-direction: row-reverse;}
@media (max-width: 959px) {.flexr--:not[.flex-wrap] {flex-direction: column;} .flexr {flex-wrap: wrap;}}
@media (max-width: 500px) {.flexr:not(.flex-slider) {flex-direction: column; flex-wrap: nowrap;} .flexr:not(.flex-slider)>* {flex-basis: unset!important;}}
.flex-el-p24 .el {padding: 24px;} .flex-el-p36 .el {padding: 36px;}

p {margin-top: 0; margin-bottom: 12px}
ul.inline {list-style-type: none; margin: 0; padding-left: 0;}
ul.inline li {display: inline-block; padding-left: 0;}
ul.inline li.hidden {display: none}
ul.flexr {list-style-type: none; margin: 0;}
ul.flexr li {display: inline-block; padding-left: 0;}

.main-section {min-height: calc(100vh - 240px);}
.text, .body {margin: 24px 0; line-height: 1.4;}
.features .text {margin: 12px 0; }
.text-colored {line-height: 24px;}
.text-colored strong {font-weight: inherit; color: var(--strong);}
.bg .text-colored strong {text-shadow: 1px 1px 1px #093A73; /* low contrast imp. */}
.text-bold, .text-colored strong {font-weight: 600}
.link {display: inline-block; margin: 8px 0; border-bottom: solid 1px var(--sec); color: var(--sec); text-decoration: none;}
h1, h2, h3, h4, .section-title 	{font-weight: 700; margin: 0; color: var(--primary)} 
.page-title, .bg .section-title, .bg .title {color: white;}
.bg.lazy {background-image: none!important;}
.section-title {margin-bottom: 16px; text-align: center;}
@media (max-width: 500px) {.text, .body {font-size: 16px;}}

span.title 					{display: block;} .title {line-height: 1.4;}
h1, .title-40 				{font-size: 40px; /*line-height: 52px;*/} 
h2, .title-36 				{font-size: 36px; /*line-height: 46px;*/} 
.title-32 					{font-size: 32px; /*line-height: 42px;*/} 
.title-28 					{font-size: 28px; /*line-height: 30px;*/} 
.title-24 					{font-size: 24px; /*line-height: 30px;*/} 
.title-20 					{font-size: 20px; /*line-height: 26px;*/} 
@media (max-width: 768px) {
h1, .title-40 				{font-size: 34px; /*line-height: 42px;*/} 
h2, .title-36 				{font-size: 30px; /*line-height: 36px;*/} 
.title-32 					{font-size: 26px; /*line-height: 30px;*/} 
.title-28 					{font-size: 24px; /*line-height: 24px;*/} 
.title-24 					{font-size: 20px; /*line-height: 24px;*/} 
.title-20 					{font-size: 18px; /*line-height: 24px;*/}
}
.title-rgb 					{} 
.title-rgb span 			{display: inline-block; background-image: var(--rgb); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.btn-container 				{text-align: center; }
.btn-container .btn 		{text-align: center; margin: 0 auto;}
.btn 						{display: inline-block; text-decoration: none; border: solid 1px transparent; box-sizing: border-box;}
.btn 						{padding: 14px 12px; border-radius: 8px; font-weight: 500; font-size: 16px; line-height--: 19px; gap: 4px; margin-bottom: 3px;}
/*.btn			 			{box-shadow--: 1px 1px 1px #1F883E}
.btn:focus					{position: relative; top: 1px; box-shadow: none; box-shadow--: 0px -1px 1px #1F883E;}
.btn:active					{position: relative; top: 1px; box-shadow: none; box-shadow--: 0px -1px 1px #1F883E;}
.btn:target					{position: relative; top: 1px; box-shadow: none; box-shadow--: 0px -1px 1px #1F883E;} */
.btn-theme	 				{border-color: var(--primary); background-color: var(--primary-lab); color: white;} .btn-theme:hover {background-color: var(--primary-inc);}
.btn-primary 				{border-color: var(--sec); background-color: var(--sec); color: white;} .btn-primary:hover {color: white; background-color: var(--sec-alt);}
.btn-secondary				{color: var(--sec); background-color: white; border-color: var(--sec);} 
.btn-inverse 				{color: white; border-color: white;} .btn-inverse:hover {background-color: rgba(255,255,255,0.3);}
.btn-link 					{border-width: 0; box-shadow: none; color: var(--sec);}
.btn-link 					{text-decoration: underline; text-underline-position: under;} .btn-link:hover {color: var(--sec); text-decoration: underline;}
.btn-large 					{padding: 16px 24px; gap: 8px; font-size: 18px; line-height: 24px;}
.btn-link 					{padding-left: 3px; padding-right: 3px;}
.btn[class*="i-"] 			{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center;}
.btn[class*="i-"]::after 	{content: ""; width: 24px; height: 24px; background-size: contain; background-position: center center; }
.btn[href*=".php"] 			{border-bottom--: dashed 1px var(--primary);}
.btn.hidden 				{display: none;}

.btn.i-chevron-right::after {background-image: url('../theme/element/chevron-right-p.svg');}
.btn.i-chevron-down::after {background-image: url('../theme/element/chevron-down-p.svg');}
.btn.i-chevron-up::after 	{background-image: url('../theme/element/chevron-up-p.svg');}
.btn.i-double-down::after 	{background-image: url('../theme/element/double-down-p.svg');}
.btn.i-download::after 		{background-image: url('../theme/element/download-p.svg');}
.btn-secondary.i-chevron-right::after {background-image: url('../theme/element/chevron-right-s.svg');}
.btn-secondary.i-chevron-down::after {background-image: url('../theme/element/chevron-down-s.svg');}
.btn-secondary.i-chevron-up::after {background-image: url('../theme/element/chevron-up-s.svg');}
.btn-secondary.i-double-down::after 	{background-image: url('../theme/element/double-down-s.svg');}
.btn-secondary.i-download::after 	{background-image: url('../theme/element/download-s.svg');}
.action-toggle[class*="i-"].open::after {transform: rotate(180deg); width: 25px;}

@media (max-width: 768px) { 
.btn-large 					{padding: 12px 16px; font-size: 16px; line-height: 20px;}
.btn[class*="i-"]::after 	{width: 20px; height: 20px; }
}


.bta-glow 					{display: inline-block; text-decoration: none; padding: 24px 28px; font-weight: 700; border-radius: 8px; background-color: #eff1ff;} 
.bta-glow 					{color: var(--primary-inc); background-image: url('../theme/bg/named/glow.png'); box-shadow: none; min-width: 140px; font-size: 24px; line-height: 30px; text-align: center; background-repeat: no-repeat;} 

.rn, .rd 					{border-radius: 8px;}
.bg-primary					{background-image: var(--chopin-rtl);}

.theme-icon 				{width: 84px; height: 80px; padding: 8px; box-sizing: border-box; border-radius: 8px; margin--: 0 auto;}
.theme-icon 				{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.theme-icon img				{max-width: 72%; height: auto;}
.theme-icon.icon-p 			{background-image: linear-gradient(91deg, #5052FE 3%, #093A73 100%);}
.theme-icon.icon-p img 		{filter: brightness(0) saturate(1) invert(1)}
.theme-icon.icon-s 			{background-image: linear-gradient(45deg, #E9EFFD 0%, rgba(233, 239, 253, 0.37) 100%);}
@media (max-width: 959px) { .theme-icon { width: 70px; height: 70px; }  .theme-icon img {max-width: 82%} }

.x-centered 				{position: relative; overflow: hidden; height: auto}
.x-centered-element 		{white-space: nowrap; position: absolute; z-index: 0; top: 0; left: 50%; transform: translateX(-50%);}

.main pre	{margin: 20px 0; tab-size: 6; font-size: 13px; font-weight: 300; font-family: monospace; line-height: 1.6; white-space: break-spaces;}
.main pre 	{padding: 18px 22px; padding-right: 0; overflow: auto; white-space: pre; border-radius: 12px;}
.main pre 	{color: #a6aff0; background-color: var(--inblanco)}
.main pre 	{color: #F3F7FF; background-color: #074c9c; background-image--: linear-gradient(to top,  #5052FE 0%, #093A73 100%); box-shadow: inset 0px 0 10px 2px #093A73;}

.main pre.not {color: #363A3E; background-color: #f2f5ff box-shadow: inset 0px 0px 5px silver; box-shadow: none; border: solid 1px #babbbc} /* light */
.main pre.not {color: #eff1ff; background-color:  var(--inblanco); box-shadow--: inset -14px -14px 70px 2px #000;  border: none; border-width: 1px 0 1px 0;} /* black */

section.typography 			{}
section.typography aside 	{float: left; width: 200px; padding: 12px 0;}
section.typography aside h3 {color: var(--primary); text-align: right; text-transform: uppercase; padding-right: 20px;}
section.typography main 	{border: solid 2px var(--pale); border-width: 0 0 0 2px; margin-left: 202px; padding: 20px 40px; box-sizing: content-box;}
@media (max-width: 768px) { 
section.typography aside 	{float: none; width: auto;}
section.typography main 	{margin-left: unset; border-width: 2px 0 0 0;}
}

ul.theme-bullets 			{padding-left: 0; display: table;}
ul.theme-bullets>li			{display: table-row;}
ul.theme-bullets>li::before	{width: 24px; height: 24px; display: table-cell; content: ""; padding-right: 12px;}
ul.theme-bullets>li::before	{background-image: url('../theme/element/check.svg'); background-repeat: no-repeat; background-position: left top;}
ul.theme-bullets>li span	{display: table-cell; padding-top: 4px; padding-bottom: 16px;}
ul.theme-bullets>li>*		{display: table-cell; text-align: left; padding-top: 4px; padding-bottom: 16px;}
ul.theme-bullets-open li:before	{background-image: url('../theme/element/check-open.svg');}
ul.theme-bullets.i-open li:before	{background-image: url('../theme/element/check-open.svg');}
ul.theme-bullets-o li:before	{background-image: url('../theme/element/check-open.svg');}
ul.theme-bullets.i-o li:before	{background-image: url('../theme/element/check-open.svg');}

ul.theme-ul 				{padding-left: 0; margin: 0; list-style-type: none;}
ul.theme-ul>li				{padding-left: 32px; position: relative; padding-top: 3px; padding-bottom: 12px;}
ul.theme-ul>li::before   	{display: inline-block; position: absolute; width: 24px; height: 24px; content: ""; left: 0; top: 0;}
ul.theme-ul>li::before   	{background-image: url('../theme/element/check.svg'); left: 0; top: 0; background-repeat: no-repeat;}
ul.theme-ul.i-open>li::before   	{background-image: url('../theme/element/check-open.svg'); left: 0; top: 0;}
ol.theme-ol 			{margin: 0; padding: 0; list-style: none; display: grid; gap: 16px;}
ol.theme-ol 			{counter-reset: orderedlist;}
ol.theme-ol li + li 	{margin-top--: 4px}
ol.theme-ol li 		{display: grid; grid-template-columns: 0 1fr; gap: 1.75em; align-items: center; font-size--: 1.5rem; line-height--: 1.25; column-gap: 48px;}
ol.theme-ol li::before {counter-increment: orderedlist; content: counter(orderedlist); }
ol.theme-ol li::before {width: 32px; height: 32px; color: white;  font-size: 23px; line-height: 30px; text-align: center; font-weight: 700;}
ol.theme-ol li::before {background-color: var(--sec); border-radius: 50%; padding-top: 2px; box-sizing: border-box;}

.theme-table {border-collapse: collapse; margin-bottom: 20px;}
.theme-table tr {}
.theme-table tr td {border: solid 1px white; background-color: #87ACFF1A; padding: 16px; text-align: center;}
.theme-table thead {}
.theme-table thead tr {}
.theme-table thead tr td {background-color: var(--primary-inc); color: white; font-weight: 700;}
.theme-table thead tr td.empty {background-color: transparent;}
.theme-table thead tr td.first {border-radius: 8px 0 0 0;}
.theme-table thead tr td.last {border-radius: 0 8px 0 0;}
.theme-table tbody {}
.theme-table tbody tr {}
.theme-table tbody tr td {}
.theme-table tbody tr td.label {background-color: var(--stone); text-align: left;}
.theme-table tbody tr td.bluecity {background-color: var(--primary-inc); color: white; font-weight: 700;}
.theme-table tbody tr:first-of-type td.label {border-radius: 8px 0 0 0;}
.theme-table tbody tr:last-of-type td.label {border-radius: 0 0 0 8px;}
.theme-table tbody tr:last-of-type td:last-of-type {border-radius: 0 0 8px 0;}
div.scrollable {width: 100%; overflow-x: auto;}

.caption {display: block; font-weight: bold; color: var(--primary);}
table.fullwidth {width: 100%;}

/* TEMPLATE PARTS -------------------------------------------------------------------------------- */

header.site-header::before {display: block; width: 100%; height: 4px; content: ""; background-image: var(--rgb); position: fixed; z-index: 10;}

section.top-header {font-weight: 500;}
section.top-header .container {min-height: 72px; justify-content: space-between }
section.top-header .flexr {min-height: 90px;}
section.top-header .logo {}
section.top-header .menu {}
section.top-header .menu ul {padding: 0 24px; padding: 0;}
section.top-header .menu>ul>li {padding-right: 24px; line-height: 30px;}

section.top-header .menu>ul>li>a {position: relative; text-decoration: none; }
section.top-header .menu>ul>li>a {display: inline-block; min-width: 80px; text-align: center;}

/* @media (max-width: 1100px) {section.top-header .container.flexr {flex-direction: column; padding-top: 20px;}} */

@media (max-width: 860px) { section.top-header .menu>ul {padding: 0;} section.top-header .menu>ul>li {padding-right: 10px;} }
@media (max-width: 760px) { section.top-header .menu>ul>li>a {min-width: unset;} }

@media (max-width: 650px) {
	
	section.top-header .container.flexr {align-content: flex-start; display: block; padding-top: 20px;}
	section.top-header .menu ul,
	section.top-header .buttons {display: none;}
	section.top-header .mobile-button {position: absolute; right: 0; top: 0; z-index: 100; width: 100px; height: 80px; background: #FFF; border-radius: 0 0 0 48px;} 
	section.top-header .mobile-button {/*-webkit-transition: 150ms linear; transition: 150ms linear;*/ transition: none; box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF; cursor: pointer;  }
	section.top-header .mobile-button span {position: absolute; top: 32px; left: 42px; width: 30px; height: 2px; background: #0A4192; display: block; -webkit-transform-origin: center; transform-origin: center; transition: none;}
	section.top-header .mobile-button span::after, section.top-header .mobile-button span::before {transition: none; content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #0A4192; }
	section.top-header .mobile-button span::before { top: -10px; }
	section.top-header .mobile-button span::after { bottom: -10px; }

	section.top-header .menu>ul {opacity: 0; -webkit-transition: 300ms 0s linear; transition: 300ms 0s linear; position: absolute; z-index: -2; display: none;}
	section.top-header .menu>ul {top: -140px; left: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 90%; text-align: center;}
	section.top-header .mobile-active .mobile-button { box-shadow: 150px 150px 50px 700px rgba(10,65,146,0.85), 0 0 30px 680px rgba(10,65,146,0.85); /*1box-shadow: 150px 30px 10px 680px #2B45B6e5;*/}
	section.top-header .mobile-active>ul {z-index: 200; opacity: 1; top: 60px; left: 50%; display: block}
	section.top-header .menu>ul li {display: block; padding-right: 0; text-align: left; font-size: 18px;}
	section.top-header .menu>ul>li {line-height: 30px;}
	section.top-header .menu>ul>li>a {padding: 6px 0; display: inline-block; text-align: left; text-transform: uppercase;}
	section.top-header .menu>ul>li.pll-parent-menu-item>a {padding: 0;}	
	section.top-header .menu>ul a {color: white; text-decoration: none;}
	section.top-header .menu>ul ul.sub-menu {transition: none; display: block; position: static; width: auto; text-align: center;} 
	section.top-header .menu>ul ul.sub-menu li {width: auto; line-height: 30px;}
	section.top-header .menu>ul ul.sub-menu li a {font-weight: 300;}

	section.top-header .mobile-active .mobile-button span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	section.top-header .mobile-active .mobile-button span::after {-webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: 0;}
	section.top-header .mobile-active .mobile-button span::before {-webkit-transform: rotate(90deg); transform: rotate(90deg); top: 0;}
	
	section.top-header .menu>ul li.current-menu-item:not(.current-menu-ancestor)>a {color: var(--sec); font-weight: 600}
	section.top-header .menu>ul li.pll-parent-menu-item ul {padding-left: 0;}
}
@media (min-width: 651px) {
	section.top-header .menu>ul>li.current-menu-item a {color: var(--sec);}
	section.top-header .menu>ul>li:not(.menu-item-has-children)>a::after,
	section.top-header .menu>ul>li.current-menu-item>a::after {position: absolute; bottom: -6px; left: 0; content: ""; display: inline-block; border-top: solid 2px var(--sec); width: 0; transition: width 150ms cubic-bezier(0.44, 0.93, 0.71, 1.07);}
	section.top-header .menu>ul>li:not(.menu-item-has-children)>a:hover::after { width: 100%; }
	section.top-header .menu>ul>li.current-menu-item a::after { width: 100%;}

	section.top-header,
	section.top-header .container,
	section.top-header .menu {overflow: visible}
	section.top-header .menu>ul>li {position: relative;}
	section.top-header .menu>ul>li.cloned {display: none;}
	section.top-header .menu>ul>li:hover ul.sub-menu {display: block; box-shadow: 0 3px 9px var(--primary)}
	section.top-header .menu ul.sub-menu {display: none; position: absolute; z-index: 2; background-color: white; min-width: 220px; padding-top: 8px; padding: 8px 0; border-radius: 0 0 8px 8px;}
	section.top-header .menu ul.sub-menu li {display: block}
	section.top-header .menu ul.sub-menu li a {color: var(--inblanco); display: block; font-weight: 300; line-height: 20px; text-decoration: none; padding: 8px 16px;}
	section.top-header .menu ul.sub-menu li a:hover {background-color: var(--stone);}
	section.top-header .menu ul.sub-menu {transition: all 300ms cubic-bezier(0.39, 1.3, 0.61, 1.05) 100ms; display: inline-block; width: 0; overflow: hidden; box-sizing: content-box; visibility--: hidden; left: 0; top: 30px; min-width: 0}
	section.top-header .menu ul.sub-menu {transition: width 300ms cubic-bezier(0.44, 0.93, 0.71, 1.07);}
	section.top-header .menu ul.sub-menu li {width: 400px; overflow: hidden; padding--: 8px 0; }
	section.top-header .menu>ul>li:hover ul {visibility: visible; width: 400px; /* 200 */ }
	section.top-header .menu ul.sub-menu li.current-menu-item a {background-color: var(--sec); color: white;}
	
	section.top-header .buttons {}
	section.top-header .buttons ul {}
	section.top-header .buttons>ul>li {border: solid 1px white; border-radius: 8px; position: relative; }
	section.top-header .buttons ul li a {display: inline-block;  padding: 8px 16px; position: relative; text-decoration: none; border: none;}
	section.top-header .buttons ul li a:has(img) {padding-right: 36px;}
	section.top-header .buttons ul li a:has(img) img {position: absolute; top: 5px; right: 8px;}
	section.top-header .buttons ul li.menu-item-has-children {background-image: url('/theme/element/chevron-down-p.svg'); background-repeat: no-repeat; background-position: 38px 4px; padding-right: 18px;}
	section.top-header .buttons ul li.menu-item-has-children:hover {border-bottom: none; border-radius: 8px 8px 0 0;}

	section.top-header .buttons ul li ul.sub-menu {padding-left: 0; position: absolute; z-index: 2; display: none; border: solid 1px white; border-radius: 0 0 8px 8px; border-top: none;}
	section.top-header .buttons ul li ul.sub-menu {padding-top: 8px; top: 28px; left: -1px;}
	section.top-header .buttons ul li:hover {background-color: rgba(255,255,255,0.3);}
	section.top-header .buttons ul li:hover ul.sub-menu {display: block; }
	section.top-header .buttons ul li.pll-parent-menu-item ul {width: 100%;}
	section.top-header .buttons ul li.pll-parent-menu-item ul li {display: block; width: 100%;}
	
	section.top-header .menu>ul>li.menu-item-has-children {padding-right: 12px;}
	section.top-header .menu>ul>li.menu-item-has-children>a::after {display: inline-block; content: ""; height: 14px; width: 18px; padding-left: 12px;}
	section.top-header .menu>ul>li.menu-item-has-children>a::after {background-image: url('/theme/element/chevron-right-s.svg'); background-repeat: no-repeat; background-position: center right;}
}

header.site-header .btn-container {justify-content: flex-start;}
header.site-header .btn-container {justify-content: flex-start; text-align: left;}
header.site-header .btn-container .btn {margin: 0;}
header.site-header .btn-container .btn-link {color: white;}

section.hero {min-height: 326px; padding-bottom: 22px;}
@media (max-width: 768px) {section.hero {min-height--: 238px;}}

section.hero .breadcrumbs 				{margin-bottom: 16px;}
section.hero .breadcrumbs ul 			{list-style-type: none; margin: 0; padding: 0; font-size: 14px; line-height: 18px; font-weight: 400;}
section.hero .breadcrumbs ul li			{display: inline-block; opacity: 0.5;}
section.hero .breadcrumbs ul li:after	{content: " / "}
section.hero .breadcrumbs ul li:last-of-type:after	{content: none;}
section.hero .breadcrumbs ul li.home		{}
section.hero .breadcrumbs ul li.home img	{position: relative; top: 2.4px;}
section.hero .breadcrumbs ul li.inactive	{}
section.hero .breadcrumbs ul li a			{text-decoration: none;}
section.hero .breadcrumbs ul li:not(.home):hover,
section.hero .breadcrumbs ul li.last	{opacity: 1;}
section.hero .breadcrumbs ul li.last	a {cursor: text;}

section.hero .page-title {margin-bottom: 16px;}
section.hero .text {max-width: 620px; margin-top: 0; font-size: 18px; font-style: italic; line-height: 1.5}
section.hero-home {}
section.hero-page-1 h1 {margin-top: 24px;}
section.hero-page-2 {padding-top: 54px;}

footer.site-footer 			{background-color: var(--primary); color: white;}
footer.site-footer a 		{color: white; text-decoration: none;}
footer.site-footer a:hover 	{text-decoration: underline;}

footer.site-footer {background-image: var(--rgb); padding: 48px 0;}
footer.site-footer p {margin: 0; padding: 0;}
footer.site-footer .container {box-sizing: border-box;}
footer.site-footer .main {line-height: 24px;}
footer.site-footer .main .flexr  {justify-content: flex-start; align-items: flex-start; flex-wrap--: no-wrap;}
footer.site-footer .main .title {display: block; margin-bottom: 16px;}
footer.site-footer .main .footer-links  {float: left; width: calc(100% - 332px); margin-bottoM: 32px;}
footer.site-footer .main .footer-links  .col {flex-basis: 260px;}
footer.site-footer .main .footer-links  .col ul {list-style-type: none; padding: 0; margin: 0;}
footer.site-footer .main .footer-links  .col ul li {}
footer.site-footer .main .footer-links  .col ul li {}
footer.site-footer .main .company  {float: right; width: 300px;}
footer.site-footer .main .company  .gafam {padding: 18px 0;}
footer.site-footer .main .company  .logo {text-align: left;}
footer.site-footer .main .company  .logo img {height: 24px;}
footer.site-footer .copyright {font-size: 15px; line-height: 1.4;}
footer.site-footer .sitemap {background-color: #083973}
footer.site-footer .sitemap .container {padding: 32px 16px;}

footer.site-footer .main {padding-bottom: 12px;}
footer.site-footer .main .footer-links {float: none; width: unset; margin-bottom: 20px;}
footer.site-footer .main .company {float: none; width: unset; display: flex; column-gap: 20px;}
footer.site-footer .main .company .logo {float: left; }

@media (max-width: 959px) {
	footer.site-footer {padding: 36px 20px; }
	footer.site-footer .main .footer-links {float: none; width: auto; justify-content: space-between;}
	footer.site-footer .main .footer-links .col {flex-basis: 160px;}
	footer.site-footer .main .company  {float: none; width: auto;}
	footer.site-footer .copyright  {}
}

.blog-layout .post .post-title:has(.edit-link) {display: flex; align-items: flex-start; justify-content: space-between;}
.blog-layout .post .post-title .edit-link {color: var(--sec); display: inline-block; font-size: 12px; line-height: 1; display: inline-block; padding: 12px 8px; margin: 0;}

.tag {display: inline-block; padding: 4px 8px; margin: 4px 6px 4px 0; border-radius--: 8px; font-size: 14px; line-height: 20px; font-weight: 700; text-decoration: none;}
.tag-primary {background-color: var(--primary-lab); color: White;}
.tag-secondary {color: var(--primary); background-color: #F3F7FF;}

main.main {min-height: calc(100vh - 742px);}
header.site-header {box-shadow: 0px 0px 15px 5px #bbb;}

/* better lang menu */
section.top-header .buttons>ul>li {border-width: 2px; border-color: transparent;}
section.top-header .buttons li.current-lang {border-color: var(--sec); border-width: 2px; color: var(--sec);}