/* including file inline : "/net/css/store/main_store.css" */ 


body
{
	background-color: #404040;
	font-family: 'Titillium Web', 'Segoe UI', 'Helvetica', sans-serif;
}

.span_vertical_center
{
	display:inline-block;
	vertical-align:middle;

}

	/* Example for code blocks */
	code, pre {
	font-family: 'Fira Code', monospace;
	font-size: 14px;
	background-color: #f5f5f5;
	padding: 4px 8px;
	border-radius: 4px;
	display: block;
	}

.download_now_button:hover {
	background-color: #D75C23;
	color: white;
}

    .hi5_button {
        width: 90px;
        height: 90px;
        overflow: hidden;
		  display:inline-block;
		  text-decoration:none;
    }

    .hi5_button img {
        width: 320px;
        height: 90px;
        margin: 0 0 0 -20px;
    }

	 a.hi5_button
	 {
		font-size: 24px;
color:white;

	 }
	 a.hi5_button:link
	 {
color:white;

	 }
	 a.hi5_button:visited
	 {
color:white;

	 }

a
{
	
	font-weight: 600;
	text-underline: none;

}


a:link
{

	color:#337ab7;

}

a:visited
{

	color:#337ab7;

}

a:hover
{

	color:#438aC7;

}
	
.ca2_hi5
{

	display:flex;	
	flex-direction:row;
	flex-wrap:wrap;
	margin-top: 12pt;

}

.main_topic_status
	{
		
		color: #5C8;
		font-family: 'Titillium Web', Geneva, Arial, Helvetica, sans-serif;
		font-size: 18pt;
		font-weight: 700;
		display:inline-block;
		text-decoration:none;
		
	}


	.main_topic_button
	{
		
		
		background-color:rgba(46,131,212,1.00);
		box-shadow: 0px 0px 10px 0px rgba(46,131,212,1.00);
		color: white;
		font-family: 'Titillium Web', Geneva, Arial, Helvetica, sans-serif;
		font-size: 18pt;
		font-weight: 700;
		padding: 8pt;
		padding-left: 33pt;
		padding-right: 33pt;
		margin-top: 11pt;
		margin-bottom: 11pt;
		display:inline-block;
		text-decoration:none;

        /* shadow to bottom right */
  box-shadow:
  0px 0px 10px 0px rgba(46,131,212,1.00),
  10px 10px 10px 0px rgba(89,89,89,1.00);
  
  /* smooth press animation */
  transition: 
    transform 0.08s ease,
    box-shadow 0.08s ease,
    background 0.15s ease;
		
	}
	.main_topic_button:link{
	
		color:white;
		
	}
	.main_topic_button:visited{
	
		color:white;
		
	}
	.main_topic_button:hover{
	
		background-color: rgba(56,141,222,1.00);
		
	}

   /* hover optional
.pixel-link:hover {
  background: #4338ca;
} */

/* pressed state */
.main_topic_button:active {
  transform: translate(4px, 4px);
  box-shadow:
  0px 0px 10px 0px rgba(46,131,212,1.00),
  2px 2px 2px 0px rgba(89,89,89,1.00);
}
	.stored_status
	{
		display:inline-block;
		font-family: 'Times New Roman', serif;
		color: rgba(6,151,1,1.00);
		font-size: 12.6pt;
		letter-spacing:4px;
		margin-top:12px;
		margin-left:41px;
		padding: 9px;
		text-decoration:underline;
	}
	.stored_status:link
	{

color: rgba(6,151,1,1.00);
text-decoration:underline;
	}
	.stored_status:hover
	{

color: rgba(6,151,1,1.00);
text-decoration:underline;
	}
	.stored_status:visited
	{

color: rgba(6,151,1,1.00);
text-decoration:underline;
	}
    .copy-icon {
      position: relative;
      width: 24px;
      height: 24px;
      cursor: pointer;
    }

    .copy-icon .square {
      position: absolute;
      width: 18px;
      height: 18px;
      border: 2px solid black;
      border-radius: 6px; /* makes it roundy */
      top: 0;
      left: 0;
      background-color: white;
    }

    .copy-icon .square.bottom {
      top: 4px;   /* offset slightly */
      left: 4px;
    }




    .pixel-link {
  display: inline-block;
  padding: 14px 20px;
  background-color:rgba(46,131,212,1.00);
  color: white;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #111;
  border-radius: 0; /* square corners */
  
  /* shadow to bottom right */
  box-shadow:
  0px 0px 10px 0px rgba(46,131,212,1.00),
  10px 10px 10px 0px rgba(89,89,89,1.00);
  
  /* smooth press animation */
  transition: 
    transform 0.08s ease,
    box-shadow 0.08s ease,
    background 0.15s ease;
}

/* hover optional */
.pixel-link:hover {
  background: #4338ca;
}

/* pressed state */
.pixel-link:active {
  transform: translate(4px, 4px);
  box-shadow: 2px 2px 0 #111;
}