:root {
	--white: #ffffff; /* White */
	--bgDev: #ffecec; /* Very Light Red Background */
	--black: #030303; /* Black */
	--dark: #255697; /* Light Red */
	--midtone: #9fc0e3; /* Soft Red */
	--light: #d8d8d8; /* Light Pinkish Red */
	--ultraLight: #e6e6e6; /* Very Light Pink */
	--highlight: #e6e6e6; /* Very Light Pink */



	--menu-border-radius: 6px;
}

html {scroll-behavior: unset;}
body{margin: 0; background-color: var(--white); font-size: 0; color: var(--black);}
section{background-color: var(--white);}


/*headerBar*/
.headerBar{background-color: var(--light); color: var(--black); box-shadow: none;}

/*Nav*/
.main.filled{padding-top: 0;}
.main.filled > div{max-width: 100%;}
.navLeft{background-color: var(--highlight); color: var(--dark); padding: 0 10px;}

.navLeft .childBtn{padding: 10px; box-sizing: border-box; display: none;}
.navLeft .childBtn.active{display: block;}
.navLeft .btn i{margin: 0 10px; font-size: 1.15em;}
.navLeft .childBtn .btn{box-sizing: border-box; padding-left: 30px;}
.navLeft .childBtn .btn i{display: none;}

.navLeft .btn.withChild.active{background-color: var(--midtone); border-radius: var(--menu-border-radius) var(--menu-border-radius)  0 0;}
.navLeft .btn .expand{color: var(--dark); border-radius: var(--menu-border-radius)}
.navLeft .btn .expand:hover{background-color: var(--midtone); color: var(--dark);}
/* .navLeft .btn .primary{text-transform: uppercase;} */
.navLeft .btn .primary,
.navLeft .childBtn .btn{color: var(--dark); border-radius: var(--menu-border-radius)}
.navLeft .btn .primary:hover, .navLeft .btn .primary.active{background-color: var(--midtone); color: var(--dark);}
.navLeft .childBtn:hover,
.navLeft .childBtn.active{background-color: var(--light); color: var(--dark); border-radius: 0 0 var(--menu-border-radius) var(--menu-border-radius);}
.navLeft .childBtn .btn:hover,
.navLeft .childBtn .btn.active{background-color: var(--highlight); color: var(--dark); border-radius: 4px;}

section.block.long.narrow > div{height: unset;}

section.block.short{column-gap: 10px; row-gap: 15px; justify-content: flex-start;}
section.block.short .shortBlockBtn {gap: 12px ; width: auto; flex: clamp(200px, 100% ,300px) 0 0; border-radius: 8px;font-size: 1rem; transition: background-color 100ms ease-in, border 100ms ease-in; display: flex;justify-content: flex-start;flex-direction: row;border: solid 1px #ffffff;align-items: center;min-height: 0;padding: 15px 20px;margin: 10px 5px;background-color: #ffffff; color: #273b61; max-width: unset;}
/*section.block.short .shortBlockBtn {gap: 15px; box-sizing: border-box; border-radius: 8px; transition: none; border: 1px solid #ffffff;}*/
section.block.short .shortBlockBtn div{display: flex; flex-direction: column; align-items: flex-start; row-gap: 2px;}
section.block.short .shortBlockBtn div .shortBlockBtn-title{font-weight: 600;text-align: left;}
section.block.short .shortBlockBtn div .shortBlockBtn-subTitle{font-size: 0.8em; text-align: left;}
section.block.short .shortBlockBtn:hover {background-color: #DDE7FF; border: 1px solid #255697;}
section.block.short .shortBlockBtn i{font-size: 2em; padding: 0; width: 50px; box-sizing: border-box;}

.main div:not(.collapsableOuter) > .sectionBox.collapsableV2 > div > div{border: none;}