:root {
    --primary-color: #4a8dff; /* was #3574ff */
    --primary-hover: #3578e5;

    --secondary-color: #9fb5d6;
    --secondary-hover: #9fb5d6;
    
    --tersiary-color: #545454;
    --tersiary-hover: #545454;
    --tersiary-text: #f4f4f4;
    
    --topbar-height: 50px; 
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;

}


body {
    padding-top: var(--topbar-height);
   // display: flex;
   // flex-direction: column;
   // min-height: 100vh;
}

/* Make the whole layout stretch vertically */
.wrapper {
    //min-height: 100vh;
    //display: flex;
    //flex-direction: column;
    //flex: 1;
    
}

/* main */
.main-content {
   flex: 0 1 auto;  /*1 0 auto; Main section expands to fill available space */
    display: flex;
    flex-direction: column;
   min-height:55vh;
 
}

/* Footer */
.foot-content { 
    flex-shrink: 0; /* Footer sits at the bottom when not enough content */
}
.foot-content.segment {
    padding: 1em 0em;
}

.foot-content.segment .column.extra {
    border-width: 0;
    color: #888;
    font-size: 0.85rem;
    box-shadow: none !important;
}

hr { 
    color: rgba(0,0,0,.27); 

}


/* Primary button override *//*
.ui.button.primary,
.ui.primary.button {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.ui.button.primary:hover {
    background: var(--primary-hover) !important;
}

/* Secondary button override *//*
.ui.button.secondary,
.ui.secondary.button {
    background: var(--secondary-color) !important;
    color: #fff !important;
}
.ui.button.secondary:hover {
    background: var(--secondary-hover) !important;
}

/* Active link override *//*
.ui.menu .item.active,
.ui.menu .item.active:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Active secondary style (optional) *//*
.ui.menu .item.secondary-active {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

h1 {
  min-height: 1rem;
  font-size: 2rem;
}

h2 {
  font-size: 1.7rem;;
}

h3 {
  font-size: 1.5rem;;
}

h4 {
  font-size: 1.3rem;;
}


*/


/* Mobile Pusher */ 
/*
.pusher {
    transition: margin-left 240ms ease;
    // default margin-left matches sidebar width 
    margin-left: calc(var(--sidebar-width) + 20px);
    margin-right: 20px;
    
    flex: 1; // Make pusher expand
    display: flex; // Make pusher expand 
    flex-direction: column; // Make pusher expand 
}
/* semantic override */ 
.pusher > .ui.grid, .pusher > .ui.container {
   // min-height:52vh;
   // flex: 1;
   // display: flex;
   // flex-direction: column;
}
.pusher > .ui.grid > .ui.container.main-content
{
  //  min-height:52vh;
    
   // flex: 0 1 auto;
   // display: flex;
  //  flex-direction: column;
   // vertical-align: text-top;
}


/* Sidebar  */
.ui.vertical { margin-bottom: 0; }

.ui.vertical.main { margin-top: 50px; }
.ui.vertical.contents {
      padding: 1em 0em;
    }
.ui.vertical.contents h3 {
font-size: 2em;
margin-bottom: 1em;
}

.ui.vertical.contents p  {
margin-bottom: 1em;
font-size: 1.33em;
}
.ui.vertical.contents p.med {
font-size: .95em;
font-size: 1.15em;

}    
.ui.vertical.contents p.small {
    font-size: .9em;
    font-size: 1.0em;
}
.ui.vertical.contents .button  {
  margin-top: 2em;
}
.ui.vertical.contents .floated.image {
  clear: both;
}
.ui.vertical.contents .horizontal.divider {
  margin: 1em 0em;
    min-height: 4px;
    border-width: 4px;
}
/*
    #blog pre.plain { 
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 1.33em;
    color: rgba(0,0,0,.87);
        display: block;
      white-space: pre;
     line-height: 1.4285em;
      margin: 0 0 .5em;
    }
    #blog .description { margin-bottom: 1.5em; }

*/



/* Maveric basic html */
nav { display: block; clear: both;  }
nav.pagination { font-size: 1em !important;  background: rgba(0,0,0,.03);  padding: .78571429em 1.14285714em !important; min-height: 40px; margin: 10px 0; 
 border-radius: 4px ; border-style: solid;
border-width: 1px; border-color: rgba(34, 36, 38, 0.15);
}
nav.pagination .label { float: left; }
nav.pagination .pages { float: right; margin-left:20px; padding 0 10px; text-align: right; }
nav.pagination a { margin: 0 5px; color: rgba(34, 36, 38, 0.85); }
nav.pagination a.active { text-decoration: underline; font-weight: 600 !important; }
/* Sidebar      
   ============================== */
    @media only screen and (max-width: 700px) {
        
      .hidden.menu {
        display: none !important;
      }
      .ui.fixed.menu {
        display: none !important;
      }

    }