/* CS559 Theme SCSS style.scss - diverged from mainroad's style.css
*/
*,
*::before,
*::after {
  box-sizing: border-box; }

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

:focus::-webkit-input-placeholder {
  color: transparent; }

:focus::-moz-placeholder {
  color: transparent; }

:focus:-moz-placeholder {
  color: transparent; }

:focus:-ms-input-placeholder {
  color: transparent; }

/* Structure */
html {
  font-size: 100%;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none; }

body {
  margin: 0;
  font-family: 'Georgia', 'Georgia', 'Times New Roman';
  font-size: 1.1rem;
  line-height: 1.48;
  word-wrap: break-word;
  background: #f7f7f7;
  -webkit-font-smoothing: antialiased;
  color: #4a4a4a; }

.container {
  position: relative;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto; }

.container--outer {
  margin: 25px auto;
  box-shadow: 0 0 10px rgba(50, 50, 50, 0.17); }

.wrapper {
  padding: 25px;
  background: #fff; }

.flex {
  display: -webkit-flex;
  display: flex; }

.primary {
  -webkit-flex: 1 0 72.5%;
  flex: 1 0 72.5%;
  -webkit-order: 1;
  order: 1;
  min-width: 0; }

.sidebar {
  -webkit-flex: 1 0 25%;
  flex: 1 0 25%;
  -webkit-order: 2;
  order: 2;
  min-width: 0;
  margin: 0 0 0 2.5%; }

.sidebar--left {
  -webkit-order: 0;
  order: 0;
  margin: 0 2.5% 0 0; }

.clearfix {
  display: block; }

.clearfix::after {
  display: block;
  height: 0;
  padding: 0;
  margin: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
  content: ""; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

/* Button */
.btn {
  padding: 5px 10px;
  font-weight: 700;
  color: #fff;
  white-space: pre-line;
  background: #2a2a2a; }

.btn:hover {
  color: #fff;
  background: #e22d30; }

/* Animation */
.menu__item,
.btn {
  transition: background-color .25s ease-out; }

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #c5050c;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  font-variant: small-caps; }

h1 {
  font-size: 32px;
  font-size: 2rem; }

h2 {
  font-size: 24px;
  font-size: 1.5rem; }

h3 {
  font-size: 15px;
  font-size: 1.25rem; }

h4 {
  font-size: 18px;
  font-size: 1.125rem; }

h5 {
  font-size: 16px;
  font-size: 1rem; }

h6 {
  font-size: 16px;
  font-size: 1rem; }

a {
  color: #c5050c;
  text-decoration: none; }

a:hover {
  color: #e22d30; }

hr {
  margin: 0 0 20px;
  border: 0;
  border-top: 1px solid #dadada; }

p {
  margin: 0 0 20px;
  margin: 0 0 1.25rem; }

b,
strong {
  font: inherit;
  font-weight: 700; }

i,
em {
  font: inherit;
  font-style: italic; }

ol,
ul {
  padding: 0;
  margin: 0; }

small {
  font-size: 12px;
  font-size: .75rem; }

mark {
  background-color: #fd5; }

figure {
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
  display: flex;
  flex-flow: column;
  padding: 5px;
  max-width: 284; }

figure img {
  object-fit: contain;
  width: auto;
  height: auto; }

figcaption {
  margin-top: 4px;
  margin-top: .25rem;
  color: gray;
  font: italic smaller sans-serif;
  padding: 3px;
  text-align: center;
  color: #4a4a4a; }

figcaption h4 {
  margin: 0;
  color: inherit; }

pre,
code,
kbd,
samp {
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  font-size: inherit; }

pre,
code {
  background-color: #f7f7f7;
  border: none; }

code {
  padding: 0 5px;
  color: #c33; }

pre {
  display: block;
  padding: 0;
  padding: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  overflow: auto;
  color: #c5050c; }

pre code {
  padding: 0;
  color: inherit;
  white-space: inherit;
  background: inherit;
  /* fix by gleicher 1/8/22 - to make work with code formatter */
  border: 0;
  font-family: "Courier New"; }

kbd {
  padding: 2px 3px;
  color: #fff;
  background-color: #2a2a2a; }

blockquote {
  display: block;
  padding: 5px 0 5px 15px;
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
  line-height: 1.6;
  border-left: 5px solid #e22d30; }

blockquote p:last-child {
  margin: 0; }

blockquote footer {
  text-align: right; }

sup,
sub {
  font-size: 10px;
  font-size: .625rem;
  font-style: normal; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

abbr[title] {
  text-decoration: none;
  cursor: help;
  border-bottom: 1px dotted #000; }

q {
  font-style: italic; }

address {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-family: "Consolas", Courier New, Courier, monospace;
  line-height: 1.5; }

dl {
  margin: 0 0 10px 20px; }

dt,
dd {
  display: list-item; }

dt {
  font-weight: bold;
  list-style-type: square; }

dd {
  margin-left: 20px;
  list-style-type: circle; }

select {
  max-width: 100%; }

.warning {
  padding: 20px 10px;
  text-align: center;
  border: 1px solid #ddd; }

.warning__icon {
  margin-bottom: 20px;
  fill: #ddd; }

/* Header */
.header {
  background: #fff;
  padding-bottom: 20px; }

.logo {
  padding: 50px; }

.logo__link {
  display: inline-block; }

.logo__item {
  display: inline-block;
  vertical-align: middle; }

.logo__img {
  max-height: 256px; }

.logo--mixed .logo__item {
  margin: .5rem auto; }

.logo--mixed .logo__img {
  max-width: 128px;
  max-height: 128px; }

.logo--mixed .logo__text {
  padding: 0 1rem; }

.logo__title {
  text-transform: uppercase;
  color: #c5050c;
  font-size: 32;
  font-size: 2rem;
  line-height: 1;
  padding-bottom: 0px;
  font-weight: 700;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif'; }

.logo__tagline {
  color: #4a4a4a;
  font-weight: 400;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  font-size: 10;
  padding-top: 0;
  border-top: 0px; }

.logo__tagline a {
  color: #4a4a4a;
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1; }

.divider {
  height: 5px;
  margin: 0;
  background: #e22d30;
  border: 0; }

/* Main menu */
.no-js .menu__btn {
  display: none; }

.menu__btn {
  display: block;
  width: 100%;
  font: inherit;
  color: #fff;
  background: "#c5050c";
  border: 0;
  outline: 0; }

.menu__btn-title {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding: .625rem .9375rem;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

button:not(:-moz-focusring):focus > .menu__btn-title {
  box-shadow: none; }

.menu__btn:focus,
.menu__btn-title:focus {
  outline: 0; }

.menu__list,
.submenu__list {
  list-style: none;
  background: #c5050c;
  font-size: 15px;
  padding-left: 80px;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif'; }

.submenu__list {
  padding-left: 0px; }

.menu__item:hover {
  background: #c5050c;
  color: white;
  text-decoration: underline; }

.menu__item:first-child {
  border: 0; }

.menu__item--active {
  background-color: #c5050c;
  background: "#c5050c";
  text-decoration: underline;
  color: white !important; }

.js .menu__btn--active {
  background-color: #c5050c;
  color: white; }

.menu__link:hover {
  color: white; }

.menu__link--active {
  color: white; }

.menu__link {
  display: block;
  padding: 10px 25px;
  padding: .625rem .9375rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase; }

.menu__list .menu__item .submenu__list {
  background: #c5050c;
  color: white;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  max-width: 15rem;
  transition: all 0.5s ease;
  border-top: 5px solid #c5050c;
  display: none; }

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

.menu__list .menu__item:hover > .submenu__list,
.menu__list .menu__item:focus-within > .submenu__list,
.menu__list .menu__item .submenu__list:hover,
.menu__list .menu__item .submenu__list:focus {
  visibility: visible;
  opacity: 1;
  display: block; }

.menu__link:hover {
  color: white; }

.js .menu__list {
  position: absolute;
  z-index: 1;
  width: 100%;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top left;
  transform-origin: top left; }

.js .menu__list--active {
  visibility: visible;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

.menu__list--transition {
  transition: visibility .15s ease, transform .15s ease, -webkit-transform .15s ease; }

@media screen and (min-width: 767px) {
  .menu {
    border-bottom: 0px; }
  .menu__btn {
    display: none; }
  .menu__list,
  .js .menu__list {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    visibility: visible;
    border: 0;
    -webkit-transform: none;
    transform: none; } }

.main {
  margin-left: 5%;
  margin-right: 5%; }

/* Posts/Pages */
.post__header,
.main__header {
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }

.main__title {
  font-size: 28px;
  font-size: 1.75rem; }

.main__content {
  margin-bottom: 1.25rem; }

.meta {
  font-size: 14px;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  vertical-align: baseline; }

.meta,
.meta a {
  color: gray; }

.meta a:hover {
  color: #e22d30; }

.meta__item {
  display: inline;
  margin-left: 15px; }

.meta__item:first-child {
  margin-left: 0; }

.meta__icon {
  margin-right: 5px;
  vertical-align: middle;
  fill: #c4c4c4; }

.meta__text {
  vertical-align: middle; }

.post__title {
  margin: 0; }

.post__meta {
  padding: 5px 0;
  margin-top: 10px;
  margin-top: .625rem;
  border-top: 1px dotted #ebebeb;
  border-bottom: 1px dotted #ebebeb; }

.post__lead {
  margin-top: 4px;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  font-style: italic; }

.post__thumbnail {
  max-width: 1030px;
  margin: 0 0 20px;
  margin-bottom: 0 0 1.25rem; }

.post__thumbnail img {
  width: 100%; }

.content a,
.warning a,
.authorbox__description a {
  font-weight: 700;
  color: #006cae; }

.content a:hover,
.warning a:hover,
.authorbox__description a:hover {
  text-decoration: underline; }

.content .alignnone {
  display: block;
  margin: 20px 0;
  margin: 1.25rem 0; }

.content .aligncenter {
  display: block;
  margin: 20px auto;
  margin: 1.25rem auto; }

.content .alignleft {
  display: inline;
  float: left;
  margin: 5px 20px 20px 0;
  margin: .3125rem 1.25rem 1.25rem 0; }

.content .alignright {
  display: inline;
  float: right;
  margin: 5px 0 20px 20px;
  margin: .3125rem 0 1.25rem 1.25rem; }

.content ul {
  list-style: square; }

.content ol {
  list-style: decimal; }

.content ul,
.content ol {
  margin: 0 0 20px 40px; }

.content ul ul,
.content ol ol,
.content ol ul,
.content ul ol {
  margin: 0 0 0 40px; }

.content li {
  margin-bottom: 5px; }

.post__footer {
  margin-top: 20px;
  margin-top: 1.25rem; }

/* Post tags */
.tags {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1;
  color: #fff; }

.tags__list {
  list-style: none; }

.tags__item {
  float: left;
  margin: 0 6px 6px 0;
  margin: 0 .375rem .375rem 0;
  text-transform: uppercase;
  background: #2a2a2a; }

.tags__item:hover {
  background: #c5050c; }

.tags__link,
.tags__link:hover {
  display: block;
  padding: 10px 15px; }

.tags__badge {
  float: left;
  width: 32px;
  height: 32px;
  padding: 8px;
  margin-right: 6px;
  background: #c5050c;
  fill: #fff; }

/* Table of Contents */
.toc {
  margin-bottom: 20px;
  font-weight: 700;
  color: #7a8288;
  background: #fff;
  border-color: #ebebeb;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 1px; }

.toc__title {
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: #2a2a2a; }

.toc__menu ul {
  margin: 0;
  list-style: none; }

.toc__menu ul ul li a {
  padding-left: 25px;
  color: #006cae; }

.toc__menu ul ul li li a {
  padding-left: 45px; }

.toc__menu ul ul ul ul ul a {
  padding-left: 65px; }

.toc__menu ul ul ul ul ul ul a {
  padding-left: 85px; }

.toc__menu li {
  margin: 0; }

.toc__menu a {
  display: block;
  padding: 5px 10px;
  color: #006cae;
  border-bottom: 1px solid #ebebeb; }

.toc__menu a:hover {
  text-decoration: underline; }

/* Author Box */
.authorbox {
  padding: 25px 0;
  margin-bottom: 25px;
  line-height: 1.5;
  border-top: 5px solid #c5050c;
  border-bottom: 5px solid #c5050c; }

.authorbox__avatar {
  float: left;
  padding: 3px;
  margin: 0 25px 0 0;
  border: 1px solid #ebebeb; }

.authorbox__description {
  padding-left: 130px; }

.authorbox__header {
  margin-bottom: 10px;
  padding-left: 130px; }

.authorbox__name {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700; }

/* List content */
.list__item {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #ebebeb; }

.list__header {
  margin-bottom: 10px;
  margin-bottom: .625rem; }

.list__title {
  font-size: 20px;
  font-size: 1.5rem; }

.list__meta {
  margin-top: 5px; }

.list__thumbnail {
  float: left;
  margin: 0 20px 0 0; }

.list__thumbnail img {
  width: 100%;
  max-width: 235px; }

.list__footer-readmore {
  float: right;
  margin-top: 10px; }

/* Pagination */
.pagination {
  margin-top: 20px; }

.pagination__item {
  display: inline-block;
  padding: 10px 15px;
  font-weight: 700;
  color: #006cae;
  background: #fff; }

.pagination__item:hover,
.pagination__item--current {
  color: #4a4a4a;
  background: transparent; }

/* Pager (prev/next links) navigation */
.pager {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ebebeb; }

.pager__subtitle {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase; }

.pager__title {
  margin-bottom: 0;
  overflow: hidden;
  font-size: 13px;
  font-size: .8125rem; }

.pager__item {
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 48%; }

.pager__item--next {
  margin-left: auto;
  text-align: right; }

.pager__link {
  display: block; }

/* Images / Video */
img {
  width: auto\9;
  /* ie8 */
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

iframe,
embed,
object,
video {
  max-width: 100%; }

/* Table */
table {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb; }

td,
th {
  padding: 5px 10px;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb; }

th {
  font-weight: 700; }

/* Forms */
input {
  padding: 5px;
  font-size: 12px;
  vertical-align: middle;
  background: #f5f5f5;
  border: 1px solid #ebebeb;
  transition: all .25s ease-in-out; }

input[type=text],
input[type=email],
input[type=tel],
input[type=url] {
  width: 60%; }

input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
input[type=url]:hover,
textarea:hover {
  border: 1px solid #aaa; }

input[type=submit],
input[type=reset] {
  display: inline-block;
  min-width: 150px;
  padding: 10px 15px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background: #2a2a2a;
  border: 0;
  transition: all .1s linear;
  -webkit-appearance: none; }

input[type=submit]:hover,
input[type=reset]:hover {
  background: #e22d30; }

textarea {
  width: 96%;
  padding: 5px;
  overflow: auto;
  line-height: 1.5;
  resize: vertical;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.1); }

/* Widgets */
.widget {
  margin-bottom: 25px;
  overflow: hidden; }

.widget:last-child {
  margin-bottom: 0; }

.widget-archive.widget {
  background: ffdede;
  color: #4a4a4a;
  border-bottom: 5px solid #c5050c; }

.widget-archive.widget h3 {
  color: #4a4a4a; }

.widget__title {
  position: relative;
  color: #4a4a4a;
  font-weight: 400;
  padding-bottom: 5px;
  font-size: 1rem;
  text-transform: uppercase;
  border-bottom: 3px solid #c5050c;
  color: #4a4a4a; }

.widget__item {
  display: block;
  padding: 5px 0;
  border-bottom: 1px dotted #ebebeb; }

.widget__item:first-child {
  padding-top: 0; }

.widget a {
  color: #006cae; }

.widget a:hover {
  text-decoration: normal; }

/* Search widget */
.widget-search__form {
  display: block;
  padding: 5%;
  margin: 0 auto;
  background: #f5f5f5; }

.widget-links {
  background-color: #2a2a2a; }

.widget-search__form .widget-search__submit {
  display: none; }

.widget-search__field {
  position: relative;
  display: block;
  width: 90%;
  padding: 8px;
  margin: 0 auto;
  font-size: 14px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0;
  outline-offset: -2px;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  transition: none;
  -webkit-appearance: none; }

.widget-search__field:active,
.widget-search__field:focus {
  cursor: text; }

/* Social widget */
.widget-social__item {
  padding: 0;
  border: 0; }

.widget-social__link {
  display: block;
  margin: 0 0 8px;
  white-space: normal; }

.widget-social__link-icon {
  margin: 0 5px 0 0;
  vertical-align: middle;
  fill: #fff; }

/* Tags Widget */
a.widget-taglist__link {
  display: inline-block;
  margin: 0 4px 8px 0;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  background-color: darkred;
  color: white; }

/* Languages Widget */
.widget-languages__link {
  display: block; }

.widget-languages__link:hover .widget-languages__link-btn {
  color: #fff;
  background: #e22d30; }

.widget-languages__link-btn {
  display: inline-block; }

/* Footer */
.footer {
  padding: 10px 25px;
  font-size: 12px;
  font-size: .75rem;
  color: #999;
  background: #2a2a2a;
  border-top: 3px solid #999; }

.footer__container {
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.footer__links {
  -webkit-order: 1;
  order: 1; }

.footer a {
  color: #fff; }

.footer a:hover {
  text-decoration: underline; }

/* Media Queries */
@media screen and (max-width: 1475px) {
  .container--outer {
    width: 95%; } }

@media screen and (max-width: 900px) {
  .container--outer {
    width: 100%;
    margin: 0 auto; }
  .wrapper,
  .logo {
    padding: 20px; }
  .widget {
    margin-bottom: 20px; }
  .footer__container {
    display: block; }
  .footer__links {
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    text-align: center; }
  .footer__copyright {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .wrapper {
    display: block;
    margin: auto; }
  .sidebar {
    float: none;
    width: 100%;
    margin: 0; }
  .logo {
    text-align: center; }
  .logo__link {
    margin: 0 auto; }
  .logo__title {
    font-size: 28px;
    font-size: 1.5rem; }
  .sidebar {
    margin-top: 20px; }
  .menu__item.menu__dropdown .drop-icon {
    position: absolute;
    right: 1rem;
    top: auto; }
  .menu__item.menu__dropdown input[type="checkbox"] + .submenu__list {
    display: none; }
  .menu__item.menu__dropdown input[type="checkbox"]:checked + .submenu__list {
    border: none;
    padding-left: 20px;
    visibility: visible;
    opacity: 1;
    display: block;
    position: relative;
    max-width: 100%; } }

@media screen and (max-width: 620px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=url] {
    width: 88%; }
  .meta__item {
    display: block;
    margin-left: 0; }
  .authorbox {
    text-align: center; }
  .authorbox__avatar {
    display: inline-block;
    float: none;
    margin: 0 0 20px; }
  .pager {
    display: block; }
  .pager__item {
    min-width: 100%;
    text-align: center; }
  .pager__item--prev {
    padding-bottom: 25px; }
  .content ul,
  .content ol {
    margin: 0 0 20px 20px; }
  .content ul ul,
  .content ol ol,
  .content ol ul,
  .content ul ol {
    margin: 0 0 0 20px; }
  .list__thumbnail {
    max-width: 80px; }
  .list__title {
    font-size: 16px;
    font-size: 1rem; }
  .list__lead {
    font-size: 14px;
    font-size: .875rem; }
  .list__meta {
    display: block;
    font-size: 11px;
    font-size: .6875rem; }
  .menu__item.menu__dropdown .drop-icon {
    position: absolute;
    right: 1rem;
    top: auto; }
  .menu__item.menu__dropdown input[type="checkbox"] + .submenu__list {
    display: none; }
  .menu__item.menu__dropdown input[type="checkbox"]:checked + .submenu__list {
    border: none;
    padding-left: 20px;
    visibility: visible;
    opacity: 1;
    display: block;
    position: relative;
    max-width: 100%; } }