.navbar-column:hover, .navbar-column:hover a {
        color: #fff !important;
        cursor: pointer;
    }
    
    .homepage p {
        font-size: 19px;
        line-height: 25px;
        text-align: center !important;
        margin-bottom: 0px;
    }
    
    .homepage .quote p, .reviews p {
        color: #fff !important;
        text-align: left !important;
    }
    
    .date-stamp, .type {
        text-align: center;
    }
    
    p a {
        color: #4c4c4c;
        text-decoration: none;
        border-bottom: 2px solid #39e3aa;
        -webkit-transition:0.3s;
        transition:0.3s;
    }
    
    p a:hover {
        color: #000;
        border-bottom: 2px solid #000;
    }
    
    .wall-post, .wall-post p {
        text-align: center;
    }

    .score p {
        padding-bottom: 20px;      
    }

    .wall-post p a, .quote p a {
	text-decoration: none;
	color: #010101 !important;
	border-bottom: none;
    }

    .wall-post p a:hover, .quote p a:hover, .reviews p a:hover {
        border-bottom: 2px solid white !important;
    }
    
    .wall-post .review p, .review-quote p, .wall-post.blog a, .wall-post.live a {
        color: white !important;
    }

    .wallpost .white {
        color: #fff !important;
        text-align: center;
    }
    
    .work-title {
      font-style: italic;
    }
    .work-title a {
      text-decoration: none;
    }
    .work-title a:hover { 
      text-decoration: underline !important;
    }
    .img {
        margin-bottom: 30px;
    }

    .recordings img { width:100% !important; }
    
    .box {
        color: #4c4c4c;
        width: 95%;
        display: inline-block;
        float: left;
    }
    
    .album, .social-media-icon:hover, .share-button  {
        cursor: pointer;
    }

    .album-info {
        overflow: hidden;
    }
    
    .box:hover {
        color: white !important;
        cursor: pointer;
    }

    .work-details p {
        text-align: left !important;
    }
    
    .review-details a, .footer-link a {
        color: white;
        text-decoration: none;
    }

    .share-button a  {
        color: black;
        text-decoration: none;
    }    

    .share-button a:hover {
        color: white !important;
    }

    .article strong {
        color: #000;
    }

    .blog iframe {
      margin-bottom: 20px;
    }

    .blog-index-title a {
        color: black;
        text-decoration: none;
    }

    .blog-index-title a:hover {
        text-decoration: underline;
        color: #39e3aa;
    }

    .post_class {
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
    }

    .post_class:last-child {
      margin-bottom: 100px;
    }

    .w-slider-nav {
        background-color: #cfe2db !important;
        margin-top: 40px !important;
    }

    .w-slider-dot {
        background-color: rgba(255,255,255,0.5) !important;
    }

    .w-slider-dot.w-active {
        background-color: #37a080 !important;
    }

    .noRecording {
      display: none;
    }

    .play
    {
      width:50px !important;
      height:50px;
      background-image: url(../images/button_play_default.png);
    }
    .play:hover
    {
      width:50px;
      height:50px;
      background-image: url(../images/button_play_hover.png);
    }
    .pause
    {
      width:50px;
      height:50px;
      background-image: url(../images/button_pause_default.png);
    }
    .pause:hover
    {
      width:50px;
      height:50px;
      background-image: url(../images/button_pause_hover.png);
    }

      table#tracks a { 
        color: #4c4c4c;
        text-decoration: none;
      }
      
      table#tracks { 
        width: 100%;
        border: none; 
        border-collapse: collapse;
        color: #4c4c4c;
        font-family: freight-text-pro, sans-serif;
        font-size: 19px;
        }

        #tracks thead { 
        border-bottom: 3px solid rgba(0,0,0,0.10);
        }

        #tracks thead tr {
        border: none;
        }
      
      #tracks thead tr:hover {
        cursor: default;
        background: transparent;
      }

        #tracks th { 
        color: #b2b2b2;
        font-size: 12px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        }
        
        #tracks td, #tracks th { 
        height: 70px;
        text-align: left;
        padding: 0px 20px 0px 20px;
        border-bottom: 2px solid rgba(0,0,0,0.05);
        border-left: none;
        border-right: none;
        border-top: none;
        vertical-align: middle;
        }
      
      #tracks tr:hover {
      background-color: #f4f4f4;  
      }
      
      #tracks tr:last-child {
        border-bottom: 3px solid rgba(0,0,0,0.10); 
        }                     
	
	    table#live a { 
          color: white;
          text-decoration: none;
        }
        table#live a:hover { 
          text-decoration: underline;
        }
        table#live { 
      	  width: 100%;
      	  border: none; 
      	  border-collapse: collapse;
      	  color: white;
      	  font-family: freight-text-pro, sans-serif;
      	  font-size: 18px;
          }
          table#live thead { 
      	  border-bottom: 3px solid rgba(0,0,0,0.07);
          }
          table#live thead tr {
      	  background-color: transparent !important;
      	  border: none;
          }
          /* Zebra striping */
          table#live tr:nth-of-type(odd) { 
      	  background: rgba(0,0,0,0.10);
          }
          table#live th { 
      	  color: #216654;
      	  font-size: 14px;
      	  font-family: brandon-grotesque, sans-serif;
      	  font-weight: 700;
      	  text-transform: uppercase;
      	  background: transparent;
          }
          table#live td, th { 
      	  min-height: 70px;
      	  text-align: left;
      	  padding: 10px 20px 10px 20px;
      	  border-bottom: 2px solid rgba(0,0,0,0.05);
      	  border-left: none;
      	  border-right: none;
      	  border-top: none;
      	  vertical-align: top;
          }
        table#live tr:last-child {
      	  border-bottom: 3px solid rgba(0,0,0,0.07);
        }
.wall-post.score {
		color:#080808;
}

@media screen and (max-width: 1024px){
	#desktopVideo{
		display:none !important;
		}
}

@media screen and (min-width:1031px)  {
	#phoneVideo{
		display:none !important;
		}
}


        /* 
        Max width before this PARTICULAR table gets nasty
        This query will take effect for any screen smaller than 760px
        and also iPads specifically.
        */
        @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#live table, table#live thead, table#live tbody, table#live th, table#live td, table#live tr { 
            display: block; 
          }
		  table#live table tr:nth-of-type(odd), table#live table tr:nth-of-type(odd) a { 
          color: white;
          text-decoration: none;
        }
        table#live table tr:nth-of-type(odd) a:hover { 
          text-decoration: underline;
        }
		 table#live tr:nth-of-type(even), table#live tr:nth-of-type(even) a { 
          color: #4c4c4c;
          text-decoration: none;
        }
        table#live tr:nth-of-type(odd) a:hover { 
          text-decoration: underline !important;
        }
          table#live {
      	  border-collapse: collapse;
      	  color: white;
      	  font-family: freight-text-pro, sans-serif;
      	  font-size: 18px;
        }
          /* Hide table headers (but not display: none;, for accessibility) */
          table#live thead tr { 
      	  position: absolute;
      	  top: -9999px;
      	  left: -9999px;
      	  border-bottom: 3px solid rgba(0,0,0,0.07);
          }
          table#live tr { 
      	  border: none;
      	  background: white;
		  color: #4c4c4c;
        }
        table#live tr:nth-of-type(odd) { 
      	  color: #4c4c4c;
          }
        table#live tr:nth-of-type(odd) { 
          color: #fff !important;
          }          
        table#live tr:nth-of-type(even) td:before {
      	  color: #c9c9c9;
        }
          table#live td { 
            /* Behave  like a "row" */
      	  border: none;
      	  position: relative;
      	  padding-left: 40%;
      	  min-height: 50px;
      	  border-bottom: 2px solid rgba(0,0,0,0.05); 
          }
          table#live td:before { 
      	  /* Now like a table header */
      	  position: absolute;
      	  /* Top/left values mimic padding */
      	  top: 10px;
      	  left: 20px;
      	  width: 45%; 
      	  padding-right: 20px; 
      	  white-space: nowrap;
      	  color: #216654;
      	  font-size: 14px;
      	  font-family: brandon-grotesque, sans-serif;
      	  font-weight: 700;
      	  text-transform: uppercase;
          }
          /*
          Label the data
          */
      	  table#live td:nth-of-type(1):before { content: "Date"; }
      	  table#live td:nth-of-type(2):before { content: "Time"; }
      	  table#live td:nth-of-type(3):before { content: "Event"; }
      	  table#live td:nth-of-type(4):before { content: "Venue"; }
      	  table#live td:nth-of-type(5):before { content: "City"; }
        }
        /* Smartphones (portrait and landscape) ----------- */
        @media only screen
        and (min-device-width : 320px)
        and (max-device-width : 480px) {
      	  body { 
      	  padding: 0; 
      	  margin: 0; 
      	  min-width: 320px;
      	  }
      	   table#live {
      	  font-size: 17px;
        	}
          }
        /* iPads (portrait and landscape) ----------- */
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          body { 
            min-width: 495px; 
          }
        }