/* The footer div */

#footer {
	position: fixed;
	padding: 10px 10px 0px 10px;
	bottom: 0;
	width: 100%;
	/* Height of the footer*/
	height: 40px;
	background: rgb(135, 206, 235);
}


/* Is this really in use? _ MUST CHECK */
#sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
  }

/* landing page: screen only: mid screen */
@media screen and (min-width: 1023px)
{
div.multi-cols
    {
        column-count: 3;
        column-gap: 30px;
        column-rule: none 1px lightgrey;
    }		
}

/* landing page: screen only: mid screen */
@media screen and (min-width: 640px) and (max-width: 1023px)
{
div.multi-cols
    {
        column-count: 2;
        column-gap: 30px;
        column-rule: none 1px lightgrey;
    }	
}

/* landing page: screen only: small screen */

@media screen and (max-width: 640px)
{
    div.multi-cols
    {
        column-count: 1;
        column-gap: 30px;
        column-rule: none 1px lightgrey;
    }	
}

/* landing page: screen only: mid screen */

@media screen and (max-width: 640px)
    {
        .two-cols
    {
        column-count: 1;
        column-gap: 30px;
        column-rule: none 1px lightgrey;
    }	
}

@media screen and (min-width: 640px)
{
.two-cols
    {
        column-count: 2;
        column-gap: 30px;
        column-rule: none 1px lightgrey;
    }
}					

/* experimental dark mode */

.dark-mode {
    background-color: #202324;
    color: rgb(241, 241, 241);
  }

#dark-quote {
  color: #202324 !important;
  /* color: rgb(210, 215, 220); */
}

/* hide EM4iL */

.twmail::before {
    content: "\0040";
  }

  blockquote {
    width: 100% !important; 
    background-color: rgb(210, 215, 220); 
    padding-left: 2%;
    padding-top: 1px;
    padding-bottom: 1px;
    border-left: rgba(0, 122, 204, 0.5) solid 6px;
    margin-left:0px;
     }


  /* onMouseHover Tooltip over the "Change theme" */

  /* .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    /* position: absolute; 
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  } */

  /* End onMouseHover Tooltip  */  


/* #hide {
   opacity: 1;
   transition: opacity 2s ease-in-out;
   -moz-transition: opacity 2s ease-in-out;
   -webkit-transition: opacity 2s ease-in-out;
   }
   
#hide:onmouseout {
	-webkit-opacity: 0.25;
	-moz-opacity: 0.25;
	opacity:0.25;
} */

/* #wrapper{
	margin-left: auto;
	margin-right: auto; 
	position: relative; //make #wrapper position non-static
	min-height: 99%;
	bottom:0px;
} */

/* html,body { height:100%; }

footer {
	bottom:0px;
}  */