@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
font-family: "Inter", sans-serif;
font-size:14px;
font-weight: 400;
font-style: normal;
color:#475569;
margin:0px;
padding:0px;
background:#F8FAFC;
}

.head1 {
width:100%;
background:#0F172A;
}

.head2 {
width:100%;
background: #ffffff;
border-bottom:1px solid #E2E8F0;
margin-bottom:20px;
}

.content_container {
max-width:1100px;
margin:auto;
padding:10px;
}

/*******************/
/* COLS */
.content_cols_set {
display: grid;
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: 28% 72%;
}

.content_cols {
overflow:hidden;
box-sizing: border-box;
}


.container_rounded_boxes {
max-width:1200px;
margin:auto;
border-radius:10px;
background:#fff;
padding:10px;
border:1px solid #E2E8F0;
}
/******************/

/*******************/
/* COLS */
.article_cols_set {
display: grid;
grid-column-gap: 15px;
grid-row-gap: 15px;
/*grid-template-columns: 49% 49%;*/
grid-template-columns:repeat(2, 1fr);
}

.article_cols {
overflow:hidden;
box-sizing: border-box;
}


.article_rounded_boxes {
max-width:1200px;
border-radius:10px;
background: #ffffff;
padding:20px;
border:1px solid #E2E8F0;
box-sizing: border-box;
overflow:hidden;
}

.article_rounded_boxes:hover {
border:1px dotted #E2E8F0;
}



.article_label {
font-size:13px;
display:inline-block;
padding:5px;
border-radius:5px;
background:#2563EB;
color:white;
}

.article_read_button {
display:inline-block;
font-size:11px;
font-weight:bold;
background:#FFF7ED;
color:#5C3100;
border-radius:7px;
padding:5px;
margin-top:0px;
}
/******************/



/******************/
/* Featured Box   */
.featured_article {
width:100%;
overflow:hidden;
padding:20px;
margin-bottom:20px;
border-radius:10px;
background-image: url("site_images/featured_article_background.jpg");
background-size:cover;
box-sizing: border-box;
}

.featured_article_label {
font-size:13px;
font-weight:bold;
display:inline-block;
padding:5px;
border-radius:5px;
background:#D6E3FF;
color:#002D6E;
}

.featured_article_title_text {
font-size:30px;
font-weight:bold;
color:white;
margin-top:20px;
}

.featured_article_preview_text {
color:white;
margin-top:10px;
}

.featured_article_read_button {
display:inline-block;
font-size:14px;
background:#D6E3FF;
float:right;
border-radius:5px;
padding:10px;
color:#002D6E;
margin-top:20px;
}
/******************/



/**********************/
/* Fonts & Links */
a.regular_link {
color:#475569;
text-decoration:underline;
}

/* For older articles not updated with new class */
a.regular_text_link {
color:#475569;
text-decoration:underline;
}

a.regular_link:hover {
font-weight:bold;
}

a.small_link {
color:#475569;
font-size:12px;
text-align:right;
text-decoration:underline;
}


a.small_header_link {
font-size:13px;
color:#94A3B8;
margin-right:20px;
text-decoration:none;
}

a.small_header_link:hover {
color:#fff;
}

a.news_link {
color:#475569;
text-decoration:none;
}

a.news_link:hover {
text-decoration:underline;
}
/* END LINKS */

p.small_text {
color:#475569;
font-size:13px;
/*text-align:right;*/
line-height:17px;
margin-top:10px;
}


p.regular_text {
color:#475569;
line-height:17px;
}

p.article_text {
font-size:18px;
font-weight:600;
/* #color:#475569; */
color:#5E729E;
line-height:19px;
}

h1 {
font-size:20px;
/*color:#475569;*/
color:#5E729E;
}

h2 {
font-size:16px;
/*color:#475569;*/
color:#5E729E;
}

hr {
  /* Remove the default border/3D effect */
  border: none;
  /* Set the height (thickness) */
  height: 1px;
  /* Set the color */
  background-color: #E2E8F0; /* Dark gray */
  /* Set the width (e.g., to be shorter than the full container) */
  width: 100%;
  /* Center the line */
  margin: 10px auto;
}

li, ul {
margin:0;
padding:0;
list-style: none;
}
/**********************/


/*****************************/
/* Show Categories */
.show_categories {
display:block;
}

.show_mobile_categories {
display:none;
}

/* Category Menu */
.category_menu {
list-style: none; 
margin: 0;
padding: 0;
display:block;
}

/* List Item Styling */
.category_menu li {
}


.category_menu li a {
display: block; 
padding: 5px 0px;
text-decoration: none; 
color:#475569;
transition: background-color 0.0s ease; 
}


.category_menu li a:hover {
background-color: #D6E3FF; 
color:#002D6E;
}



.category_menu li:last-child {
 border-bottom: none;
}
/* End Category Menu */
/*****************************/

/*****************************/
/* OLD CSS CODE */
#code_container_first {
background:black;
color:white;
padding:10px;
margin-top:-7px;
margin-bottom:15px;
border-radius:5px;
word-wrap: break-word;
display:inline-block;
}

#code_container {
background:black;
color:white;
padding:10px;
margin-top:7px;
margin-bottom:15px;
border-radius:5px;
word-wrap : break-word;
display:inline-block;
}

#code_explain {
border:1px dotted black;
padding:10px;
background:#fcfcfc;
}

.image_container {
margin-top:10px;
margin-bottom:0px;
}

.article_out_of_date {
width:100%;
padding:10px;
margin-bottom:20px;
background:red;
color:white;
box-sizing: border-box;
}

.article_note {
  width:100%;
  padding:10px;
  margin-bottom:20px;
  background:#DDF5FF;
  color:black;
  box-sizing: border-box;
  }

/* Article Image Size */
img.article_image {
width:70%;
}

img.article_image_large {
width:100%;
}

kbd {
background:lightgrey;
border:1px solid black;
padding:2px;
}

a.regular_text_link {
font-weight:600;
color:#2664eb;
}

/* END OLD CSS CODE */
/*****************************/

/*****************************/
/* GAds */
.ads {
width:100%;
height:auto;
margin-bottom:10px;
}

/* Gads No Ad */
ins.adsbygoogle[data-ad-status='unfilled'] {
display: none !important;
margin-bottom:10px;
}

.afflinks {
display:flex;
flex-direction: row;
align-items: center;
 justify-content: center;
}

a.afflinks_link {
color:#475569;
text-decoration:underline;
}

img.afflinksimg {
vertical-align:middle;
margin-right:5px;
}

.afflinks_rounded_boxes {
display:inline-block;
border-radius:5px;
background:#FEF1AF;
padding:7px;
margin-right:5px;
border:1px solid #E2E8F0;
}
/******************************/

@media only screen and (max-width: 600px) {

.content_cols_set {
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 100%;
}

.article_cols_set {
display: grid;
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: 100%;
}

/* Show Categories */
.show_categories {
display:none;
}

.show_mobile_categories {
cursor:pointer;
display:block;
}

.category_menu li a:hover {
background-color: transparent; 
}

}