@charset "UTF-8";
/*
Theme Name: Primwest
Theme URI: //
Author: 2GIK Sàrl
Author URI: https://2gik.ch
Description: Primwest intranet
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: primwest
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face {
  font-family: "BauerBodoniStd";
  src: url("/wp-content/themes/primwest/fonts/BauerBodoniStd-Bold.woff2") format("woff2"), url("/wp-content/themes/primwest/fonts/BauerBodoniStd-Bold.woff") format("woff"), url("/wp-content/themes/primwest/fonts/BauerBodoniStd-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Taz";
  src: url("/wp-content/themes/primwest/fonts/Taz.ttf") format("truetype");
}
@font-face {
  font-family: "Taz";
  src: url("/wp-content/themes/primwest/fonts/Taz-Italic.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "Taz";
  src: url("/wp-content/themes/primwest/fonts/Taz-Bold.woff2") format("woff2"), url("/wp-content/themes/primwest/fonts/Taz-Bold.woff") format("woff"), url("/wp-content/themes/primwest/fonts/Taz-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Taz";
  src: url("/wp-content/themes/primwest/fonts/Taz-BoldItalic.woff2") format("woff2"), url("/wp-content/themes/primwest/fonts/Taz-BoldItalic.woff") format("woff"), url("/wp-content/themes/primwest/fonts/Taz-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 992px) {
  .desktop-only {
    display: none;
  }
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 992px) {
  .mobile-only {
    display: inherit;
  }
}

.medium-only {
  display: none;
}
@media screen and (max-width: 1280px) {
  .medium-only {
    display: inherit;
  }
}

/*

LOGIN PAGE 

*/
body.login {
  background-image: url("images/login.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
body.login #login_error {
  background: transparent;
  box-shadow: none;
  border: 1px solid #d7e1ef;
  color: white;
}
body.login #login_error a {
  display: none;
}

.login h1 a {
  background-image: url("images/DDE-Logo-white.png");
  background-size: auto 100%;
  width: 100%;
}

#nav,
#backtoblog {
  display: none;
}

#loginform {
  background: transparent;
  box-shadow: none;
}
#loginform input[type=text],
#loginform input[type=password] {
  background: transparent;
  border: 0px;
  box-shadow: none;
  color: white;
  font-style: italic;
  border-bottom: 1px solid #d7e1ef;
  text-align: left;
}
#loginform input[type=text]::placeholder,
#loginform input[type=password]::placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}
#loginform input[type=submit] {
  float: none;
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #d7e1ef;
  color: #d7e1ef;
  font-style: italic;
  text-shadow: none;
  box-shadow: none;
  text-align: left;
  border-radius: 0px;
}
#loginform input[type=submit]:hover, #loginform input[type=submit]:focus {
  background: #d7e1ef;
  border: 0px;
  border-bottom: 1px solid #d7e1ef;
  color: white;
  font-style: italic;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}

.glossary {
  padding: 0px 30px;
  flex-wrap: wrap;
  padding-bottom: 30px;
  min-height: 800px;
}
.glossary.blue-bg {
  background-size: 100% auto;
  background-image: url("images/glossary_background_3.png"), linear-gradient(#143450, #143450);
  background-position: bottom;
  background-repeat: no-repeat;
}
.glossary .letter {
  width: 300px;
}
.glossary .letter .capital {
  text-transform: uppercase;
  font-size: 100px;
  display: flex;
  align-items: flex-start;
  font-weight: bold;
}
.glossary .letter .users {
  margin-top: 120px;
  margin-left: 10px;
  padding-right: 20px;
  border-right: 1px solid white;
}
.glossary.pictures {
  padding: 0px;
  min-height: auto;
}
.glossary.pictures .user {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
  margin-bottom: 30px;
  margin-right: 10px;
  position: relative;
}
.glossary.pictures .user .picture {
  width: 200px;
  height: 200px;
  background-size: cover;
  background-position: center;
}
.glossary.pictures .user .picture .hover {
  width: 100%;
  height: 100%;
  background: rgba(53, 62, 79, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease, visibility 0s 0.1s;
  cursor: pointer;
}
.glossary.pictures .user .picture .hover .profile {
  padding: 20px 10px 0px 10px;
  font-size: 27px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
}
.glossary.pictures .user .picture .hover .actions {
  display: flex;
  justify-content: center;
}
.glossary.pictures .user .picture .hover .actions a {
  width: 32px;
  height: 32px;
}
.glossary.pictures .user .picture .hover .actions a svg {
  height: 100%;
}
.glossary.pictures .user .picture:hover .hover {
  opacity: 1;
  visibility: visible;
}
.glossary.pictures .user .info {
  padding: 10px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(63, 75, 95, 0.6);
}
.glossary.pictures .user .info .name {
  text-transform: uppercase;
}
.glossary.pictures .user .info .role {
  font-family: "Taz";
}
.glossary.pictures .user .info.blue-bg {
  background-size: auto 100%;
}
.glossary.external .type {
  margin-top: 30px;
  width: 50%;
}
.glossary.external .type .image {
  width: 80px;
  height: 60px;
  margin: 0 auto;
}
.glossary.external .type .image svg path {
  fill: white;
}
.glossary.external .type .title {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  margin-top: 20px;
}
.glossary.external .type .companies {
  margin-top: 50px;
}
.glossary.external .type .companies .company .name {
  text-transform: uppercase;
  cursor: pointer;
}
.glossary.external .type .companies .company:not(:first-child) {
  margin-top: 30px;
}
.glossary.external .type .companies .company .description p {
  margin: 0;
}
.glossary.external .type .companies .company .toggle {
  display: none;
}
.glossary.external .type .companies .company.active .toggle {
  display: block;
}
.glossary.external .type:nth-child(odd) .companies {
  border-right: 1px solid white;
  margin-right: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 992px) {
  .glossary.external .type {
    width: 100%;
  }
  .glossary.external .type:nth-child(odd) .companies {
    border-right: 0px;
    margin-right: 0px;
  }
  .glossary.external .type .companies {
    margin-right: 0px;
  }
}
@media screen and (max-width: 992px) {
  .glossary {
    padding: 0px;
  }
  .glossary.external {
    padding: 20px;
  }
  .glossary .letter {
    width: 100%;
    margin: 0px 20px;
  }
}

.filters {
  margin: 20px;
}
.filters .letter-container {
  margin-top: 20px;
  justify-content: space-between;
}
.filters .letter-container .letter-range {
  font-style: italic;
  text-transform: uppercase;
  align-items: center;
}
.filters .letter-container .letter-range .alpha {
  text-transform: uppercase;
  padding: 5px;
}
.filters .letter-container .letter-range .alpha a {
  text-decoration: none;
}
.filters .letter-container .letter-range .alpha.active a {
  text-decoration: underline;
}
.filters .letter-container .display {
  text-transform: uppercase;
  align-items: center;
}
.filters .letter-container .display a {
  height: 32px;
  margin-left: 10px;
}
.filters .letter-container .display a svg {
  height: 100%;
}
.filters .letter-container .display a svg path {
  fill: white;
}
@media screen and (max-width: 992px) {
  .filters .letter-container {
    flex-direction: column;
  }
  .filters .letter-container .letter-range {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.user-details .back {
  width: 100%;
  text-align: center;
  display: flex;
  margin-top: 20px;
  box-shadow: 0px 10px 5px 5px rgba(0, 0, 0, 0.2);
}
.user-details .back a {
  padding: 20px;
  font-style: italic;
}
.user-details .back a:hover {
  text-decoration: underline;
}
.user-details > .user {
  margin-top: 20px;
  box-shadow: 0px 20px 15px 10px rgba(0, 0, 0, 0.2);
  height: 480px;
}
.user-details > .user .avatar {
  flex: 0.5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.user-details > .user .description {
  flex: 0.5;
  padding: 40px;
}
.user-details > .user .description .name {
  text-transform: uppercase;
  font-size: 32px;
}
.user-details > .user .description .role {
  margin-top: 20px;
}
.user-details > .user .description .actions {
  display: flex;
  justify-content: center;
}
.user-details > .user .description .actions a {
  width: 48px;
  height: 48px;
}
.user-details > .user .description .actions a svg {
  height: 100%;
}

.adverts-list {
  margin-top: 10px;
}

.ads-container {
  padding: 40px;
  min-height: 400px;
  box-shadow: 0px 20px 15px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
}
.ads-container .header {
  justify-content: space-between;
}
.ads-container .header .author {
  text-transform: uppercase;
  font-size: 32px;
}
.ads-container .header .print,
.ads-container .header .mail {
  height: 50px;
  width: 50px;
}
.ads-container .info {
  flex: 1;
  margin-top: 50px;
  margin-right: 20px;
}
.ads-container .info .pictures {
  flex: 0.5;
}
.ads-container .info .pictures .main-picture {
  width: 70%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
  position: relative;
  transition: background-image 0.5s;
}
.ads-container .info .pictures .main-picture .img-container {
  width: 100%;
  height: 100%;
  position: absolute;
}
.ads-container .info .pictures .main-picture .img-container img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.ads-container .info .pictures .main-picture .img-container img.hide {
  opacity: 0;
  visibility: 0;
}
.ads-container .info .pictures .main-picture .img-url {
  display: none;
}
.ads-container .info .pictures .main-picture .next {
  width: 30px;
  float: right;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ads-container .info .pictures .main-picture .next:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ads-container .info .pictures .main-picture .next span {
  -webkit-transform: scale(1, 2);
  -moz-transform: scale(1, 2);
  -ms-transform: scale(1, 2);
  -o-transform: scale(1, 2);
  transform: scale(1, 2);
  font-size: 24px;
  font-family: auto;
}
.ads-container .info .pictures .others {
  width: 20%;
  justify-content: space-between;
}
.ads-container .info .pictures .others img {
  width: 100%;
  height: auto;
}
.ads-container .info .pictures .others .thumbnail {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  padding-bottom: 96px;
  height: 0;
}
.ads-container .info .item {
  flex: 0.5;
  margin-left: 20px;
}
.ads-container .info .item .title {
  text-transform: uppercase;
  font-size: 32px;
}
@media screen and (max-width: 992px) {
  .ads-container {
    padding: 20px;
  }
  .ads-container .header {
    flex-direction: column-reverse;
  }
  .ads-container .info {
    margin-top: 20px;
    margin-right: 0px;
    flex-direction: column-reverse;
  }
  .ads-container .info .item {
    margin-left: 0px;
    margin-bottom: 10px;
  }
}

.simple-page {
  padding: 20px 40px;
}
.simple-page h1,
.simple-page h2,
.simple-page h3,
.simple-page h4 {
  text-transform: uppercase;
  font-family: "Oswald";
}
.simple-page .content {
  font-family: "Taz";
}
.simple-page .download {
  height: 30px;
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Oswald;
}
.simple-page .download svg,
.simple-page .download img {
  height: 30px;
  margin-right: 10px;
  width: 35px;
}
.simple-page p,
.simple-page ul {
  margin-left: 20px;
}
.simple-page .cell {
  width: 600px;
  padding: 10px 0;
  border-bottom: 1px solid white;
}
@media screen and (max-width: 992px) {
  .simple-page .cell {
    width: 300px;
  }
}
.simple-page .cell .key {
  flex: 0.5;
  margin-right: 10px;
}
.simple-page .cell .value {
  flex: 0.5;
  margin-left: 10px;
}
.simple-page .cell .key,
.simple-page .cell .value {
  display: flex;
  align-items: center;
}
.simple-page .what .key,
.simple-page .what .value {
  justify-content: space-between;
  align-items: flex-start;
}
.simple-page .what .key .subtitle,
.simple-page .what .value .subtitle {
  font-size: 12px;
}
.simple-page .what .key p,
.simple-page .what .value p {
  margin: 0;
}
.simple-page h2:not(:first-child) {
  margin-top: 40px;
}
.simple-page img {
  width: 100%;
}

.categories {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.categories .type {
  width: 80px;
  height: 70px;
  margin-right: 10px;
}
.categories .type .image svg path,
.categories .type .image img path {
  fill: #143450;
}

#organigramme-title {
  margin-bottom: 14px;
}

#organigramme-page #organigramme-mobile {
  flex-direction: column;
  width: 100%;
}
@media (min-width: 992px) {
  #organigramme-page #organigramme-mobile {
    display: none;
  }
}
@media (max-width: 991.98px) {
  #organigramme-page #organigramme-mobile {
    display: flex;
  }
}
#organigramme-page #organigramme-mobile > img {
  width: 100%;
}
@media (min-width: 992px) {
  #organigramme-page #organigramme-desktop {
    display: inline-block;
  }
}
@media (max-width: 991.98px) {
  #organigramme-page #organigramme-desktop {
    display: none;
  }
}
#organigramme-page #organigramme-desktop > img {
  width: 100%;
}
#organigramme-page #download-button {
  width: 100%;
  margin-top: 25px;
}
@media (min-width: 992px) {
  #organigramme-page #download-button {
    margin-bottom: 500px;
  }
}
@media (max-width: 991.98px) {
  #organigramme-page #download-button {
    margin-bottom: 200px;
  }
}
#organigramme-page #download-button a {
  font-size: 2rem;
  text-decoration: none;
}

.page-id-2244 table {
  border-collapse: collapse;
}
.page-id-2244 table tr {
  border-bottom: 1px solid #fff;
}
.page-id-2244 table td {
  padding: 0.5rem 0;
  width: 50%;
}
.page-id-2244 ul {
  padding-left: 0;
  text-transform: uppercase;
  list-style: none;
}
.page-id-2244 hr.short {
  margin: 0;
}
.page-id-2244 h2 {
  text-transform: uppercase;
}
.page-id-2244 #instructions {
  display: flex;
  flex-wrap: wrap;
}
.page-id-2244 #instructions > div {
  flex-grow: 1;
  padding-right: 2rem;
  width: 0%;
}
@media (max-width: 767.98px) {
  .page-id-2244 #instructions > div {
    width: 100%;
  }
}
.page-id-2244 .subcontent {
  padding-bottom: 40px !important;
}

.page-id-2246 .grid {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 1rem;
  grid-auto-columns: minmax(100px, auto);
}
.page-id-2246 .grid.header {
  text-transform: uppercase;
  justify-content: space-between;
}
.page-id-2246 .grid .conte-name {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
.page-id-2246 .grid .divider {
  flex-grow: 1;
  height: 5px;
  border-bottom: 1px solid #fff;
  margin-bottom: 5px;
}
.page-id-2246 .grid svg, .page-id-2246 .grid img {
  height: 40px;
  margin-bottom: -9px;
}

.page-id-2159 .small-left-margin {
  margin-left: 1rem;
}
.page-id-2159 h2, .page-id-2159 h3 {
  text-transform: uppercase;
}

.page-id-2242 .document-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.page-id-2242 .document-type img {
  height: 75px;
  width: 75px;
}
.page-id-2242 .documents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: start;
}
@media (max-width: 767.98px) {
  .page-id-2242 .documents {
    grid-template-columns: 1fr;
  }
}
.page-id-2242 .documents a {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  align-items: center;
  font-weight: bold;
}
.page-id-2242 .documents a img, .page-id-2242 .documents a svg {
  height: 40px;
}
.page-id-2242 .icons-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
}
@media (max-width: 767.98px) {
  .page-id-2242 .icons-grid {
    grid-template-columns: 1fr;
  }
}
.page-id-2242 .icons-grid a {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
  text-decoration: none;
  font-weight: bold;
}
.page-id-2242 .icons-grid a img {
  height: 75px;
  width: 75px;
}
.page-id-2242 .icons-grid a span {
  text-transform: uppercase;
}

.page-id-2231 .row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.page-id-2231 .row .col {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.page-id-2231 .row .col h3 {
  margin-bottom: 0;
}
.page-id-2231 .row .col h4 {
  margin-bottom: 0.5rem;
}
.page-id-2231 .row .col a {
  margin-bottom: 0.25rem;
}

.page-id-85 .title {
  margin-bottom: 0 !important;
}
.page-id-85 .row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  gap: 2rem;
}
.page-id-85 .row .col {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.page-id-85 .row .col .category-title {
  font-weight: bold;
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  gap: 0.5em;
}
.page-id-85 .row .col .category-title img, .page-id-85 .row .col .category-title svg {
  height: 50px;
  width: 50px;
}
.page-id-85 .row .col details {
  padding: 0.75em 0;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.page-id-85 .row .col details > summary {
  list-style: none;
}
.page-id-85 .row .col details hr.short {
  border-width: 0.5px;
  width: 30px;
  margin: 0.5em 0;
}
.page-id-85 .filter-icons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  max-width: 1040px;
  margin-bottom: 1rem;
}
.page-id-85 .filter-icons svg {
  height: 40px;
}

.page-id-2260 .partenaire {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.page-id-2260 .partenaire h2 {
  margin-top: 0;
  text-transform: uppercase;
}
.page-id-2260 .partenaire img {
  height: 75px;
  width: auto;
}
.page-id-2260 .partenaire > div {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767.98px) {
  .page-id-2260 .partenaire > div {
    grid-template-columns: 1fr;
  }
}
.page-id-2260 hr {
  margin: 40px 0 !important;
}
.page-id-2260 .subcontent {
  padding-bottom: 40px !important;
}

a.button {
  width: 100%;
  background: #ddd0c0;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  padding: 10px;
}

button.btn-icon {
  background: transparent;
  border: none;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  cursor: pointer;
}
button.btn-icon svg {
  height: 100%;
}
button.btn-icon svg path {
  fill: white;
}

input.wline {
  background: none;
  border: none;
  border-bottom: 1px solid white;
  color: white;
  padding: 5px;
  height: 22px;
}

input, button {
  outline: none;
}

.wborder-container {
  padding: 5px 0px;
  border: 2px solid #143450;
  display: flex;
  align-items: center;
  border-radius: 10px;
}
.wborder-container input {
  background: transparent;
  color: #143450;
  border: none;
  font-size: 14px;
  width: 100%;
}
.wborder-container img {
  color: #143450;
  height: 100%;
}

.searchform {
  margin-top: 20px;
  display: flex;
  width: 100%;
  padding: 5px 0;
}
.searchform input {
  flex-grow: 2;
  background-color: transparent;
  border: none;
  color: lightgrey;
}
.searchform button {
  background-color: transparent;
  border: none;
}
.searchform button svg {
  fill: lightgrey;
}

html {
  margin: 0px;
  height: 100%;
}

body {
  margin: 0px;
  height: 100%;
  font-family: "Taz", sans-serif;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
}

.wrapper {
  background-color: #d7e1ef;
  background-image: url("images/backgrounds/background.png");
  background-image: -webkit-image-set(url("images/backgrounds/background.avif") type("image/avif"), url("images/backgrounds/background.png") type("image/png"));
  background-image: image-set(url("images/backgrounds/background.avif") type("image/avif"), url("images/backgrounds/background.png") type("image/png"));
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: relative;
  min-height: calc(100vh + 500px);
  color: #143450;
}
.wrapper a {
  color: #143450;
}
.wrapper .container {
  padding: 40px;
}
@media screen and (max-width: 992px) {
  .wrapper .container {
    padding: 20px;
  }
}
.wrapper.domainedesetoiles {
  background-image: url("images/backgrounds/etoiles.png");
  background-image: -webkit-image-set(url("images/backgrounds/etoiles.avif") type("image/avif"), url("images/backgrounds/etoiles.png") type("image/png"));
  background-image: image-set(url("images/backgrounds/etoiles.avif") type("image/avif"), url("images/backgrounds/etoiles.png") type("image/png"));
}
.wrapper.domainedesenfants {
  background-image: url("images/backgrounds/enfants.png");
  background-image: -webkit-image-set(url("images/backgrounds/enfants.avif") type("image/avif"), url("images/backgrounds/enfants.png") type("image/png"));
  background-image: image-set(url("images/backgrounds/enfants.avif") type("image/avif"), url("images/backgrounds/enfants.png") type("image/png"));
}
.wrapper.dragonfly {
  background-image: url("images/backgrounds/dragonfly.png");
  background-image: -webkit-image-set(url("images/backgrounds/dragonfly.avif") type("image/avif"), url("images/backgrounds/dragonfly.png") type("image/png"));
  background-image: image-set(url("images/backgrounds/dragonfly.avif") type("image/avif"), url("images/backgrounds/dragonfly.png") type("image/png"));
}
.wrapper.dyades {
  background-image: url("images/backgrounds/dyades.png");
  background-image: -webkit-image-set(url("images/backgrounds/dyades.avif") type("image/avif"), url("images/backgrounds/dyades.png") type("image/png"));
  background-image: image-set(url("images/backgrounds/dyades.avif") type("image/avif"), url("images/backgrounds/dyades.png") type("image/png"));
}
.wrapper.lalaiterie {
  background-image: url("images/backgrounds/laiterie.png");
  background-image: -webkit-image-set(url("images/backgrounds/laiterie.avif") type("image/avif"), url("images/backgrounds/laiterie.png") type("image/png"));
  background-image: image-set(url("images/backgrounds/laiterie.avif") type("image/avif"), url("images/backgrounds/laiterie.png") type("image/png"));
}
.wrapper.lemoulindesetangs {
  background-image: url("images/backgrounds/moulin.png");
  background-image: -webkit-image-set(url("images/backgrounds/moulin.avif") type("image/avif"), url("images/backgrounds/moulin.png") type("image/png"));
  background-image: image-set(url("images/backgrounds/moulin.avif") type("image/avif"), url("images/backgrounds/moulin.png") type("image/png"));
}

.top-header {
  height: 140px;
  justify-content: space-between;
}
.top-header .logo {
  width: 120px;
}
.top-header .logo img {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .top-header {
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  .top-header .logo {
    margin-top: 10px;
    width: 200px;
    margin: 10px auto;
  }
  .top-header .logo-container {
    width: 100%;
  }
}

.page.page-template-default .title {
  font-size: 24px;
  font-family: "BauerBodoniStd";
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.page.page-template-default .main-content {
  flex-direction: column;
}
.page.page-template-default .main-content a {
  color: #fff;
}
.page.page-template-default .subcontent {
  margin: 0px 0px;
  box-shadow: 0px 5px 15px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  overflow: hidden;
  background-color: #143450;
  color: #fff;
  padding: 20px 40px;
}

.left-nav {
  width: 240px;
  text-transform: uppercase;
}
.left-nav .profile .picture img {
  width: 100px;
  border: 3px solid white;
}
.left-nav .language {
  list-style: none;
  display: flex;
  margin-bottom: 10px;
}
.left-nav .language .lang-item-first {
  margin-right: 10px;
}
.left-nav .language .lang-item a {
  text-decoration: none;
}
.left-nav .language .lang-item.current-lang {
  text-decoration: underline;
}
.left-nav .menu {
  margin-top: 20px;
  text-decoration: none;
}
.left-nav .menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.left-nav .menu .sub-menu {
  font-size: 12px;
  margin-left: 20px;
  display: block;
  transition: max-height 0.4s ease-out;
  overflow: hidden;
}
.left-nav .menu .sub-menu li {
  padding: 5px 0px;
}
.left-nav .menu .menu-item .ready {
  max-height: 0;
}
.left-nav .menu .menu-item.current-menu-parent > a, .left-nav .menu .menu-item.active > a, .left-nav .menu .menu-item:hover > a, .left-nav .menu .menu-item:focus > a, .left-nav .menu .menu-item:active > a {
  text-decoration: underline;
}
.left-nav .menu .menu-item.current-menu-parent .sub-menu, .left-nav .menu .menu-item.active .sub-menu, .left-nav .menu .menu-item:hover .sub-menu, .left-nav .menu .menu-item:focus .sub-menu, .left-nav .menu .menu-item:active .sub-menu {
  max-height: var(--max-height) !important;
}
.left-nav .menu .menu-item.current-menu-parent .sub-menu li a, .left-nav .menu .menu-item.active .sub-menu li a, .left-nav .menu .menu-item:hover .sub-menu li a, .left-nav .menu .menu-item:focus .sub-menu li a, .left-nav .menu .menu-item:active .sub-menu li a {
  text-decoration: none;
}
.left-nav .menu .menu-item.current-menu-parent .sub-menu li a:hover, .left-nav .menu .menu-item.current-menu-parent .sub-menu li a:focus, .left-nav .menu .menu-item.current-menu-parent .sub-menu li a:active, .left-nav .menu .menu-item.active .sub-menu li a:hover, .left-nav .menu .menu-item.active .sub-menu li a:focus, .left-nav .menu .menu-item.active .sub-menu li a:active, .left-nav .menu .menu-item:hover .sub-menu li a:hover, .left-nav .menu .menu-item:hover .sub-menu li a:focus, .left-nav .menu .menu-item:hover .sub-menu li a:active, .left-nav .menu .menu-item:focus .sub-menu li a:hover, .left-nav .menu .menu-item:focus .sub-menu li a:focus, .left-nav .menu .menu-item:focus .sub-menu li a:active, .left-nav .menu .menu-item:active .sub-menu li a:hover, .left-nav .menu .menu-item:active .sub-menu li a:focus, .left-nav .menu .menu-item:active .sub-menu li a:active {
  text-decoration: underline !important;
}
.left-nav .menu .menu-item.current-menu-ancestor .sub-menu {
  display: block;
}
.left-nav .menu a {
  text-decoration: none;
}
@media screen and (max-width: 1280px) {
  .left-nav {
    display: none;
  }
}

.main-content {
  flex: 1;
  padding: 0px;
  margin-left: 20px;
}
@media screen and (max-width: 992px) {
  .main-content {
    margin-left: 0px;
    width: 100%;
  }
}

.subcontent {
  flex: 0.7;
}
.subcontent.full {
  width: 960px;
  flex: none;
}
.subcontent:not(.full) {
  max-width: 1200px;
}
.subcontent > .title {
  font-size: 32px;
  text-transform: uppercase;
}
.subcontent > .category-name {
  font-size: 24px;
  font-style: italic;
  margin-left: 20px;
}
@media screen and (max-width: 992px) {
  .subcontent {
    flex: 1;
    width: 100%;
  }
  .subcontent.full {
    width: auto;
    flex: 1;
    max-width: 100%;
  }
  .subcontent > .title, .subcontent .category-name {
    text-align: center;
    margin-left: 0px;
  }
  .subcontent hr.short {
    margin: 0 auto;
  }
}

hr {
  width: 100%;
  margin: 20px 0;
  color: white;
  border-color: white;
  border-style: solid;
}
hr.short {
  width: 100px;
}
hr.small {
  width: 30px;
  margin: 10px 0px;
}
hr.thin {
  border: 0;
  border-bottom: 1px solid white;
}

.blue-bg {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background: #143450;
  color: #fff;
}

.weather {
  margin-top: 20px;
}
.weather .city {
  line-height: 1.2;
  margin-right: 20px;
}
.weather .city .icon {
  font-size: 48px;
  margin-right: 10px;
  display: flex;
  align-items: flex-start;
}
.weather .city .info .name {
  font-size: 20px;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .weather {
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    display: none;
  }
  .weather .city {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .weather .city .icon {
    font-size: 25px;
  }
  .weather .city .info .name {
    font-size: 15px;
  }
  .weather .city .info .time, .weather .city .info .temp {
    font-size: 12px;
  }
  .weather .city .icon.icon, .weather .city .info.icon {
    display: flex;
    justify-content: flex-end;
  }
}

.right-nav {
  margin-left: 40px;
  flex: 0.3;
  max-width: 450px;
}
@media screen and (max-width: 992px) {
  .right-nav {
    display: none;
  }
}

.whos-off-container {
  background-size: auto 100%;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 20px;
}
.whos-off-container .image {
  height: 25px;
}
.whos-off-container .image svg {
  height: 100%;
  width: auto;
}
.whos-off-container .image svg path {
  fill: white;
}
.whos-off-container .mleft {
  margin-left: 10px;
}

.whos-off, .birthdays, .instagram {
  flex: 0.5;
}
.whos-off .image img, .birthdays .image img, .instagram .image img {
  height: 100%;
}
.whos-off .title, .birthdays .title, .instagram .title {
  text-transform: uppercase;
  margin-top: 5px;
}
.whos-off.whos-off, .birthdays.whos-off, .instagram.whos-off {
  border-right: 1px solid white;
  margin-right: 10px;
  padding-right: 10px;
}
.whos-off .whos .name, .whos-off .birthday .name, .birthdays .whos .name, .birthdays .birthday .name, .instagram .whos .name, .instagram .birthday .name {
  text-transform: uppercase;
  position: relative;
  cursor: help;
}
.whos-off .whos .name .dates, .whos-off .birthday .name .dates, .birthdays .whos .name .dates, .birthdays .birthday .name .dates, .instagram .whos .name .dates, .instagram .birthday .name .dates {
  display: none;
  position: absolute;
  text-transform: none;
  font-size: 12px;
  background: #d7e1ef;
  z-index: 3;
  color: #143450;
  padding: 5px;
  min-width: 50px;
}
.whos-off .whos .name .triangle, .whos-off .birthday .name .triangle, .birthdays .whos .name .triangle, .birthdays .birthday .name .triangle, .instagram .whos .name .triangle, .instagram .birthday .name .triangle {
  opacity: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 5px solid #d7e1ef;
  width: 0px;
  height: 0px;
  margin-left: 20px;
}
.whos-off .whos .name:hover .dates, .whos-off .birthday .name:hover .dates, .birthdays .whos .name:hover .dates, .birthdays .birthday .name:hover .dates, .instagram .whos .name:hover .dates, .instagram .birthday .name:hover .dates {
  display: block;
}
.whos-off .whos .name:hover .triangle, .whos-off .birthday .name:hover .triangle, .birthdays .whos .name:hover .triangle, .birthdays .birthday .name:hover .triangle, .instagram .whos .name:hover .triangle, .instagram .birthday .name:hover .triangle {
  opacity: 1;
}

.instagram .feed {
  display: flex;
  flex-wrap: wrap;
}
.instagram .feed .picture {
  width: 124px;
  height: 124px;
  background-size: cover;
  background-position: center;
}
.instagram .feed .instagram-post:not(:nth-child(2n)) {
  margin-right: 20px;
}
.instagram .feed .instagram-post {
  margin-bottom: 20px;
}

.birthdays {
  flex: 0.5;
}

.menu.medium-only {
  float: left;
  margin-top: 6px;
  cursor: pointer;
}
.menu.medium-only .menu {
  display: none;
  position: absolute;
  background: #143450;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  margin-top: 0;
  padding: 40px;
  list-style: none;
}
.menu.medium-only .menu li a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 24px;
}
.menu.medium-only .menu .sub-menu {
  list-style: none;
}
.menu.medium-only .menu .sub-menu li a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
}
.menu.medium-only .close {
  display: none;
}
.menu.medium-only.active .menu {
  display: block;
}
.menu.medium-only.active .close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 4;
  transform: scale(2, 1.5);
  font-family: "Taz";
}
@media screen and (max-width: 1280px) {
  .menu.medium-only {
    margin-top: 15px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 992px) {
  .menu.medium-only {
    margin-top: 6px;
    margin-right: 0px;
  }
}

.language.medium-only {
  position: absolute;
  top: 20px;
  text-transform: uppercase;
  list-style: none;
  display: none;
}
.language.medium-only .lang-item-first {
  margin-right: 10px;
}
.language.medium-only .lang-item a {
  text-decoration: none;
}
.language.medium-only .lang-item.current-lang {
  text-decoration: underline;
}
@media screen and (max-width: 992px) {
  .language.medium-only {
    top: 60px;
  }
}

.pagination {
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 10px 0;
}

.offices {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.offices img {
  height: 100px;
}

.categories-menu {
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
.categories-menu .category {
  width: 80px;
  cursor: pointer;
}
.categories-menu .category:not(:last-child) {
  /*	 		margin-right: 10px;*/
}
.categories-menu .category .image {
  height: 100px;
  background: #ddd0c0;
  position: relative;
}
.categories-menu .category .image svg {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 60px;
  position: absolute;
  width: 100%;
}
.categories-menu .category .image svg path, .categories-menu .category .image svg polygon, .categories-menu .category .image svg circle {
  fill: #143450;
}
.categories-menu .category .name {
  text-transform: uppercase;
  margin-top: 10px;
}
.categories-menu .category:hover .image, .categories-menu .category.active .image {
  background: #143450;
}
.categories-menu .category:hover .image svg path, .categories-menu .category:hover .image svg polygon, .categories-menu .category:hover .image svg circle, .categories-menu .category.active .image svg path, .categories-menu .category.active .image svg polygon, .categories-menu .category.active .image svg circle {
  fill: #ddd0c0;
}
.categories-menu .category:hover .name, .categories-menu .category.active .name {
  color: #143450;
}
@media screen and (max-width: 992px) {
  .categories-menu {
    display: none;
  }
}

.category-details {
  margin-top: 20px;
  background-color: #143450;
  color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.category-details .taxonomy-header img {
  max-width: 100%;
}
.category-details .taxonomy-content {
  padding: 2rem;
}
.category-details .title, .category-details h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "BauerBodoniStd";
}
.category-details .title h2, .category-details h2 h2 {
  margin: 0;
  display: flex;
}
.category-details .name {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .category-details .name {
    width: 100%;
  }
}
.category-details .details {
  margin-top: 20px;
  justify-content: space-between;
}
.category-details .details > div {
  flex: 0.5;
}
.category-details .details .address {
  padding-bottom: 20px;
}
.category-details .content {
  font-family: "Taz";
  font-style: italic;
}
.category-details .content a {
  color: white;
}
.category-details .content p {
  margin: 0px;
}
.category-details .more-info {
  display: flex;
}
.category-details .more-info a {
  cursor: pointer;
}
.category-details .more-info .minus {
  display: none;
}
.category-details .line-container {
  display: flex;
  margin-bottom: 20px;
}
.category-details .line {
  flex: 0.5;
  padding-bottom: 20px;
  border-bottom: 1px solid white;
}
.category-details .more-container {
  transition: opacity 0.3s ease-in;
}
.category-details .more-container.show {
  display: block;
  opacity: 1;
}
.category-details .more-container.hide {
  display: none;
  opacity: 0;
}
.category-details .more-container .organigramme {
  margin-top: 20px;
}
.category-details .more-container .organigramme img {
  width: 100%;
}
.category-details .more-container .download {
  margin-left: 20px;
}
.category-details .more-container .download img, .category-details .more-container .download svg {
  width: 40px;
  height: 40px;
}

.short-post {
  margin: 20px 0px;
  box-shadow: 0px 5px 15px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  overflow: hidden;
}
.short-post .header {
  height: 210px;
  background: #143450;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.2);
  z-index: 2;
  display: flex;
}
.short-post .header:after {
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 992px) {
  .short-post .header {
    background-size: cover;
  }
}
.short-post .tags {
  font-style: italic;
  font-family: "Taz";
  margin-bottom: 1rem;
}
.short-post .tags a {
  text-decoration: none;
  color: white;
  text-transform: none !important;
}
.short-post .tags a:hover {
  text-decoration: underline;
}
.short-post .description {
  min-height: 100px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 20px 40px;
  position: relative;
  background-position: bottom;
  background-color: #143450;
  color: white;
}
.short-post .description .excerpt-container .title {
  text-transform: uppercase;
  font-size: 24px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-family: "BauerBodoniStd";
}
.short-post .description .excerpt-container .title a {
  text-decoration: none;
  color: white;
}
.short-post .description .excerpt-container .title a:hover {
  text-decoration: underline;
}
.short-post .description .excerpt-container .excerpt {
  margin: 0px;
  font-size: 14px;
  font-family: "Taz", sans-serif;
}
.short-post .description .excerpt-container .read-more {
  font-style: italic;
  bottom: 20px;
  font-family: "Taz";
}
.short-post .description .excerpt-container .read-more a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  font-size: 14px;
  color: white;
}
.short-post .description .excerpt-container .read-more a:hover {
  text-decoration: underline;
}
.short-post .description .excerpt-container .read-more a svg, .short-post .description .excerpt-container .read-more a img {
  width: auto;
  height: 25px;
  visibility: visible;
  margin-right: 20px;
}
.short-post .description .excerpt-container .read-more a svg path, .short-post .description .excerpt-container .read-more a img path {
  fill: white;
}
.short-post .description .excerpt-container .content {
  font-family: "Taz";
}
.short-post .description .excerpt-container .content img {
  max-width: 100%;
  height: auto;
}
.short-post.full {
  height: auto;
}
.short-post.full .description {
  height: auto;
  background-size: cover;
}
@media screen and (max-width: 992px) {
  .short-post:not(:first-of-kind) {
    margin-top: 50px;
  }
  .short-post .header {
    height: auto;
    min-height: 160px;
  }
  .short-post .description {
    padding: 20px;
    min-height: 160px;
  }
}

.results, .family {
  margin-top: 10px;
}
.results .result-container, .family .result-container {
  padding: 50px;
  box-shadow: 0px 20px 15px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
}
.results .result-container .header, .family .result-container .header {
  display: flex;
  justify-content: space-between;
  height: 60px;
}
.results .result-container .header svg, .family .result-container .header svg {
  height: 60px;
  margin-right: 20px;
}
.results .result-container .header svg path, .family .result-container .header svg path {
  fill: white;
}
.results .result-container .header .title, .family .result-container .header .title {
  text-transform: uppercase;
  font-size: 24px;
}
.results .result-container .header .left, .family .result-container .header .left {
  align-items: center;
}
.results .result-container .user, .results .result-container .news, .results .result-container .company, .family .result-container .user, .family .result-container .news, .family .result-container .company {
  margin-top: 50px;
}
.results .result-container .user .avatar, .results .result-container .news .avatar, .results .result-container .company .avatar, .family .result-container .user .avatar, .family .result-container .news .avatar, .family .result-container .company .avatar {
  flex: 0.5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.results .result-container .user .avatar-container, .results .result-container .news .avatar-container, .results .result-container .company .avatar-container, .family .result-container .user .avatar-container, .family .result-container .news .avatar-container, .family .result-container .company .avatar-container {
  flex: 0.4;
}
.results .result-container .user .avatar-container .title, .results .result-container .news .avatar-container .title, .results .result-container .company .avatar-container .title, .family .result-container .user .avatar-container .title, .family .result-container .news .avatar-container .title, .family .result-container .company .avatar-container .title {
  text-transform: uppercase;
  font-size: 24px;
}
.results .result-container .user .avatar-container .avatar, .results .result-container .news .avatar-container .avatar, .results .result-container .company .avatar-container .avatar, .family .result-container .user .avatar-container .avatar, .family .result-container .news .avatar-container .avatar, .family .result-container .company .avatar-container .avatar {
  flex: 1;
  margin-bottom: 20px;
}
.results .result-container .user .title, .results .result-container .news .title, .results .result-container .company .title, .family .result-container .user .title, .family .result-container .news .title, .family .result-container .company .title {
  text-transform: uppercase;
  font-size: 24px;
}
.results .result-container .user .description, .results .result-container .news .description, .results .result-container .company .description, .family .result-container .user .description, .family .result-container .news .description, .family .result-container .company .description {
  flex: 0.5;
  padding: 0px 40px;
}
.results .result-container .user .description .name, .results .result-container .news .description .name, .results .result-container .company .description .name, .family .result-container .user .description .name, .family .result-container .news .description .name, .family .result-container .company .description .name {
  text-transform: uppercase;
  font-size: 50px;
  margin-bottom: 50px;
}
.results .result-container .user .description .role, .results .result-container .news .description .role, .results .result-container .company .description .role, .family .result-container .user .description .role, .family .result-container .news .description .role, .family .result-container .company .description .role {
  margin-top: 20px;
}
.results .result-container .user .description .actions, .results .result-container .news .description .actions, .results .result-container .company .description .actions, .family .result-container .user .description .actions, .family .result-container .news .description .actions, .family .result-container .company .description .actions {
  display: flex;
  justify-content: center;
  font-family: "Taz";
}
.results .result-container .user .description .actions .action, .results .result-container .news .description .actions .action, .results .result-container .company .description .actions .action, .family .result-container .user .description .actions .action, .family .result-container .news .description .actions .action, .family .result-container .company .description .actions .action {
  align-items: center;
}
.results .result-container .user .description .actions .action a, .results .result-container .news .description .actions .action a, .results .result-container .company .description .actions .action a, .family .result-container .user .description .actions .action a, .family .result-container .news .description .actions .action a, .family .result-container .company .description .actions .action a {
  width: 48px;
  height: 48px;
  margin-right: 50px;
}
.results .result-container .user .description .actions .action a svg, .results .result-container .news .description .actions .action a svg, .results .result-container .company .description .actions .action a svg, .family .result-container .user .description .actions .action a svg, .family .result-container .news .description .actions .action a svg, .family .result-container .company .description .actions .action a svg {
  height: 40px;
  width: 40px;
}
.results .result-container .user .description .actions .action a svg path, .results .result-container .news .description .actions .action a svg path, .results .result-container .company .description .actions .action a svg path, .family .result-container .user .description .actions .action a svg path, .family .result-container .news .description .actions .action a svg path, .family .result-container .company .description .actions .action a svg path {
  fill: white;
}
.results .result-container .user .description .title, .results .result-container .news .description .title, .results .result-container .company .description .title, .family .result-container .user .description .title, .family .result-container .news .description .title, .family .result-container .company .description .title {
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 20px;
}
.results .result-container .user .description .tags, .results .result-container .news .description .tags, .results .result-container .company .description .tags, .family .result-container .user .description .tags, .family .result-container .news .description .tags, .family .result-container .company .description .tags {
  font-style: italic;
  font-family: "Taz";
  margin-bottom: 20px;
}
.results .result-container .user .description .tags a, .results .result-container .news .description .tags a, .results .result-container .company .description .tags a, .family .result-container .user .description .tags a, .family .result-container .news .description .tags a, .family .result-container .company .description .tags a {
  text-decoration: none;
}
.results .result-container .user .description .tags a:hover, .results .result-container .news .description .tags a:hover, .results .result-container .company .description .tags a:hover, .family .result-container .user .description .tags a:hover, .family .result-container .news .description .tags a:hover, .family .result-container .company .description .tags a:hover {
  text-decoration: underline;
}
.results .result-container .user .description .excerpt-container .excerpt, .results .result-container .news .description .excerpt-container .excerpt, .results .result-container .company .description .excerpt-container .excerpt, .family .result-container .user .description .excerpt-container .excerpt, .family .result-container .news .description .excerpt-container .excerpt, .family .result-container .company .description .excerpt-container .excerpt {
  margin: 0px;
  font-size: 14px;
  font-family: "Taz", sans-serif;
  margin-bottom: 20px;
}
.results .result-container .user .description .excerpt-container .read-more, .results .result-container .news .description .excerpt-container .read-more, .results .result-container .company .description .excerpt-container .read-more, .family .result-container .user .description .excerpt-container .read-more, .family .result-container .news .description .excerpt-container .read-more, .family .result-container .company .description .excerpt-container .read-more {
  font-style: italic;
  margin-bottom: 20px;
  font-family: "Taz";
}
.results .result-container .user .description .excerpt-container .read-more a, .results .result-container .news .description .excerpt-container .read-more a, .results .result-container .company .description .excerpt-container .read-more a, .family .result-container .user .description .excerpt-container .read-more a, .family .result-container .news .description .excerpt-container .read-more a, .family .result-container .company .description .excerpt-container .read-more a {
  text-decoration: none;
}
.results .result-container .user .description .excerpt-container .read-more a:hover, .results .result-container .news .description .excerpt-container .read-more a:hover, .results .result-container .company .description .excerpt-container .read-more a:hover, .family .result-container .user .description .excerpt-container .read-more a:hover, .family .result-container .news .description .excerpt-container .read-more a:hover, .family .result-container .company .description .excerpt-container .read-more a:hover {
  text-decoration: underline;
}
.results .result-container .user .description .excerpt-container .content, .results .result-container .news .description .excerpt-container .content, .results .result-container .company .description .excerpt-container .content, .family .result-container .user .description .excerpt-container .content, .family .result-container .news .description .excerpt-container .content, .family .result-container .company .description .excerpt-container .content {
  font-family: "Taz";
}
.results .result-container .user.company .title, .results .result-container .news.company .title, .results .result-container .company.company .title, .family .result-container .user.company .title, .family .result-container .news.company .title, .family .result-container .company.company .title {
  flex: 0.5;
  display: flex;
  text-transform: uppercase;
  align-items: center;
  font-size: 24px;
  min-height: 150px;
}
.results .result-container .user.company .description, .results .result-container .news.company .description, .results .result-container .company.company .description, .family .result-container .user.company .description, .family .result-container .news.company .description, .family .result-container .company.company .description {
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .results .result-container, .family .result-container {
    padding: 20px;
  }
  .results .result-container .user, .results .result-container .news, .family .result-container .user, .family .result-container .news {
    flex-direction: column;
  }
  .results .result-container .user .description, .results .result-container .news .description, .family .result-container .user .description, .family .result-container .news .description {
    padding: 0px;
  }
  .results .result-container .user .avatar, .results .result-container .news .avatar, .family .result-container .user .avatar, .family .result-container .news .avatar {
    width: 50%;
    padding-bottom: 50%;
  }
}

.user-details {
  margin-top: 10px;
}
.user-details .back {
  margin-bottom: 20px;
}
.user-details .user-container {
  box-shadow: 0px 20px 15px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
}
.user-details .user-container .header {
  display: flex;
  justify-content: space-between;
  height: 60px;
}
.user-details .user-container .header svg {
  height: 60px;
  margin-right: 20px;
}
.user-details .user-container .header svg path {
  fill: white;
}
.user-details .user-container .header .title {
  text-transform: uppercase;
  font-size: 24px;
}
.user-details .user-container .header .left {
  align-items: center;
}
.user-details .user-container .user,
.user-details .user-container .news,
.user-details .user-container .company {
  position: relative;
}
.user-details .user-container .user .avatar,
.user-details .user-container .news .avatar,
.user-details .user-container .company .avatar {
  flex: 0.5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.user-details .user-container .user .avatar-container,
.user-details .user-container .news .avatar-container,
.user-details .user-container .company .avatar-container {
  width: 50%;
}
.user-details .user-container .user .avatar-container .title,
.user-details .user-container .news .avatar-container .title,
.user-details .user-container .company .avatar-container .title {
  text-transform: uppercase;
  font-size: 24px;
}
.user-details .user-container .user .avatar-container .avatar,
.user-details .user-container .news .avatar-container .avatar,
.user-details .user-container .company .avatar-container .avatar {
  flex: 1;
}
.user-details .user-container .user .avatar-container .birthday,
.user-details .user-container .news .avatar-container .birthday,
.user-details .user-container .company .avatar-container .birthday {
  margin-left: 20px;
  margin-top: 20px;
}
.user-details .user-container .user .title,
.user-details .user-container .news .title,
.user-details .user-container .company .title {
  text-transform: uppercase;
  font-size: 24px;
}
.user-details .user-container .user .description,
.user-details .user-container .news .description,
.user-details .user-container .company .description {
  margin: 50px 0;
  padding: 0px 40px;
}
.user-details .user-container .user .description .name,
.user-details .user-container .news .description .name,
.user-details .user-container .company .description .name {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 40px;
}
.user-details .user-container .user .description .name .poste,
.user-details .user-container .news .description .name .poste,
.user-details .user-container .company .description .name .poste {
  font-size: 20px;
  line-height: 20px;
  font-family: "Taz";
}
.user-details .user-container .user .description .name .birthday,
.user-details .user-container .news .description .name .birthday,
.user-details .user-container .company .description .name .birthday {
  font-size: 20px;
  margin-top: 20px;
}
.user-details .user-container .user .description .name .birthday .title,
.user-details .user-container .news .description .name .birthday .title,
.user-details .user-container .company .description .name .birthday .title {
  line-height: 24px;
  margin-bottom: 0px;
}
.user-details .user-container .user .description .name .birthday .value,
.user-details .user-container .news .description .name .birthday .value,
.user-details .user-container .company .description .name .birthday .value {
  line-height: 24px;
  font-family: "Taz";
}
.user-details .user-container .user .description h6,
.user-details .user-container .news .description h6,
.user-details .user-container .company .description h6 {
  margin-block-start: 5px;
  margin-block-end: 5px;
}
.user-details .user-container .user .description .role,
.user-details .user-container .news .description .role,
.user-details .user-container .company .description .role {
  margin-top: 20px;
}
.user-details .user-container .user .description .actions,
.user-details .user-container .news .description .actions,
.user-details .user-container .company .description .actions {
  display: flex;
  justify-content: center;
  font-family: "Taz";
}
.user-details .user-container .user .description .actions .action,
.user-details .user-container .news .description .actions .action,
.user-details .user-container .company .description .actions .action {
  align-items: center;
}
.user-details .user-container .user .description .actions .action a,
.user-details .user-container .news .description .actions .action a,
.user-details .user-container .company .description .actions .action a {
  width: 48px;
  height: 48px;
  margin-right: 50px;
}
.user-details .user-container .user .description .actions .action a svg,
.user-details .user-container .news .description .actions .action a svg,
.user-details .user-container .company .description .actions .action a svg {
  height: 40px;
  width: 40px;
}
.user-details .user-container .user .description .actions .action a svg path,
.user-details .user-container .news .description .actions .action a svg path,
.user-details .user-container .company .description .actions .action a svg path {
  fill: white;
}
.user-details .user-container .user .description .title,
.user-details .user-container .news .description .title,
.user-details .user-container .company .description .title {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 20px;
}
.user-details .user-container .user .description .tags,
.user-details .user-container .news .description .tags,
.user-details .user-container .company .description .tags {
  font-style: italic;
  font-family: "Taz";
  margin-bottom: 20px;
}
.user-details .user-container .user .description .tags a,
.user-details .user-container .news .description .tags a,
.user-details .user-container .company .description .tags a {
  text-decoration: none;
}
.user-details .user-container .user .description .tags a:hover,
.user-details .user-container .news .description .tags a:hover,
.user-details .user-container .company .description .tags a:hover {
  text-decoration: underline;
}
.user-details .user-container .user .description .excerpt-container .excerpt,
.user-details .user-container .news .description .excerpt-container .excerpt,
.user-details .user-container .company .description .excerpt-container .excerpt {
  margin: 0px;
  font-size: 14px;
  font-family: "Taz", sans-serif;
  margin-bottom: 20px;
}
.user-details .user-container .user .description .excerpt-container .read-more,
.user-details .user-container .news .description .excerpt-container .read-more,
.user-details .user-container .company .description .excerpt-container .read-more {
  font-style: italic;
  margin-bottom: 20px;
  font-family: "Taz";
}
.user-details .user-container .user .description .excerpt-container .read-more a,
.user-details .user-container .news .description .excerpt-container .read-more a,
.user-details .user-container .company .description .excerpt-container .read-more a {
  text-decoration: none;
}
.user-details .user-container .user .description .excerpt-container .read-more a:hover,
.user-details .user-container .news .description .excerpt-container .read-more a:hover,
.user-details .user-container .company .description .excerpt-container .read-more a:hover {
  text-decoration: underline;
}
.user-details .user-container .user .description .excerpt-container .content,
.user-details .user-container .news .description .excerpt-container .content,
.user-details .user-container .company .description .excerpt-container .content {
  font-family: "Taz";
}
.user-details .user-container .user .more,
.user-details .user-container .news .more,
.user-details .user-container .company .more {
  padding-top: 50px;
  padding-right: 20px;
  width: 20%;
}
.user-details .user-container .user .more .offices,
.user-details .user-container .news .more .offices,
.user-details .user-container .company .more .offices {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.user-details .user-container .user .more .offices .image,
.user-details .user-container .news .more .offices .image,
.user-details .user-container .company .more .offices .image {
  width: 60px;
  height: 60px;
}
.user-details .user-container .user .more .offices .image svg,
.user-details .user-container .news .more .offices .image svg,
.user-details .user-container .company .more .offices .image svg {
  height: 100%;
}
.user-details .user-container .user .more .offices .image svg path,
.user-details .user-container .user .more .offices .image svg circle,
.user-details .user-container .user .more .offices .image svg polygon,
.user-details .user-container .news .more .offices .image svg path,
.user-details .user-container .news .more .offices .image svg circle,
.user-details .user-container .news .more .offices .image svg polygon,
.user-details .user-container .company .more .offices .image svg path,
.user-details .user-container .company .more .offices .image svg circle,
.user-details .user-container .company .more .offices .image svg polygon {
  fill: white;
}
.user-details .user-container .user .more .emergency .title,
.user-details .user-container .news .more .emergency .title,
.user-details .user-container .company .more .emergency .title {
  cursor: pointer;
}
.user-details .user-container .user .more .emergency .value,
.user-details .user-container .news .more .emergency .value,
.user-details .user-container .company .more .emergency .value {
  display: none;
}
.user-details .user-container .user.company .title,
.user-details .user-container .news.company .title,
.user-details .user-container .company.company .title {
  flex: 0.5;
  display: flex;
  text-transform: uppercase;
  align-items: center;
  font-size: 24px;
  min-height: 150px;
}
.user-details .user-container .user.company .description,
.user-details .user-container .news.company .description,
.user-details .user-container .company.company .description {
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .user-details .user-container {
    padding: 20px;
  }
  .user-details .user-container .user,
.user-details .user-container .news {
    flex-direction: column;
  }
  .user-details .user-container .user .description,
.user-details .user-container .news .description {
    padding: 0px;
  }
  .user-details .user-container .user .avatar,
.user-details .user-container .news .avatar {
    width: 50%;
    padding-bottom: 50%;
  }
  .user-details .user-container .user .avatar-container,
.user-details .user-container .news .avatar-container {
    align-items: center;
    width: 100%;
  }
  .user-details .user-container .user .avatar-container .birthday,
.user-details .user-container .news .avatar-container .birthday {
    margin-left: 0px;
  }
  .user-details .user-container .user .more,
.user-details .user-container .news .more {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .user-details .user-container {
    padding: 20px;
  }
  .user-details .user-container .user,
.user-details .user-container .news {
    flex-direction: column;
  }
  .user-details .user-container .user .description,
.user-details .user-container .news .description {
    padding: 0px;
  }
  .user-details .user-container .user .avatar,
.user-details .user-container .news .avatar {
    width: 100%;
    padding-bottom: 100%;
  }
}

.excerpt table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 0px !important;
}

.content table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 0px !important;
}

.bio {
  padding: 20px;
}

.announcement {
  height: 50px;
  overflow: hidden;
  position: relative;
}

.announcement p {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: left;
  /* Starting position */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /* Apply animation to this element */
  -moz-animation: announcement 25s linear infinite;
  -webkit-animation: announcement 25s linear infinite;
  animation: announcement 25s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes announcement {
  0% {
    -moz-transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
  }
}
@-webkit-keyframes announcement {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes announcement {
  0% {
    -moz-transform: translateX(100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(100%);
    /* Firefox bug fix */
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-100%);
    /* Firefox bug fix */
    transform: translateX(-100%);
  }
}

/*# sourceMappingURL=style.css.map */