/* Trump Course Tour Redesign */
.multi-course-tour {
  border-top: 2px solid #EEE; }
  .multi-course-tour table[id*="_tblTop"] {
    margin: 0 !important; }
  .multi-course-tour > * > * > * > * > * > * > * > * > * {
    background: #FFF !Important; }
    .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li {
      padding: 20px 30px;
      position: relative; }
      .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 1px;
        height: 35px;
        background: #DDD; }
      .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li:last-child:after {
        display: none; }
      .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li a {
        opacity: 1 !important;
        margin: 0 !important; }
        .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li a .innerWrap {
          font-size: 15px;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #222; }
        .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li a:hover .innerWrap, .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li a:active .innerWrap {
          color: #af945f; }
        .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li a.selected .innerWrap {
          color: #af945f !important;
          border-bottom: 1px solid #af945f; }
        .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li a.selected:hover .innerWrap, .multi-course-tour > * > * > * > * > * > * > * > * > * > .levelwrap li a.selected:active .innerWrap {
          color: #222; }
  @media (min-width: 900px) {
    .multi-course-tour .course-tour.vertical-tabstrip .levelwrap.level1 {
      top: -77px;
      padding-top: 50px; }
      .multi-course-tour .course-tour.vertical-tabstrip .levelwrap.level1:before {
        content: 'Hole';
        display: block;
        margin-bottom: 10px;
        transform: rotate(90deg);
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #FFF; } }

.course-tour table[id$="_radTabsTop"] .levelwrap.level1 > ul > li {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  text-align: left; }
  .course-tour table[id$="_radTabsTop"] .levelwrap.level1 > ul > li > a {
    display: inline-block;
    padding: 0 !important;
    line-height: 2;
    background: none !important; }
  .course-tour table[id$="_radTabsTop"] .levelwrap.level1 > ul > li > a.selected {
    background: none !important; }
.course-tour .tabstrip {
  position: relative;
  overflow: visible !important;
  background: #af945f; }
  .course-tour .tabstrip .levelwrap {
    width: 100% !important;
    background: #af945f !important;
    position: relative;
    z-index: 2; }
    .course-tour .tabstrip .levelwrap > ul {
      display: block !important;
      white-space: initial !important;
      margin: 0 !important;
      padding: 20px 0;
      background: 0 0 !important; }
      .course-tour .tabstrip .levelwrap > ul > li {
        display: block !important;
        float: none; }
    .course-tour .tabstrip .levelwrap.level1 > ul > li {
      padding: 0 !important; }
      .course-tour .tabstrip .levelwrap.level1 > ul > li > a {
        overflow: initial;
        display: block;
        float: none;
        background: none;
        height: auto;
        padding: 9px 0 !important;
        margin: 0;
        line-height: 1;
        position: relative; }
        .course-tour .tabstrip .levelwrap.level1 > ul > li > a .wrap {
          padding: 0;
          background: 0 0 !important;
          border: none !important;
          display: block;
          height: auto;
          line-height: 1;
          float: none;
          white-space: normal; }
        .course-tour .tabstrip .levelwrap.level1 > ul > li > a .innerWrap {
          display: block;
          float: none;
          padding: 0 !important;
          font-size: 14px;
          font-weight: 400;
          line-height: 1.3;
          letter-spacing: 0;
          text-align: left;
          text-transform: none;
          text-align: center;
          white-space: normal;
          color: #FFF !important;
          background: none;
          -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
        .course-tour .tabstrip .levelwrap.level1 > ul > li > a.selected:after {
          content: '';
          position: absolute;
          right: -8px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          width: 0;
          height: 0;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          border-left: 8px solid #af945f !important; }
        .course-tour .tabstrip .levelwrap.level1 > ul > li > a:hover, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:active, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:focus {
          background: #8d6f40;
          opacity: 1; }
          .course-tour .tabstrip .levelwrap.level1 > ul > li > a:hover.selected, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:active.selected, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:focus.selected {
            background: none; }
        .course-tour .tabstrip .levelwrap.level1 > ul > li > a.selected, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:hover, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:active, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:focus {
          color: #fff; }
          .course-tour .tabstrip .levelwrap.level1 > ul > li > a.selected .innerWrap, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:hover .innerWrap, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:active .innerWrap, .course-tour .tabstrip .levelwrap.level1 > ul > li > a:focus .innerWrap {
            color: #fff; }
.course-tour table[id$="_tblTop"] {
  border-collapse: inherit;
  background-color: transparent;
  padding: 0;
  margin: 0;
  display: table;
  table-layout: fixed; }
  .course-tour table[id$="_tblTop"] > tbody {
    display: table-row; }
    .course-tour table[id$="_tblTop"] > tbody > tr {
      display: table-cell;
      vertical-align: top; }
      .course-tour table[id$="_tblTop"] > tbody > tr:first-child {
        width: 55px;
        background: #af945f !important; }
        .course-tour table[id$="_tblTop"] > tbody > tr:first-child > td:nth-child(2) {
          width: 100%;
          display: block; }
      .course-tour table[id$="_tblTop"] > tbody > tr:nth-child(2) {
        position: relative; }
      .course-tour table[id$="_tblTop"] > tbody > tr:last-child {
        width: 0; }
      .course-tour table[id$="_tblTop"] > tbody > tr div[id$="_radMultTop"] {
        margin-top: 0 !important; }
        .course-tour table[id$="_tblTop"] > tbody > tr div[id$="_radMultTop"] .tsContent {
          border: none;
          padding: 0 15px 0 75px;
          margin-bottom: 0;
          border: none !important; }
      .course-tour table[id$="_tblTop"] > tbody > tr > td {
        width: 100%;
        display: block; }

.course-tour {
  max-width: 1900px;
  padding: 0;
  margin: 0 auto;
  background: #f1f1f1 !important;
  position: relative; }
  .course-tour .tsContent {
    padding: 0 !important;
    font-size: 0; }
  .course-tour .clickToEditDiv {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    height: 55px;
    width: 160px;
    padding: 8px !important;
    background: #ddd;
    font-size: 14px;
    line-height: 1.2; }
    .course-tour .clickToEditDiv a {
      display: block; }
    @media (max-width: 500px) {
      .course-tour .clickToEditDiv {
        display: none; } }
    .course-tour .clickToEditDiv:before {
      content: 'Edit Hole Information'; }
  .course-tour .hole-wrap {
    display: table;
    width: 100%; }
  .course-tour .hole-info {
    display: table-cell;
    vertical-align: top;
    width: 40%;
    padding: 60px; }
  .course-tour .hole-video {
    display: table-cell;
    vertical-align: top;
    width: 60%; }
  .course-tour .hole-title {
    margin: 0 0 15px;
    font-family: "Univers Next W01", "Segoe UI", Arial, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0.53px;
    color: #303030; }
  .course-tour .hole-par {
    margin: 0 0 20px;
    font-family: "Univers Next W01", "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #292a29; }
  .course-tour .hole-desc {
    margin: 0 0 40px;
    font-family: "Univers Next W01", "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    color: #606060; }
  .course-tour .hole-split {
    font-size: 0; }
    .course-tour .hole-split > div {
      display: inline-block;
      vertical-align: top; }
  .course-tour .hole-yardage {
    width: 80px;
    padding-top: 20px; }
    .course-tour .hole-yardage span {
      display: block;
      margin: 0 0 35px;
      font-family: "Univers Next W01", "Segoe UI", Arial, sans-serif;
      font-size: 22px;
      font-weight: 300;
      line-height: 1;
      color: #262626; }
      .course-tour .hole-yardage span:before {
        content: '';
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 20px;
        margin: 2px 20px 0 0;
        border-radius: 100%;
        border: 2px solid #FFF; }
      .course-tour .hole-yardage span.black:before {
        background: #000; }
      .course-tour .hole-yardage span.bronze:before {
        background: #af945f; }
      .course-tour .hole-yardage span.blue:before {
        background: #2c489a; }
      .course-tour .hole-yardage span.white:before {
        background: #fff; }
      .course-tour .hole-yardage span.red:before {
        background: #c12727; }
      .course-tour .hole-yardage span.green:before {
        background: #438a3a; }
  .course-tour .hole-image {
    width: calc(100% - 80px);
    padding-left: 30px;
    text-align: center; }
    .course-tour .hole-image img {
      width: auto;
      max-width: 100%;
      max-height: 320px;
      transition: 0.3s ease-in-out; }
    .course-tour .hole-image img:hover, .course-tour .hole-image img:active {
      cursor: pointer;
      opacity: 0.8; }
  .course-tour .hole-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    cursor: pointer; }
    .course-tour .hole-video img {
      width: 100%;
      max-width: 100%;
      opacity: 0; }
    .course-tour .hole-video video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 100%;
      min-height: 0 !important;
      height: 480px;
      outline: none; }
    @media (min-width: 1025px) {
      .course-tour .hole-video:after {
        content: '';
        display: block !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        background-image: url(https://clubessential.s3.amazonaws.com/sites/A_Master/library/css/trump-templates-2020-images/video.svg) !important;
        background-size: cover;
        background-position: 50% 50%;
        transition: 0.3s ease-in-out;
        z-index: 2; }
      .course-tour .hole-video:hover:after, .course-tour .hole-video:active:after {
        opacity: 0.5; }
      .course-tour .hole-video video::-webkit-media-controls {
        display: none; } }
    .course-tour .hole-video .mute-button, .course-tour .hole-video .unmute-button {
      position: absolute;
      bottom: 20px;
      right: 20px;
      z-index: 99;
      width: 50px;
      height: 50px;
      background-size: 30px;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      display: none;
      z-index: 2; }
    .course-tour .hole-video .mute-button {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3e%3ctitle%3evolume mute%3c/title%3e%3cg class='nc-icon-wrapper' stroke-linecap='square' stroke-linejoin='miter' stroke-width='3' fill='%23FFF' stroke='%23FFF'%3e%3cpath d='M35.1%2c31.1A9.959%2c9.959%2c0%2c0%2c0%2c36.651%2c19' fill='none' stroke='%23FFF' stroke-miterlimit='10'/%3e%3cpath d='M40.7%2c36.7A18.083%2c18.083%2c0%2c0%2c0%2c42.966%2c14' fill='none' stroke='%23FFF' stroke-miterlimit='10'/%3e%3cpath data-cap='butt' d='M15%2c33H6a4%2c4%2c0%2c0%2c1-4-4V19a4%2c4%2c0%2c0%2c1%2c4-4h9L30%2c4V18' fill='none' stroke='%23FFF' stroke-miterlimit='10' stroke-linecap='butt'/%3e%3cpolyline points='30 26 30 44 20 36.667' fill='none' stroke='%23FFF' stroke-miterlimit='10'/%3e%3cline data-color='color-2' x1='3' y1='45' x2='45' y2='3' fill='none' stroke-miterlimit='10'/%3e%3c/g%3e%3c/svg%3e"); }
    .course-tour .hole-video .unmute-button {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3e%3ctitle%3esound%3c/title%3e%3cg class='nc-icon-wrapper' stroke-linecap='square' stroke-linejoin='miter' stroke-width='3' fill='%23FFF' stroke='%23FFF'%3e%3cpath data-color='color-2' d='M35.1%2c31.1a9.959%2c9.959%2c0%2c0%2c0%2c0-14.1' fill='none' stroke-miterlimit='10'/%3e%3cpath data-color='color-2' d='M40.7%2c36.7a18.107%2c18.107%2c0%2c0%2c0%2c0-25.5' fill='none' stroke-miterlimit='10'/%3e%3cpath d='M30%2c44%2c15%2c33H6a4%2c4%2c0%2c0%2c1-4-4V19a4%2c4%2c0%2c0%2c1%2c4-4h9L30%2c4Z' fill='none' stroke='%23FFF' stroke-miterlimit='10'/%3e%3c/g%3e%3c/svg%3e"); }
    .course-tour .hole-video.active:after {
      opacity: 0; }
    .course-tour .hole-video.active video {
      z-index: 1; }
    .course-tour .hole-video.active .mute-button, .course-tour .hole-video.active .unmute-button {
      cursor: pointer; }
    .course-tour .hole-video.active .mute-button {
      display: block; }
    .course-tour .hole-video.paused:after {
      opacity: 1; }
    .course-tour .hole-video.paused:hover:after, .course-tour .hole-video.paused:active:after {
      opacity: 0.5; }

@media (max-width: 1400px) {
  .course-tour .hole-info {
    padding: 40px; } }
@media (max-width: 1199px) {
  .course-tour .hole-info, .course-tour .hole-video {
    width: 50%; } }
@media (max-width: 1024px) {
  .course-tour .hole-info, .course-tour .hole-video {
    display: block;
    width: 100%; }

  .course-tour .hole-video {
    position: relative;
    text-align: center; }
    .course-tour .hole-video video {
      position: relative;
      transform: none;
      top: 0;
      left: 0;
      height: auto; } }
@media (max-width: 700px) {
  .course-tour .hole-info {
    padding: 25px; }

  .course-tour .hole-split > div {
    display: block;
    width: 100%;
    text-align: center; }

  .course-tour .hole-yardage {
    padding: 0 0 25px; }

  .course-tour .hole-yardage span {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    font-size: 16px; }

  .course-tour .hole-yardage span:before {
    margin: -2px 10px 0 0; }

  .course-tour .hole-split > div {
    padding: 0; } }