@font-face {
    font-family: 'SimplonMono';
    src: local('SimplonMono'), url(../fonts/SimplonMono-Regular.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SimplonMono';
    src: local('SimplonMono'), url(../fonts/SimplonMono-Medium.otf) format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Simplon';
    src: local('Simplon'), url(../fonts/SimplonNorm-Regular.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Simplon";
    src: local('Simplon'), url(../fonts/SimplonNorm-RegularItalic.otf) format('opentype');
    font-weight: normal;
    font-style: italic;
  }

  @font-face {
    font-family: 'Simplon';
    src: local('Simplon'), url(../fonts/SimplonNorm-Medium.otf) format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Simplon';
    src: local('Simplon'), url(../fonts/SimplonNorm-MediumItalic.otf) format('opentype');
    font-weight: bold;
    font-style: italic;
}

* { 
    color: #450300;
    font-family: 'Simplon', sans-serif;
}

p a {
    text-decoration: underline;
    color: #000 !important;
}
  
p a:hover {
    text-decoration: underline;
    color: #0000aa !important;
}

.card-title a {
    text-decoration: none;
    color: #0000aa !important;
    /* font-weight: bold; */
}

.navbar-section .dropmenu ul li a:hover, .navbar-section .dropmenu ul li a:focus, .navbar-section .dropmenu ul li a.active {
    color: #0000aa !important;
}

.navbar-section .dropmenu ul li {
    font-family: 'SimplonMono' !important; /* ne radi */
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Simplon', sans-serif !important;
    margin-top: 2rem !important;
    color: #0000aa !important;
}

#blog-hero h1 {
    color: #0000aa !important;
    font-family: 'SimplonMono' !important;
    font-size: 3rem;
    text-shadow: none !important;
    /* text-transform: uppercase; */
}

hr {
    border-top: 1px solid #0000aa;
}

.p-name.mt-1 a, .p-name.mt-1 a:hover {
    color: #0000aa;
    text-decoration: none;
}

.search-title h3 a {
    color: #0000aa !important;
}

.header-transparent {
    background: white !important;
}

#footer.section.bg-gray {
    background-color: white !important;
    border-top: 2px solid #450300;
}

#footer p {
    font-size: 0.65rem;
}


.mobile-menu .button_container span {
    background: #0000aa !important; /* hamburger */
}

.overlay-menu .treemenu li a, .overlay-menu .treemenu li a:hover, .overlay-menu .treemenu li a:focus, .overlay-menu .treemenu li a.active {
    color: #fff !important;
    text-decoration: none;
}

.overlay.open {
    background-color: #0000aa;
}

li.tree-empty  > .toggler::before {
    opacity: 0.3; 
    cursor: default;
    content: "";
  }

.blog-listing .card {
    border: 2px solid #0000aa !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/*
customizations above
*/

.fa {
  padding-right: 5px;
}

.image-credit-wrapper {
overflow: hidden;
position: relative;
max-width: 1400px;
}

.image-credit-wrapper .image-credit {
position: absolute;
right: 0px;
bottom: 0px;
margin-bottom: 6px;
}

.image-credit {
background: rgba(0,0,0,.5);
border-top-left-radius:3px;
color: #ccc;
display: inline-block;
font-size: 11px;
font-family: helvetica;
font-weight: 300;
padding: 5px 8px;
position: absolute;
bottom: 0;
right: 0;
}

.image-credit a {
  color: #ccc;
  text-decoration: none;
}

.image-credit a:hover {
  color: #ccc;
  text-decoration: underline;
}

.hidden {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}


#blog-hero h1 {
    text-shadow: 1px 1px 4px rgba(34,34,34,0.6);
}

#blog-hero h2 {
    text-shadow: 1px 1px 4px rgba(34,34,34,0.6);
}

#blog-hero h3 {
    text-shadow: 1px 1px 4px rgba(34,34,34,0.6);
}

#blog-hero #to-start {
    text-shadow: 1px 1px 4px rgba(34,34,34,0.6);
}


img.left {
  display:inline;
  float:left;
  margin:5px 15px 5px 0;
}

img.right {
  float:right;
  margin:5px 0 5px 15px;
}

img.center {
  display:block;
  margin:10px
  auto;
}

figure.image-caption {
    text-align: center;
    margin: 1rem;
}

figure.image-caption figcaption {
    opacity: 0.7;
    font-size: 90%;
}

figure.figure-right {
    float:right;
    margin:5px 0 5px 15px;
}

figure.figure-left {
    float: left;
    margin:5px 15px 5px 0;
}

figure.caption-left figcaption {
    text-align: left;
}

figure.caption-right figcaption {
    text-align: right;
}

h1.sections-page-title-template, h2.sections-page-title-template, h3.sections-page-title-template, h4.sections-page-title-template, h5.sections-page-title-template, h6.sections-page-title-template {
    margin-top: 0rem;
}

.sections-page-title {
    margin-top: -2rem;
}

.bricklayermodulars {
    padding-right: 25px;
}