input[type="checkbox"] {
  display: none;
}

html {
  scroll-behavior: smooth;
}

:root {
  /* --hyperlink: #e5d256; */
  --roundedCorner: 4px;
  --blender_icon_set: url("/articles/_Blender/blender_tips_and_tricks/images/_blender_icons_04.png");
}

.collapsible-bg {
  background: rgba(40, 27, 25, 0.3);
  border-radius: 7px;
}

.codeSnippet {
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  margin: 10px auto;
  padding: 3px 0;
  background: rgba(40, 27, 25, 0.4);
}
.codeSnippet p {
  display: flex;
  text-align: center;
  margin-top: 5px;
  justify-content: center;
  text-shadow: 0px 2px 2px #000;
}
.codeSnippetBottom {
  margin-bottom: 3.5em;
}

.icon_pythonCsharp {
  width: 17px;
  height: 17px;
  margin: 0 0 0 7px;
}

.paid_or_free {
  color: #a2352d;
  font-style: italic;
  font-size: 1.25em;
}

.indented,
.margin-indented {
  width: 93%;
}
.margin-indented {
  margin: 10px 0 12px 0;
}
.indented {
  padding: 20px 0 0 20px;
}
.indented dd,
.article_ul li {
  margin: 15px 0 0 13px;
  vertical-align: top;
}

.articleMenu {
  margin: 20px 0 30px 0;
  display: flex;
  justify-content: center;
}
.article_image_preset_01 {
  display: block;
  margin-top: 5px;
}

.article_ul_left_margin {
  margin-left: 10px;
}

.article_ul_li_bottom_spacing {
  margin-bottom: 0.75em;
}
.article_ul > li > ul > li {
  font-size: 1em;
}

.article_ul_02 {
  font-size: 1.5em;
}

.article_divider {
  float: left;
}

.article_title_align {
  display: inline;
}

.article_title {
  font-size: 200%;
  font-weight: normal;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.article_published_date {
  font-size: 120%;
}
.article_calendar {
  /* margin: 10px 5px 0 0; */
  margin-right: 5px;
}

.article_sub_title {
  font-size: 155%;
  font-weight: 550;
  margin: 5px 0;
}

.article_sub_title2 {
  font-size: 175%;
}

.artticle_explanation {
  background: linear-gradient(
    0deg,
    rgba(50, 34, 36, 1) 0%,
    rgba(26, 20, 20, 1) 100%
  );
  border: 2px solid #37241e;
  margin: 10px 0 15px 0;
  padding: 10px 5px 10px 15px;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  text-shadow: 0px 3px 1px #000;
}

.artticle_explanation_header {
  float: left;
  clear: both;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 5px;
}

.filter_buttons_container {
  /* display: flex; */
  margin: 27px auto 0px auto;
  /* width: 72%; */
  /* width: 90%; */
}

.titleOffset {
  display: inline-block;
  margin-bottom: 10px;
  /* padding: 2px 5px; */
  font-size: 125%;

  /* background: linear-gradient(
    to left,
    rgba(205, 35, 0, 0),
    rgba(205, 35, 0, 1)
  ); */

  border-radius: var(--roundedCorner);
  -moz-border-radius: var(--roundedCorner);
  -webkit-border-radius: var(--roundedCorner);
}

.rezident {
  display: flex;
  /* margin: auto; */
  margin: 20px auto -10px auto;
  width: 356px;
  height: 21px;
}

.icon_softwares,
.icon_blender,
.icon_python_software,
.icon_substance_designer,
.icon_substance_painter,
.icon_zbrush,
.c_sharp_software {
  background: url(/articles/images/icon_softwares_02.png) no-repeat;
  height: 46px;
  width: 46px;
  display: block;
}
.icon_blender {
  width: 48px;
  background-position: 0px 0px;
}
.icon_python_software {
  background-position: -46px 0px;
}
.icon_substance_designer {
  width: 53px;
  background-position: -93px 0px;
}
.icon_substance_painter {
  background-position: -146px 0px;
}
.icon_zbrush {
  width: 53px;
  background-position: -191px 0px;
}
.c_sharp_software {
  background-position: -244px 0px;
}

.icon_categories {
  width: 100%;
  margin: 20px auto 30px auto;
  display: flex;
  justify-content: space-between;
}

.software_article_description {
  padding-left: 20px;
}

.margin_caption {
  margin-bottom: 0;
}
.div_article_header {
  margin: 10px 0 12px 0;
}
.div_article_sub-menutitle {
  /* margin: 10px 0 10px 0; */
}
.bug_icon {
  display: inline;
}
.bug_icon {
  margin-left: 7px;
}

.div_margin {
  margin-top: 35px;
}
.keyboard,
kbd,
.article_step_number {
  padding: 2px 5px 2px 5px;
  background-color: #f2af64;
  border: 1px solid #73331e;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 85%;
  color: #a2352d;
  text-shadow: 0px 1px 1px #ffdaaa;
  box-shadow: inset 0px 1px #ffdaaa;
}

kbd {
  /* color: midnightblue;
  background: aliceblue;
  border-radius: 4px;
  padding-inline: 4px;
  box-shadow: 2px 2px 0 3px lightsteelblue;

  padding: 2px 5px 2px 5px;
  background-color: #f2af64;
  border-radius: 3px;
  padding-inline: 4px;
  font-size: 85%;
  color: #a2352d;
  text-shadow: 0px 1px 1px #ffdaaa;
  box-shadow: 2px 2px 0 2px #ffdaaa;
  margin-inline-end: 0.25ch; */
}

.emphasis {
  font-style: italic;
}

.article_step_number {
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  font-size: 1.05em;
  line-height: 1.3em;
  width: max-content;
  text-align: center;
  padding: 2px 11px;
  display: inline-flex;
  margin-bottom: 5px;
}

.key_resize {
  font-size: 95%;
}

figure {
  display: flex;
  flex-flow: column;
  margin: auto;
}
figcaption {
  font-size: 1.2rem;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: -15px;
}
.caption_left {
  display: inline-block;
  justify-content: left;
  text-align: justify;
  padding: 0 1.6em 0.75em 2.8em;
  font-size: 1.2rem;
}
.caption_left a {
  padding: auto;
  margin: auto;
}

.no_bullets {
  list-style-type: none;
}

ol {
  list-style-position: outside;
  /* counter-reset: item; */
}

ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
}

ol li:before {
  content: counter(list) ".";
  left: -23px;
  position: absolute;
  text-align: right;
}

.caution_panel {
  width: auto;
  margin: 10px 0 0 0;
  padding: 2px 12px;
  background-color: #ff9e64;
  text-shadow: 0px 1px 2px #c47c54;
}

.article_last_updated {
  margin-top: 25px;
}
.end_mark {
  font-size: 50%;
}

.tooltip {
  position: relative; /* making the .tooltip span a container for the tooltip text */
  border-bottom: 1px dashed #ffc562; /* little indicator to indicate it's hover-able */
}

.tooltip:before {
  content: attr(data-text); /* here's the magic */
  position: absolute;
  left: 0%;
  margin-left: 15px; /* and add a small left margin */

  /* basic styles */
  width: 200px;
  padding: 10px;
  border-radius: 8px;
  background: linear-gradient(
    0deg,
    rgba(171, 127, 87, 1) 0%,
    rgba(237, 202, 125, 1) 100%
  );
  color: #000;
  text-align: center;
  text-justify: auto;
  text-shadow: 0px 1px #ba9d77;
  display: none; /* hide by default */
  border: 2px solid #34211c;
  border-radius: 6px;
  -moz-border-radius: 6px;
}

.tooltip:hover:before {
  display: block;
}

table {
  counter-reset: section;
  position: relative;
  margin: 0 0.5em 1em 0;
}

.list_number {
  list-style: none;
  padding: 0 0 0 1.7em;
}
.list_number li:before {
  counter-increment: section;
  content: " " counter(section) ". ";
  position: absolute;
  left: 0;
  padding: 0 0 0 0.45em;
  width: 25px;
  text-align: right;
}

.text_justified {
  text-align: justify;
}

/*----------- NEW CSS dropdown menu system ------------*/
#container {
  display: flex;
  margin: 25px 0 30px 0;
}

#article_nav {
  margin: 0 auto;
}

#article_nav ul {
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 1;
}

#article_nav ul li {
  display: inline-block;
  background-color: #fcbf6f;
  padding: 4px 4px;
}

#article_nav a {
  display: block;
  padding: 0 10px;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125);
  font-size: 1.3em; /* Sets size for drop down text */
}

#article_nav a:hover {
  background-color: #110e0e;
  color: #8ee4a3;
}

#article_nav ul ul {
  display: none;
  position: absolute;
  top: 80%;
}

#article_nav ul li:hover > ul {
  display: inherit;
}

#article_nav ul ul li {
  width: 260px; /* tweak overall width */
  float: none;
  display: list-item;
  position: relative;
}

#article_nav ul ul ul li {
  position: relative;
  top: 80%;
  left: 25%;
}

#article_nav ul ul li {
  border: 1px solid #3b1e0d;
}

/* li > a:after {
  content: " ▼";
  font-size: 0.5em;
  vertical-align: 5%;
  padding-left: 5px;
}
li > a:only-child:after {
  content: "";
} */

.article_menu_arrow {
  font-size: 1em;
  vertical-align: 7%;
  margin-left: 3px;
}

.article_menu_arrow_tweak {
  font-size: 0.7em;
  margin-left: 0px;
}

#article_nav > ul > li {
  background-color: transparent;
}

#article_nav > ul > li > a {
  /* Top article navigation menu */
  color: #e2d26a;
  font-size: 1.7em; /* Set size of main menu text */
}

/* ------------- grid information --------------- */
/*#region*/
.grid_container {
  width: 100%;
  display: grid;
  grid-template-columns: 215px auto;
  margin-top: 25px;
  border: 2px solid #34211c;
  border-radius: 6px;
  moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1em;
}

.grid_container ul li,
.grid_container ol li {
  font-size: 1.5em;
}

.grid_container > div {
  padding: 1.5em 1em;
}

.grid_container > div:nth-child(-n + 2) {
  padding: 15px;
  background: linear-gradient(0deg, #412725 0%, #281b18 100%);
  text-align: left;
  font-size: 1.15em;
  font-style: italic;
  position: relative;
  text-shadow: 0px 3px 4px black;
  /* border-bottom: 1px solid #50352f; */
  border-bottom: 1px solid #482b2b;
}

.grid_container > div:nth-child(4n + 5),
.grid_container > div:nth-child(4n + 6) {
  /* background: #271815; */
  background: #231515;
}

.grid_container > div:nth-child(n + 3) {
  border-bottom: 1px dashed #3b2827;
}

.grid_variant01 {
  grid-template-columns: 1fr 1fr;
}

.grid_item_number {
  list-style: none;
  padding: 0 0 0 2.5em; /* default was 1.7 */
}

.grid_item_number li {
  font-size: 1.5em;
}

.grid_item_number li:before {
  counter-increment: num;
  content: " " counter(num) ". ";
  position: absolute;
  left: 0;
  padding: 0 0 0 0.45em;
  width: 25px;
  text-align: right;
}

.grid_counter {
  counter-reset: num;
  position: relative;
  margin: 0 0.5em 1em 0;
}
/*#endregion*/
/* ---------- collapsible div --------------- */
/*#region*/
input[type="checkbox"] {
  display: none;
}
.margin-top {
  margin-top: 3em;
}
.margin-bottom {
  margin-bottom: 3em;
}
.margin-both {
  margin: 2em 0;
}

.lbl-toggle {
  display: block;
  font-size: 1.65em;
  text-align: left;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.screenshot {
  font-weight: 100;
  margin-top: -5px;
}

.lbl-toggle::before {
  content: " ";
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: 0.4rem;
  transform: translateY(-2px);
  transition: transform 0.2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}
.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
}
.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 10000000000000px;
} /* ensures that even larger images will fit inside */
.collapsible-content .content-inner {
  /* padding: 0.75rem 1rem; */
}
/*#endregion*/

.screenshot_font_size {
  font-size: 1.4em;
}

/*-------------------- Filter Selection ----------------------------*/
#myBtnContainer {
  /* margin: 0 0 25px 0; */
  margin-bottom: 25px;
  text-align: center;
}

.filterDiv {
  /* display: none; */
  position: absolute;
  left: -9999999999px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
  position: relative;
  left: 0;
}

.category_icon_base_btn {
  background-color: transparent;
  border: none;
  padding-right: 6px;
}

/* Style the buttons */
.btn {
  font-size: 1.25em;
  border: none;
  outline: none;
  background-color: #e1a564;
  border: 1px solid #73331e;
  border-radius: 0.25em;
  moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border: 1px solid #31221d;
  border: 1px solid #6c2e2d;
  padding: 7px 15px;
  margin: 2px 3px;
  text-shadow: 0px 1px 1px #f9dbb0;
  box-shadow: inset 0px 1px #f9dbb0;
  -webkit-appearance: none;
  color: #942b0d;
}

/* Add a light grey background on mouse-over */
.btn:hover {
  border: 1px solid #246f4b;
  color: #246f4b;
  background-color: #87de94;
  text-shadow: 0px 1px 1px #cdf8b6;
  box-shadow: inset 0px 1px #cdf8b6;
  transition: background-color 0.3s;
}

/* Add a dark background to the active button */
.btn.active {
  border: 1px solid #f0b93c;
  background-color: #fff369;
  color: #246f4b;
  text-shadow: 0px 1px 1px white;
  box-shadow: inset 0px 1px white;
  transition: background-color 0.7s;
}

.modal_img_icon::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url("/articles/_Blender/blender_tips_and_tricks/images/icon_img.png");
  background-repeat: no-repeat;
  width: 17px;
  height: 14px;
  left: 8px;
  margin-top: 3px;
}

.modal_img_icon:hover::before {
  background-image: url("/articles/_Blender/blender_tips_and_tricks/images/icon_img_hover.png");
}

.screenshotOffset {
  margin-top: 11px;
}

.tipTitle {
  /* color: #ffdf7f; */
}

/* -------------------------------------- Icon Set -------------------------------------------- */
.polyBuild,
.spinTool,
.shrinkFatten,
.pushPull,
.addCube,
.shear {
  background: url("/articles/_Blender/blender_tips_and_tricks/images/icon_set.png");
  /* background-repeat: no-repeat; */
  width: 28px;
  height: 28px;
  display: inline-block;
  border: 1px solid #fff;
}

.polyBuild {
  background-position: 0px 0px;
}

.pushPull {
  background-position: 28px 0px;
}

.shear {
  background-position: 56px 0px;
}

.shrinkFatten {
  background-position: 84px 0px;
}

.spinTool {
  background-position: 112px 0px;
}

.addCube {
  background-position: 140px 0px;
}

.paragraph_padding_top {
  display: block;
  padding-top: 6px;
}

/* ---------- Initial Category Icon Setups ---------- */

a.category_icon_camera,
a.category_icon_lights,
a.category_icon_modifiers,
a.category_icon_materials,
a.category_icon_collections,
a.category_icon_transforms,
a.category_icon_uv_editor,
a.category_icon_node_editor,
a.category_icon_modelling,
a.category_icon_viewport,
a.category_icon_navigation,
a.category_icon_sculpting,
a.category_icon_selections,
a.category_icon_shortcuts,
a.category_icon_text,
a.category_icon_addons,
a.category_icon_outliner,
a.category_icon_eevee_cycles,
a.category_icon_ui,
a.category_icon_rendering,
a.category_icon_colours,
a.category_icon_curves,
a.category_icon_files,
a.category_icon_images,
a.category_icon_all,
a.category_icon_constraints,
a.category_icon_physics {
  background: var(--blender_icon_set) no-repeat;
  display: inline-block;
  position: relative;
  width: 27px;
  height: 27px;
  margin-top: 7px;
}

a.category_icon_camera span,
a.category_icon_lights span,
a.category_icon_modifiers span,
a.category_icon_materials span,
a.category_icon_collections span,
a.category_icon_transforms span,
a.category_icon_uv_editor span,
a.category_icon_node_editor span,
a.category_icon_modelling span,
.category_icon_viewport span,
a.category_icon_navigation span,
a.category_icon_sculpting span,
a.category_icon_selections span,
a.category_icon_shortcuts span,
a.category_icon_text span,
a.category_icon_addons span,
a.category_icon_outliner span,
a.category_icon_eevee_cycles span,
a.category_icon_ui span,
a.category_icon_rendering span,
a.category_icon_colours span,
a.category_icon_curves span,
a.category_icon_files span,
a.category_icon_images span,
a.category_icon_all span,
a.category_icon_constraints span,
a.category_icon_physics span {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--blender_icon_set) no-repeat;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
}

a.category_icon_camera,
a.category_icon_camera:hover span,
a.category_icon_lights,
a.category_icon_lights:hover span,
a.category_icon_modifiers,
a.category_icon_modifiers:hover span,
a.category_icon_materials,
a.category_icon_materials:hover span,
a.category_icon_collections,
a.category_icon_collections:hover span,
a.category_icon_transforms,
a.category_icon_transforms:hover span,
a.category_icon_uv_editor,
a.category_icon_uv_editor:hover span,
a.category_icon_node_editor,
a.category_icon_node_editor:hover span,
a.category_icon_modelling,
a.category_icon_modelling:hover span,
a.category_icon_viewport,
a.category_icon_viewport:hover span,
a.category_icon_navigation,
a.category_icon_navigation:hover span,
a.category_icon_sculpting,
a.category_icon_sculpting:hover span,
a.category_icon_selections,
a.category_icon_selections:hover span,
a.category_icon_shortcuts,
a.category_icon_shortcuts:hover span,
a.category_icon_text,
a.category_icon_text:hover span,
a.category_icon_addons,
a.category_icon_addons:hover span,
a.category_icon_outliner,
a.category_icon_outliner:hover span,
a.category_icon_eevee_cycles,
a.category_icon_eevee_cycles:hover span,
a.category_icon_ui,
a.category_icon_ui:hover span,
a.category_icon_rendering,
a.category_icon_rendering:hover span,
a.category_icon_colours,
a.category_icon_colours:hover span,
a.category_icon_curves,
a.category_icon_curves:hover span,
a.category_icon_files,
a.category_icon_files:hover span,
a.category_icon_images,
a.category_icon_images:hover span,
a.category_icon_all,
a.category_icon_all:hover span,
a.category_icon_constraints,
a.category_icon_constraints:hover span,
a.category_icon_physics,
a.category_icon_physics:hover span {
  opacity: 1;
}

a.category_icon_camera {
  background-position: -1px -1px;
}

a.category_icon_camera span {
  background-position: -29px -1px;
}

a.category_icon_lights {
  background-position: -57px -1px;
}

a.category_icon_lights span {
  background-position: -85px -1px;
}

a.category_icon_modifiers {
  background-position: -113px -1px;
}

a.category_icon_modifiers span {
  background-position: -141px -1px;
}

a.category_icon_materials {
  background-position: -1px -29px;
}

a.category_icon_materials span {
  background-position: -29px -29px;
}

a.category_icon_collections {
  background-position: -57px -29px;
}

a.category_icon_collections span {
  background-position: -85px -29px;
}

a.category_icon_transforms {
  background-position: -113px -29px;
}

a.category_icon_transforms span {
  background-position: -141px -29px;
}

a.category_icon_uv_editor {
  background-position: -1px -57px;
}

a.category_icon_uv_editor span {
  background-position: -29px -57px;
}

a.category_icon_node_editor {
  background-position: -57px -57px;
}

a.category_icon_node_editor span {
  background-position: -85px -57px;
}

a.category_icon_modelling {
  background-position: -113px -57px;
}

a.category_icon_modelling span {
  background-position: -141px -57px;
}

a.category_icon_viewport {
  background-position: -1px -85px;
}

a.category_icon_viewport span {
  background-position: -29px -85px;
}

a.category_icon_navigation {
  background-position: -57px -85px;
}

a.category_icon_navigation span {
  background-position: -85px -85px;
}

a.category_icon_sculpting {
  background-position: -113px -225px;
}

a.category_icon_sculpting span {
  background-position: -141px -225px;
}

a.category_icon_selections {
  background-position: -113px -85px;
}

a.category_icon_selections span {
  background-position: -141px -85px;
}

a.category_icon_shortcuts {
  background-position: -57px -113px;
}

a.category_icon_shortcuts span {
  background-position: -85px -113px;
}

a.category_icon_addons {
  background-position: -113px -113px;
}

a.category_icon_addons span {
  background-position: -141px -113px;
}

a.category_icon_outliner {
  background-position: -57px -169px;
}

a.category_icon_outliner span {
  background-position: -85px -169px;
}

a.category_icon_eevee_cycles {
  background-position: -57px -141px;
}

a.category_icon_eevee_cycles span {
  background-position: -85px -141px;
}

a.category_icon_ui {
  background-position: -1px -169px;
}

a.category_icon_ui span {
  background-position: -29px -169px;
}

a.category_icon_rendering {
  background-position: -1px -141px;
}

a.category_icon_rendering span {
  background-position: -29px -141px;
}

a.category_icon_colours {
  background-position: -113px -141px;
}

a.category_icon_colours span {
  background-position: -141px -141px;
}

a.category_icon_curves {
  background-position: -113px -169px;
}

a.category_icon_curves span {
  background-position: -141px -169px;
}

a.category_icon_files {
  background-position: -1px -113px;
}

a.category_icon_files span {
  background-position: -29px -113px;
}

a.category_icon_images {
  background-position: -1px -197px;
}

a.category_icon_images span {
  background-position: -29px -197px;
}

a.category_icon_all {
  background-position: -57px -197px;
}

a.category_icon_all span {
  background-position: -85px -197px;
}

a.category_icon_constraints {
  background-position: -113px -197px;
}

a.category_icon_constraints span {
  background-position: -141px -197px;
}

a.category_icon_physics {
  background-position: -1px -225px;
}

a.category_icon_physics span {
  background-position: -29px -225px;
}

a.category_icon_text {
  background-position: -57px -225px;
}

a.category_icon_text span {
  background-position: -85px -225px;
}

/* ---------- Category Icon Hover Setups ---------- */

/* please see include/articleMenuCategoryIcons.inc.php file */

/* ----------- Changelog Setup ----------- */
.changelog_date {
  color: #d4a96d;
  padding-left: 15px;
  float: left;
}

.sup_size {
  vertical-align: top;
  font-size: 0.7em;
}

.article_explanation_top_margin {
  padding: 0;
  margin-top: 5px;
}

.recent_updates {
  display: flex;
  width: 10em;
  justify-content: center;
  background-color: #161313;
  /* color: #d4a96d; */
  margin: 25px auto 0 auto;
}

.grid_container2 {
  /* width: 100%; */
  display: grid;
  grid-template-columns: 170px auto;
  border: 2px solid #34211c;
  border-radius: 6px;
  moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 0;
}

.grid_container2 > div:nth-child(even) {
  border-bottom: 1px dashed #3b2827;
}

.grid_container2 > div:last-child {
  border-style: none;
}

.grid_div {
  padding: 3px 0;
}

.grid_div p {
  font-size: 1.2em;
}

.sub_ul {
  margin: 10px 0 0 15px;
  list-style-type: circle;
}

.sub_sub_ul {
  margin-left: 44px;
}

.intro_paragraph {
  display: block;
  margin: 15px 0;
}

.subscript {
  font-size: 0.75em;
}