.question { font-weight: bold; margin-bottom: 0; margin-top: 10px; }



body { background: url('./fountain.jpg'); background-attachment: fixed; background-size: cover; background-position: right top; }
.breadcrumb { margin-bottom: 0; }
.content { background: linear-gradient(to right, rgba(0, 0, 0, 1.0) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0) 50%); }

.button { transition: 0.3s; }
.more-button { background: #EEE; border: 1px solid #CCC; border-radius: 6px; float: left; height: auto; max-height: 66px; padding: 12px; transition: 0.3s; width: auto; }
.more-button:hover { background: #8E6F3E; border: 1px solid #8E6F3E; color: #FFF; cursor: pointer; transition: 0.3s; }

.ambassador-bottom { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.ambassador-body { background: #FFF; padding: 12px; border-radius: 3px; display: none; margin-left: 10px; margin-top: 5px; position: relative; width: 100%; }
.ambassador-image { border: 3px; height: auto; margin-left: 10px; margin-top: -5px; max-width: 275px !important; position: relative; width: 100%; z-index: 10; }
.ambassador-image-BG { background: rgba(235, 217, 159, 0.65); height: 44px; position: absolute; width: 100%; z-index: 9; }
.ambassador-info { float: left; background: rgba(255, 255, 255, 0.95); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-right: 10px; padding: 20px; padding-top: 5px; width: calc(100% - 20px); }
.ambassador-name { float: left; padding: 10px 26px; padding-bottom: 0; }
.ambassador-stripes { background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.35) 0 3px, rgba(142, 111, 62, 0.45) 3px 5px); height: 22px; left: 0; position: absolute; top: 44px; width: 100%; z-index: 9; }
.ambassador-tag { border-top-right-radius: 3px; float: left; padding: 10px 26px; padding-bottom: 0; }

.ambassador-filler-left { background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.95) 0 35px, rgba(235, 217, 159, 0.65) 35px 50px); display: inline-block; height: 18px; width: 50px; }
.ambassador-filler-center { background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.95) 0 35px, rgba(235, 217, 159, 0.65) 35px 50px); display: inline-block; height: 18px; width: 50px; }
.ambassador-filler-right { background: rgba(255, 255, 255, 0.95); border-top-right-radius: 5px; display: inline-block; height: 18px; width: calc(100% - 120px); }

.button { background: rgba(255, 255, 255, 0.95); white-space: nowrap; cursor: pointer; display: inline-block; margin-bottom: 5px; margin-left: 5px; }
.button-selected { background: #CFB991; }

.tag { background: rgba(218, 170, 0, 0.90); border: 2px solid rgb(218, 170, 0); border-radius: 5px; box-shadow: inset 0 -9px 12px -6px #DDB945; color: #FFF; float: left; font-size: 22px; margin-left: 10px; margin-bottom: 5px; padding: 5px 10px; text-align: center; width: auto; }

/* --- M E D I A   Q U E R I E S --- */
.ambassador-image { float: none; margin-bottom: -12px; }
.ambassador-image-BG { display: none; }
.ambassador-info { border-bottom-left-radius: 0; }
.ambassador-tag { background: rgba(235, 217, 159, 0.65); border-top-right-radius: 0; width: calc(100% - 20px); }
.ambassador-name { background: rgba(0, 0, 0, 0.65); border-top-right-radius: 5px; width: calc(100% - 20px); }
.content { padding-left: 10px; }
.hometown { float: left; margin-left: 5px; }
.ambassador-filler-right { border-top-right-radius: 0; }

@media (min-width: 576px) {
  .ambassador-image { float: none; margin-bottom: -12px; }
  .ambassador-image-BG { display: none; }
  .ambassador-info { border-bottom-left-radius: 0; }
  .ambassador-tag { background: rgba(235, 217, 159, 0.65); border-top-right-radius: 0; width: calc(100% - 20px); }
  .ambassador-name { background: rgba(0, 0, 0, 0.65); border-top-right-radius: 5px; width: calc(100% - 20px); }
  .content { padding-left: 10px; }
  .hometown { float: left; margin-left: 5px; }
  .ambassador-filler-right { border-top-right-radius: 0; }
}
@media (min-width: 768px) {
  .ambassador-image { float: none; margin-bottom: 0; }
  .ambassador-image-BG { display: none; }
  .ambassador-info { border-bottom-left-radius: 0; }
  .ambassador-tag { background: repeating-linear-gradient(45deg, rgba(235, 217, 159, 0.65) 0 50%, rgba(0, 0, 0, 0.65) 50% 100%); border-top-right-radius: 5px; width: auto; }
  .ambassador-name { background: rgba(235, 217, 159, 0.65); border-top-right-radius: 0; width: auto; }
  .content { padding-left: 0; }
  .hometown { float: right; margin-left: 0; }
  .ambassador-filler-right { border-top-right-radius: 5px; }
}
@media (min-width: 992px) {
  .ambassador-image { float: left; margin-bottom: 0; }
  .ambassador-image-BG { display: block; }
  .ambassador-info { border-bottom-left-radius: 5px; }
  .ambassador-tag { background: repeating-linear-gradient(45deg, rgba(235, 217, 159, 0.65) 0 50%, rgba(0, 0, 0, 0.65) 50% 100%); border-top-right-radius: 5px; width: auto; }
  .ambassador-name { background: rgba(235, 217, 159, 0.65); border-top-right-radius: 0; width: auto; }
  .content { padding-left: 0; }
  .hometown { float: right; margin-left: 0; }
  .ambassador-filler-right { border-top-right-radius: 5px; }
}
@media (min-width: 1200px) {
  .ambassador-image { float: left; margin-bottom: 0; }
  .ambassador-image-BG { display: block; }
  .ambassador-info { border-bottom-left-radius: 5px; }
  .ambassador-tag { background: repeating-linear-gradient(45deg, rgba(235, 217, 159, 0.65) 0 50%, rgba(0, 0, 0, 0.65) 50% 100%); border-top-right-radius: 5px; width: auto; }
  .ambassador-name { background: rgba(235, 217, 159, 0.65); border-top-right-radius: 0; width: auto; }
  .content { padding-left: 0; }
  .hometown { float: right; margin-left: 0; }
  .ambassador-filler-right { border-top-right-radius: 5px; }
}