.img-circle {
    display:inline;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
    background-color: #e4e5e2;
    z-index: 500;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
.ifoot{
    padding : 10px 20px;
    border-top: 1px solid #ddd;
}

/* dropdown basic */
.dropdown {
  display: none;
  position: absolute;
  z-index: 9999;
}

.dropdown a:hover{
   background-color: whitesmoke;
   border-radius: 5px;
}
.has-dropdown:hover .dropdown {
	display:block;
	text-decoration:none;
}



/* Theme: Solarized - Github
 * More theme here: http://softwaremaniacs.org/media/soft/highlight/test.html
 */
.content pre,
.content .highlight {
  background: #2d2d2d;
  margin: 0 -12px;
  padding: 15px 12px;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 0;
  overflow: auto;
  color: #ccc;
  line-height: 25.6px;
  border-radius: 10px;
  margin: 1px 10px 1px 10px;
  border: 3px solid #2d2d2d;
}
.content .highlight .gutter pre,
.content .gist .gist-file .gist-data .line-numbers {
  color: #666;
  font-size: 0.85em;
}
.content pre,
.content code {
  font-family: "Ubuntu Mono", monospace;
  font-weight: bold;
}
.content code {
  background: #eee;
  text-shadow: 0 1px #fff;
  padding: 0 0.5em;
}
.content pre code {
  background: none;
  text-shadow: none;
  padding: 0;
}
.content .highlight pre {
  border: none;
  margin: 0;
  padding: 0;
}
.content .highlight table {
  margin: 0;
  width: auto;
}
.content .highlight td {
  border: none;
  padding: 0;
}
.content .highlight figcaption {
  font-size: 0.85em;
  color: #999;
  line-height: 1em;
  margin-bottom: 1em;
}
.content .highlight figcaption:before,
.content .highlight figcaption:after {
  content: "";
  display: table;
}
.content .highlight figcaption:after {
  clear: both;
}
.content .highlight figcaption a {
  float: right;
}
.content .highlight .gutter pre {
  text-align: right;
  padding-right: 20px;
}

pre .comment,
pre .title {
  color: #999;
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
  color: #f2777a;
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
  color: #f99157;
}
pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
  color: #9c9;
}
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
  color: #84be6a;
}
pre .css .hexcolor {
  color: #6cc;
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
  color: #69c;
}
pre .keyword,
pre .javascript .function {
  color: #c9c;
}

.card-image figure.image.is-2by1 {
  position: relative;
  overflow: hidden;
}

.card-image figure.image.is-2by1 img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* or 'cover' if you prefer cropping */
}

.card-header-title {
  min-height: 3.5rem; /* Adjust height as needed for two lines */
  line-height: 1.75rem; /* Adjust line height for vertical spacing */
  display: flex;
  align-items: center;
  white-space: normal; /* Allows text wrapping */
}

  
  @media only screen and (max-width: 768px) {
    .hero.box .hero-head .navbar-menu.is-active {
      position: absolute !important;
      top: 100% !important;
      left: 0 !important;
      width: 100% !important;
      transform: none !important;
      transform-origin: top !important;
      background: #fff !important;
      box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1) !important;
      z-index: 10 !important;
    }
  }
  