/* Tee Times */
/* Change Log 3-25-2020
- All code that affects attributes outside of the tee time boxes has been removed so that the site aligns better.  
- All !important tags for colors have been removed, this allows the Theme Editor to affect those colors if the Theme Editor adjusts those attributes
- Attributes that are not in use are tagged with ' <!-----' which comments them out.  Remove ' <!-----' to turn them back on.
- All attributes are separated out so that they can be edited easier on their own
- '<!----- opacity: 0.3' tag has been added to some attributes.  To turn this on, remove '<!-----' to turn them on. This attribute turns on transparency with certain objects.  This is still a WIP so be aware when adjusting these.  This works best with a background image that can show through the tee time boxes.  
- Pills have had their ' border-radius: 0px 4px 0 0 !important;' set to 0 to change the 'Pills' into boxes to match Crail's request, add radius back to round these back out if you choose.  It has also had a change in background color from white, change this in CSS and not in Theme Editor
- Still working on a good solution to adjust the width of Tee Time boxes.  
- Added '     <!---- font-family: Arial, Helvetica, sans-serif;' to the objects to allow changing on fonts.  Remove '<!----' to turn on that attribute.  Not all fonts are available, so stick to common fonts to ensure that the fonts display. An example would be to change 'Arial' to 'Times New Roman' to change that attributes font.  'Sans-Serif' or 'Serif' are types of fonts.  Times New Roman is a 'Serif' font while Arial or Helvetica are a 'Sans-Serif' type of font.  Serifs are the overhangs off of the end of the letter like in Times New Roman, it would be a good idea to set the families to match like in the example.  
- An easy way to change colors for attributes is to screenshot the page after the code is applied and then use Snagit to pull the color codes.  Use CTRL+F to find that color code and change it to a color of your choice.  
 */


div.teetime {
     padding: 10px !important;
}
h3.timeDisplay {
     background-color: #544D46;
     font-size: 1.3em !important;
     font-weight: 400 !important;
     margin: -20px -20px 10px !important;
     padding: 20px !important;
     border-radius: 0px 4px 0 0 !important;
     <!---- font-family: Arial, Helvetica, sans-serif;

}
.timeDisplay span
{
     background: #C1B5A7;
     border-radius: 0px 4px 0 0 !important;
     color: #000;
     display: block !important;
     font: 700 25px/100px Arial !important;
     font-color: #fff
     margin: 10px auto !important;
     padding: 0px;
     <!---- font-family: Arial, Helvetica, sans-serif;

}

.timeDisplay-disc span, 
{
     background: #C1B5A7;
     border-radius: 0px 4px 0 0 !important;
     color: #000;
     display: block !important;
     font: 700 25px/100px Arial !important;
     font-color: #fff
     margin: 10px auto !important;
     padding: 0px;
     <!---- font-family: Arial, Helvetica, sans-serif;

}

.auction-grid a.teetime 
{
     background: #C1B5A7;
     border-radius: 0px 4px 0 0 !important;
     color: #000;
     display: block !important;
     font-color: #fff
     margin: 10px auto !important;
     padding: 0px;
     <!---- font-family: Arial, Helvetica, sans-serif;

}


.timeDisplay-disc span
{
     background: #C1B5A7;
     border-radius: 0px 4px 0 0 !important;
     color: #000;
     display: block !important;
     font: 700 25px/100px Arial !important;
     font-color: #fff
     margin: 10px auto !important;
     padding: 0px;
     <!---- font-family: Arial, Helvetica, sans-serif;

}
.teetime-special a.special
{
     background: #C1B5A7;
     border-radius: 0px 4px 0 0 !important;
     color: #000;
     display: block !important;
     font-color: #fff
     margin: 10px auto !important;
     padding-bottom: 300px;
     <!---- font-family: Arial, Helvetica, sans-serif;

}


.timeDisplay-disc span
{
     background: #C1B5A7;
     border-radius: 0px 4px 0 0 !important;
     color: #000;
     display: block !important;
     font: 700 25px/100px Arial !important;
     font-color: #fff
     margin: 10px auto !important;
     padding: 0px;
     <!---- font-family: Arial, Helvetica, sans-serif;

}


a.teetime,
.auction-grid a.teetime, .teetime-special a.special{
     background: #fff;
     border: 1px solid #eee;
     color: #777;
    <!----- opacity: 0.3;
}

.teetime-special a.special{
     background: #fff;
     border: 1px solid #eee;
     color: #777;
    <!----- opacity: 0.3;
}

a.teetime,
{
     background: #fff;
     border: 1px solid #eee;
     color: #777;
    <!---- opacity: 0.8;
}


.auction-grid a.teetime,{
     background: #fff;
     border: 1px solid #eee;
     color: #777;
    <!----- opacity: 0.3;
}

.default-grid a:hover {
     color: #3AA143;
}

.default-grid a:hover h3.timeDisplay {
     background-color: #3AA143;
}


/* Tee Times, original code from Pills V1 */
<!-----   .timeDisplay span, .timeDisplay-disc span, .auction-grid a.teetime .timeDisplay-disc span, .teetime-special a.special .timeDisplay-disc span {
     background: #C1B5A7;
     border-radius: 0px 4px 0 0 !important;
     color: #000;
     display: block !important;
     font: 700 25px/100px Arial !important;
     font-color: #fff
     margin: 10px auto !important;
     padding: 0px;
}