@font-face
{
   font-family: "DB";
   src: url('/fonts/PublicSans-Regular.woff') format('woff');   
}


:root
{
   --content-margin: 1.25em;
   --smx-blue: #22418c;
   --smx-red: #EC1119;
   --smx-lightblue: #CFDDDE;
   --smx-link: #2F4EA0;
   --smx-separator: #edcbca;
   --smx-light-shadow: #f0f0f0;
   --smx-background-alt: #fcfcfc;
}


html
{
   height: 100%;
}


body
{
   margin: 0;
   font-family: "DB";   
   height: 100%;   
   
   display: grid;
   grid-template-columns: minmax(15em, 15%) 1fr minmax(15em, 15%);
   grid-template-rows: auto 1fr auto;
   height: 100vh;   
}


h1, h2, h3, h4
{
   font-size: 1.5em;
   font-weight: bold;
   border-bottom: 3px solid var(--smx-red);
}



p
{   
   font-size: 1.2em;
   max-width: 50em;
   line-height: 1.6;
   margin: var(--content-margin);
}


img.alignright
{
   float: right;
   margin: 0px 0px 0px 0px;
}

a:link, a:visited
{
	color: var(--smx-link);
	text-decoration: none;

}


a:hover 
{
	text-decoration: underline;
}


.small
{
   font-size: 1em;
}



.separator
{
   border-bottom: solid 1px var(--smx-separator);
   padding-bottom: var(--content-margin);
}



p.video
{
   text-align: center;
   padding-bottom: 2em;
}


section.dl_screen
{
   display: inline-flex;
   flex-direction: column;
   margin: 0 0 2em 2em;   
}





section.dl_screen button
{
   margin: 1em 0;
   display: flex;
   align-self: end;   
   font-family: arial;
   font-weight: bold;
   font-size: 1em;
   align-items: center;
   border: none;
   background-color: var(--smx-blue);
   color: white;
   border-radius: 2em;
   cursor: pointer;
   padding: 0.4em 1em;
}


section.dl_screen button span
{
   margin-left: 0.4em;
   background-color: white;
   color: var(--smx-blue);
   border-radius: 50%;   
   font-family: arial;
   font-size: 1.4em;
   font-weight: bolder;
   min-width: 1.2em;   
}


section.pure_economics img
{
   width: 15em;
   margin-left: 1.5em;
}


section.pure_economics li
{   
   padding: 0.5em 0;
}


section.pure_economics section.detail
{
   margin: 0.25em calc(var(--content-margin) + 0.3em);
   display: flex;
   flex-direction: row;
}


section.pure_economics section.detail label:nth-child(even)
{
   font-style: italic;
   margin-left: 0.5em;
   max-width: 50em;
}



img.inline
{
   margin-left: 0.75em;
   margin-right: 0.75em;
   float: left;
}





ul.main li
{
   font-size: 1.2em;
   margin-left: 0.3em;
   margin-bottom: 1.5em;
}



section.trybuygrid
{
   display: inline-grid;
   margin-left: 3em;      
   grid-template-columns: repeat(4, auto);
   align-items: center;
   justify-items: center;
   grid-gap: 0.5em;
}


section.trybuygrid a
{
   font-weight: bold;
}


section.trybuygrid h2, section.trybuygrid h3
{
   margin: 0;
   font-size: 1em;
   border: none;   
}

section.trybuygrid h2
{
   justify-self: start;
}


section.trybuygrid h6
{
   justify-self: start;
   grid-column: 1 / -1;
   margin: 0;
}



a.logo
{   
   flex: 1;
   width: 250px;
   height: 65px;
}



header, footer
{
   grid-column: 1 / -1;   
}


header
{
   display: flex;
   flex-direction: row;   
   align-items: center;
   border-bottom: var(--content-margin) solid #EC1119;   
   padding: 0.5em 1em;
}



footer
{
   display: flex;
   flex-direction: row;
   align-items: center;        
   justify-content: center;
   padding: 0.75em;
   background-color: var(--smx-lightblue);
}


footer a
{
   list-style: none;
   padding: 0 1em;
   border-right: solid 1px black;
}

footer a:visited
{
   color: var(--smx-link);
}

footer a.lastitem
{
   border-right: solid 0px white;
}



.sidebarleft
{
   font-size: 1.5em;
}


.sidebarleft .expand
{
   display: none;
}


.sidebarleft ul
{
   margin: 0;
   padding: 0;
   border: 0;
}

.sidebarleft li
{
   list-style: none;
   border-bottom: dotted 1px black;
   padding: 0.75em 1.5em;
}


.sidebarleft li.nomenu
{
   display: none;
}


.sidebarleft li.lastitem
{
   border-bottom: 0;
}


.sidebarleft li.current_page_item a, .sidebarleft li.current-cat a
{
	color: var(--smx-red);
	display: inline-block;
	width: 100%;
}

.sidebarleft li:hover
{
   background-color: var(--smx-separator);
}

.sidebarleft a:link, .sidebarleft a:visited, .sidebarleft a:hover
{
   color: black;
   text-decoration: none;
   outline: none;
   display: inline-block;
   width: 100%;
}


.sidebarright
{
   padding: 0 1em;
}


.sidebarright h1, .sidebarright h2, .sidebarright h3, .sidebarright h4
{
   margin-top: 2em;
}


.quicklinks_heading ~ a
{
   margin-bottom: 1em;
   display: block;
}


.content
{
   margin: 1em 0;
   padding: 0 3em;
   border-left: solid 1px var(--smx-light-shadow);   
   border-right: solid 1px var(--smx-light-shadow);   
}


.content img
{
   max-width: 100%;
}


blockquote
{
   border-left: 3px solid var(--smx-light-shadow);   
}




blockquote + p
{
   font-style: italic;
   margin-left: 2em;
   margin-bottom: 3em;
}