figure {display: inline-block;}

.h1, h1 {
  font-size: 1.6rem;
}

.h3, h3 {
  font-size: 1.1rem;
}

.h5, h5 {
  margin-bottom: 20px;
}

.h5:not(:first-child), h5:not(:first-child) {
  margin-top: 30px;
}

.page-header > h1 {
  margin-top: 18px;
  margin-bottom: 22px;
}

.usr-inline-block {display: inline-block;}
.usr-margin-bottom-20 {margin-bottom: 20px;}
.usr-margin-bottom-30 {margin-bottom: 30px;}
.usr-margin-right-10 {margin-right: 10px;}
.usr-margin-right-15 {margin-right: 15px;}
.usr-margin-top-20 {margin-top: 20px;}

body {
  background-image: url('/images/layout/bg-1.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 41%;
}

.card.usr-emblemak-holder {
  background-color: transparent;
  border: 0;
}

.card.usr-emblemak-holder img {
  height: 100px;
  margin: 0 10px;
}

body > .site-grid {
  background-color: rgba(255, 238, 195, 0.75);
  column-gap: 38px;
  margin-bottom: 0;
  min-height: calc(100vh - 262px);
}

body > .site-grid > .container-sidebar-left > .sidebar-left.card {
  background-color: transparent/*cornsilk*/;
  border: 0;
  /*border-color: rgb(237, 218, 175);*/
}

body > .site-grid > .container-sidebar-left > .sidebar-left.card .mod-languages .lang-active {
  background-color: transparent;
  border: 1px solid rgba(220, 160, 40, 0.4);
  border-radius: 4px;
}

body > .site-grid > .container-sidebar-left > .sidebar-left.card .mod-languages li a {
  vertical-align: text-bottom;
}

body > .site-grid > .container-sidebar-left > .sidebar-left.card .mod-menu {
  font-size: 104%;
}

body > .site-grid > .container-sidebar-left > .sidebar-left.card .mod-menu a {
  color: rgb(30, 30, 30);
  text-decoration: none;
}

body > .site-grid > .container-sidebar-left > .sidebar-left.card .mod-menu a:before {
  color: rgba(220, 160, 40, 0.6);
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  /*font-size: ;*/
  font-weight: 900;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
}

body > .site-grid > .container-sidebar-left > .sidebar-left.card .mod-menu > .active > a {
  font-weight: bold;
}

body > .container-header {
  background-color: rgba(220, 160, 40, 0.4);
  background-image: none;
  /*background-image: url(/images/photos/cover.jpg);*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 5% 10px calc(25% - 235px);
}

body > .container-header > .container-below-top {
  max-width: none;
}

body > .container-header > .container-below-top > .mod-custom {
  align-items: center;
  color: rgb(0, 49, 112);
  display: flex;
  /*max-width: 1180px;*/
  width: 100%;
}

body > .container-header > .container-below-top > .mod-custom > .usr-logo-holder {
  background-color: transparent;
  padding: 0 7px;
}

body > .container-header > .container-below-top > .mod-custom > .usr-logo-holder > a > img {
  display: block;
}

body > .container-header > .container-below-top > .mod-custom > .usr-header-text-holder {
  color: black;
  flex: 1;
  padding: 0 12px;
}

body > .container-header > .container-below-top > .mod-custom > .usr-header-text-holder > h1 {
  font-family: Calibri;
  font-size: 40px;
  margin: 2px 0 5px 0;
  text-shadow: 2px 2px 4px white;
}

body > .container-header > .container-below-top > .mod-custom > .usr-header-text-holder > p {
  color: rgb(148, 74, 0);
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  text-shadow: 2px 2px 4px white;
}

body > .container-footer {
  background-color: rgba(220, 160, 40, 0.4);
  background-image: none;
  color: rgb(30, 30, 30);
  margin-top: 0;
}

body > .container-footer p:last-child {
  margin-bottom: 0;
}

@media (max-width: 780px) {

  body > .container-header > .container-below-top > .mod-custom {
    align-items: flex-start;
    flex-direction: column;
  }

  body > .container-header > .container-below-top > .mod-custom > .usr-header-text-holder {
    padding: 0 48px;
  }

}

@media (max-width: 640px) {

  body > .container-header > .container-below-top > .mod-custom > .usr-header-text-holder > h1 {
    font-size: 24px;
  }

  body > .container-header > .container-below-top > .mod-custom > .usr-header-text-holder > p {
    font-size: 14px;
  }

}

/* -------------- */

.usr-nowrap {
  white-space: nowrap;
}

.usr-mime-icon {
  vertical-align: middle;
}

.usr-button {
  background-color: rgb(15, 134, 204); /*#164da0*/
  border-radius: 15px;
  color: #fff;
  padding: 10px 18px 10px 18px;
  text-decoration: none;
}

.usr-button:hover {
  color: #fff;
  opacity: 0.85;
}

.usr-photo {
  /*border: 1px solid rgb(223, 227, 231);*/
  border-radius: 4px;
}

.usr-photo-holder {
  font-size: 0;
  margin: 0 -10px 10px -10px;
  position: relative;
}

.usr-photo-holder > img {
  border-radius: 4px;
  margin: 10px;
}

.usr-col-left > .usr-photo-holder {
  margin: 0 0 0 -10px;
}

.usr-photo-holder.usr-col-1 > img {
  width: calc(100% - 20px);
}

.usr-photo-holder.usr-col-3 > img {
  width: calc((100% - 3 * 20px) / 3);
}