.content_inner .full_width {
  background-color: #f1edea !important;
}
.hover-text p > span {
  color: #938173;
}
.btn-mappa {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  background-color: #F1EDEA;
  font-size: 16px;
  line-height: 40px;
  border-radius: 0;
  color: #542015;
  text-decoration: none;
  border: 0px;
}
.btn-mappa:hover {
  background-color: #e7e0db;
}
.text-hover {
  transition: 350ms ease-in-out;
  text-decoration: none;
}
.text-hover:hover {
  cursor: pointer;
  color: #cc9e62;
}
/* maps and icons */
.map-wrapper {
  padding-left: 1.5rem;
}
.map {
  display: block;
  margin: 0 auto;
}
.cross {
  transition: 350ms ease-in-out;
  cursor: pointer;
  position: absolute;
}
.cross:hover {
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
}
.cross-wrapper .north-america {
  top: 35%;
  left: 25%;
}
.cross-wrapper .central-america {
  top: 55%;
  left: 27%;
}
.cross-wrapper .south-america {
  top: 70%;
  left: 34%;
}
.cross-wrapper .europe {
  top: 33%;
  left: 50%;
}
.cross-wrapper .africa {
  top: 57%;
  left: 51.5%;
}
.cross-wrapper .middle-east {
  top: 45%;
  left: 56%;
}
.cross-wrapper .asia {
  top: 38%;
  right: 30%;
}
.cross-wrapper .australia {
  bottom: 19%;
  right: 22%;
}
/* maps and icons */
.text-navigation .nav {
  display: flex;
  flex-flow: wrap;
  margin: -0.25rem -0.75rem;
}
.text-navigation a {
  padding: 0.25rem 0.75rem;
  margin: 0.25rem 0.75rem !important;
}
.text-navigation a.active {
  background: #cc9e62;
  color: #ffffff;
}
/* table and search styles */
#myInput {
  background-image: url("/css/searchicon.png");
  /* Add a search icon to input */
  background-position: 10px 12px;
  /* Position the search icon */
  background-repeat: no-repeat;
  /* Do not repeat the icon image */
  width: 75%;
  /* Full-width */
  font-size: 16px;
  /* Increase font-size */
  border: 1px solid #938173;
  /* Add a grey border */
  padding: 12px;
}
#myTable {
  background-image: url("/css/searchicon.png");
  /* Add a search icon to input */
  background-position: 10px 12px;
  /* Position the search icon */
  background-repeat: no-repeat;
  /* Do not repeat the icon image */
  width: 50%;
  /* Full-width */
  font-size: 16px;
  /* Increase font-size */
  margin-bottom: 12px;
  /* Add some space below the input */
}
#myTable {
  border-collapse: collapse;
  /* Collapse borders */
  width: 100%;
  /* Full-width */
  font-size: 18px;
  /* Increase font-size */
}
#myTable th,
#myTable td {
  text-align: left;
  /* Left-align text */
  padding: 12px;
  /* Add padding */
}
#myTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid rgba(147, 129, 115, 0.5);
}
#myTable tr.header,
#myTable tr:hover {
  /* Add a background color to the table header and on hover */
  background-color: #f1edea;
}
/* end table and search styles */
@media only screen and (max-width: 1200px) {
  /* .full_section_inner.clearfix {
      width: 950px;
    } */
  .text-navigation {
    text-align: center;
  }
  .text-navigation .nav {
    justify-content: center;
  }
  .map-wrapper {
    padding-left: 0;
    margin-top: 1.5rem;
  }
}
/* @media only screen and (max-width: 1000px) {
    .full_section_inner.clearfix {
      width: 768px;
    }
  } */
/* @media only screen and (max-width: 768px) {
    .full_section_inner.clearfix {
      width: calc(100vw - 40px);
    }
  } */
/* mobile optimization */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Force table to not be like tables anymore */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  tr {
    border: 1px solid #ccc;
  }
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  #myTable a,
  #myTable p a {
    font-size: 14px;
  }
  #myTable {
    border: none;
    padding: 0 0;
    /* Add some padding */
  }
}
@media only screen and (max-width: 768px) {
  .cross {
    width: 20px;
  }
}
#middleEast,
#asia path,
#asia polygon,
#europe path,
#europe polygon,
#australia path,
#australia polygon {
  stroke-width: 1px;
  stroke: #542015;
}
#middleEast:hover,
#asia:hover path,
#asia:hover polygon,
#europe:hover path,
#europe:hover polygon,
#australia:hover path,
#australia:hover polygon {
  stroke: #cc9e62;
}
[data-map-navigation] {
  cursor: pointer;
}
[data-map-navigation] path,
[data-map-navigation] polygon {
  transition: 250ms ease-in-out;
}
[data-map-navigation]:hover,
[data-map-navigation]:hover path,
[data-map-navigation]:hover polygon,
[data-map-navigation].active,
[data-map-navigation].active path,
[data-map-navigation].active polygon {
  fill: #cc9e62 !important;
  stroke: #cc9e62;
}