div#navbarNav.display{
    display: block !important;
}
body {
   font-family: Arial !important;
   /*font-weight: bold;*/
}
h1 {
    font-size: 27px;
    font-weight: bold;
}
nav ul{
	display:inline-block;
	padding:0
}

nav ul li{
	display:inline-block;
	list-style: none;
	font-size: 12px;
	padding: 0 5px;
}

.footer-menu ul{
	display:inline-block;
	padding:0
}

.footer-menu ul li{
	display:inline-block;
	list-style: none;
	font-size: 16px;
	padding: 0 10px;
}

img{
	max-width:100%;
}

.wrapper{
}

.custom-container{
	width:100%;
	margin:auto;
	padding:0 25px;
}

.custom-list{
	font-size: 14px;
}

.full-text{
	white-space:nowrap
}

.custom-list table tr td{
	border:1px solid #555;
	padding:5px;
}

.footer-logo img{
	/*max-width:500px;
	width:100%;*/
}

.left-section ul{
	padding:10px 0
}

.left-section ul li{
	list-style:none;
	
}

.left-section ul li a{
	/*padding:7px 20px;*/
	padding:1px 5px;
	display: block;
	font-size: 16px;
    margin: 5px 0;
}
.footable-paging .label {
    font-size: 16px !important;
}

.custom-left-menu{
	padding:7px 20px;
}

.left-section ul li a:hover{
	background:#eee;
	text-decoration:none;
}

.menu-top{
	padding:0;
}

.menu-top li{
	display:inline-block;
	list-style:none;
}

.menu-top li a{
	float: left;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

.menu-top li a:hover{
	text-decoration:none;
	background:#007bff;
	color:#fff;
}

#courses span {float:left; font-weight:bold; background:#0C3; color:#FFF; padding:5px 6px; border:1px solid #096; margin:2px; cursor:pointer;}
#courses span:hover,#courses span.active {background:#C33; border:1px solid #900}



/*curved*/
.curved { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 100vh;
width: 100%;
}
#holemap {
height: 100vh;
width: 100%;
}
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
	  #saveHolesBtn {
    background-color: greenyellow;
    color: green;
    padding: 10px;
    margin: 10px;
    border: 1px solid green;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    float: right;
}
#saveHolesBtn::after {
    clear:both;
}

.clsBlack{background-color:black;color:#ffffff;}
.clsBack{background-color:black;color:#ffffff;}
.clsGoat{background-color:black;color:#ffffff;}
.clsTiger{background-color:black;color:#ffffff;}
.clsMasters{background-color:black;color:#ffffff;}
.clsClassic{background-color:black;color:#ffffff;}
.clsProfessional{background-color:black;color:#ffffff;}
.clsTPC{background-color:black;color:#ffffff;}
.clsOne{background-color:black;color:#ffffff;}
.clsRed{background-color:red;color:#ffffff;}
.clsFour{background-color:red;color:#ffffff;}
.clsMaple{background-color:red;color:#ffffff;}
.clsRot{background-color:red;color:#ffffff;}
.clsRouge{background-color:red;color:#ffffff;}
.clsBlue{background-color:blue;color:#ffffff;}
.clsTwo{background-color:blue;color:#ffffff;}
.clsRoyalBlue{background-color:blue;color:#ffffff;}
.clsTahoe{background-color:blue;color:#ffffff;}
.clsLong{background-color:blue;color:#ffffff;}
.clsBleu{background-color:blue;color:#ffffff;}
.clsBlau{background-color:blue;color:#ffffff;}
.clsChampionship{background-color:blue;color:#ffffff;}
.clsChamp{background-color:blue;color:#ffffff;}
.clsMedal{background-color:blue;color:#ffffff;}
.clsWhite{background-color:white;color:#000000;}
.clsMiddle{background-color:beige;color:#000000;}
.clsAlpine{background-color:white;color:#000000;}
.clsBear{background-color:brown;color:#000000;}
.clsBrown{background-color:brown;color:#000000;}
.clsTerracotta{background-color:beige;color:#000000;}
.clsBlended{background-color:beige;color:#000000;}
.clsConch{background-color:beige;color:#000000;}
.clsOak{background-color:beige;color:#000000;}
.clsPalo{background-color:beige;color:#000000;}
.clsTan{background-color:beige;color:#000000;}
.clsMember{background-color:beige;color:#000000;}
.clsRegular{background-color:beige;color:#000000;}
.clsMens{background-color:beige;color:#000000;}
.clsThree{background-color:beige;color:#000000;}
.clsGalena{background-color:green;color:#ffffff;}
.clsGreen{background-color:green;color:#ffffff;}
.clsFamily{background-color:green;color:#ffffff;}
.clsRaptor{background-color:green;color:#ffffff;}
.clsGreen-White{background-color:green;color:#ffffff;}
.clsJade{background-color:green;color:#ffffff;}
.clsSerpent{background-color:green;color:#ffffff;}
.clsLadies{background-color:red;color:#000000;}
.clsForward{background-color:red;color:#000000;}
.clsFront{background-color:red;color:#000000;}
.clsLadies{background-color:red;color:#000000;}
.clsGold{background-color:gold;color:#000000;}
.clsMemorial{background-color:gold;color:#000000;}
.clsGolden{background-color:gold;color:#000000;}
.clsPlayers{background-color:gold;color:#000000;}
.clsYellow{background-color:yellow;color:#000000;}
.clsGelb{background-color:yellow;color:#000000;}
.clsTalon{background-color:yellow;color:#000000;}
.clsSilver{background-color:silver;color:#000000;}
.clsLiberty{background-color:silver;color:#000000;}
.clsSenior{background-color:silver;color:#000000;}
.clsGray{background-color:grey;color:#000000;}
.clsGrey{background-color:grey;color:#000000;}
.clsAsh{background-color:grey;color:#000000;}
.clsTour{background-color:silver;color:#000000;}
.clsPink{background-color:pink;color:#000000;}
.clsWhite/Red{background-color:pink;color:#000000;}
.clsOrange{background-color:orange;color:#000000;}
.clsRust{background-color:orange;color:#000000;}
.clsPine{background-color:orange;color:#000000;}
.clsPurple{background-color:purple;color:#000000;}
.clsBlack/Blue{background-color:purple;color:#000000;}
.clsBurgundy{background-color:purple;color:#000000;}
.clsTournament{background-color:black;color:#ffffff;}
.clsCopper{background-color:orange;color:#000000;}
.clsLion{background-color:orange;color:#000000;}
.clsTeal{background-color:teal;color:#ffffff;}
.clsMontreux{background-color:aqua;color:#ffffff;}
.clsBlue-White{background-color:aqua;color:#ffffff;}
.clsBlue-white{background-color:aqua;color:#ffffff;}
.clsBlue/White{background-color:aqua;color:#ffffff;}
.clsWhite/Blue{background-color:aqua;color:#ffffff;}
.clsBlue/white{background-color:aqua;color:#ffffff;}
.clsJuniors{background-color:green;color:#000000;}
.clsFive{background-color:green;color:#000000;}
.clsAvocado{background-color:green;color:#000000;}

.hideblock{display:none;}

#holeslist span {float:left; font-weight:bold; background:#FC0; color:#000; padding:5px 6px; border:1px solid #F90; margin:2px; cursor:pointer;}
#holeslist span:hover {background:#F90; border:1px solid #F60}
#holeslist span.active {background:#C33; border:1px solid #900;color:#fff;}
/* slightly enhanced, universal clearFix hack */
.cF:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.cF { display: inline-block; }
/* start commented backslash hack \*/
* html .cF { height: 1%; }
.cF { display: block; }
/* close commented backslash hack */

/*curved*/
.curved { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

 /*new css*/
 nav ul li a {
    font-size: 16px;
    color: #fff !important;
    padding: 16px;
    display: inline-block;
    text-decoration: none !important;
}
nav.navbar{
    background: #9a241b !important;
}
.navbar-light .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}
.top-links-wrapper {
    background: #eee;
    padding: 20px;
    display: flex;
    row-gap: 27px;
    column-gap: 25px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.top-links-wrapper a {
    background: #fff;
    color: rgb(0, 0, 0);
    padding: 20px;
    box-shadow: 0 10px 19px #ccc5;
    border-radius: 50px;
    text-decoration: none;
}
.col-md-3.side-menu{
    background: #f8f8f8;
}

.col-md-3.side-menu a {
    display: block;
    padding: 12px 30px;
    background: #f8f8f8;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #73737355;
    margin: 0;
}
.col-md-3.side-menu ul {
    padding: 0;
}
.col-md-3.side-menu .section-title{
    text-transform: uppercase;
    font-weight: bold;
    background: #000;
    color: #fff;
    padding: 20px;
    text-align: center;
}
.search-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
    margin: 40px 0;
    row-gap: 38px;
}
button.navbar-toggler{
	border: none;
	outline: none;
}

/* mobile screens*/
@media(max-width: 767px){
	.side-menu {
		margin-bottom: 50px;
	}
	.top-links-wrapper a {
	
		padding: 14px 22px;
		width: 100%;
	}
  
}

/* iPad Portrait */
@media only screen 
  and (max-device-width: 767px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    table.main-google-maps-api-holes-playing-map{
        font-size: 14px;
    }
    table.main-google-maps-api-holes-playing-map>tbody>tr{
        display: block;
    }
    table.main-google-maps-api-holes-playing-map>tbody>tr>td{
        display: block;
        width: unset;
    }
    table.main-google-maps-api-holes-playing-map>tbody>tr td{
        padding: 5px;
    }
    
    table.main-google-maps-api-holes-playing-map tr.title-row{
        background: #000;
        color: #fff;
       
    }

}
/*view courses by zipcode page*/
@media(max-width: 768px){
    .company-table tbody tr{
        display: flex;
        flex-wrap: wrap;
    
    }
    .company-table tbody tr td{
        width: 50%;
    }
    

}

thead tr, thead th {
    background: #95151e;
    color: #fff;
    font-size: 18px;
}
thead tr th a, thead tr th  {
    color: #fff;
}
thead tr th a:hover{
    color: #fff;
}
form[name='intlzip'] input[type='submit'] {
    white-space: normal;
}
a.weatherwidget-io {
    min-height: 98px !important;
}
.weather-widget-wrapper{
    min-height: 127px;
}
.weatherwidget-io-wrapper{
    min-height: 98px;
}
@media(min-width: 1200px){
    .weather-widget-wrapper{
        min-height: 127px;
        max-height: 127px;
        overflow: hidden;
    }
    a.weatherwidget-io {
        min-height: 98px;
        max-height: 98px;
    }

}
@media(max-width: 768px){
    table button, table input{
        max-width: 100%;
    }
    table.footable-details  th {
        background: #9a241b;
        color: #fff;
        font-size: 16px;
        padding: 4px 8px;
    }
    table.footable-details  th a{
        color: #fff;
    }
    table.footable-details tr {
        border-bottom: 1px solid #9e9e9e;
    }
    table.footable-details td {
        padding: 8px 12px;
        border-bottom: 1px solid #8885;
    }
    tr.footable-detail-row {
        padding-bottom: 24px;
        border-bottom: 40px solid transparent;
    }
    /* text tooo small fixes*/
    table td,table tr td, table td a, table td span, table td input, table a, .menu-top li a, a{
        font-size: 16px;
    }
    font{
        font-size: 16px;
    }
    table.mobile-display-block tr td{
        display: block !important;
    }
    
    /**/

}


/* Pagination  Styling */
.pagination {
    display: block;
    text-align: center;
    margin: 0;
}

.pagination li {
    display:inline-block;
    margin: 0 5px 0 0;
}
.pagination li.prev a,.pagination li.next a {
    width: 60px;


}

.pagination li a{
    border: none;
    background: #1e90ff;
    color: #fff;
    padding: 10px;
    display: block;
    margin-top: 10px;
    width: 40px;
    height: 40px;
}
.pagination li.active a{
    background: #000;
}

.pagination li a:hover,
.pagination > li > a:focus{
    color:#fff;
    background:#333;
}

.page_links {
    background-color: #ccc;
    font-family: arial, verdana;
    font-size: 12px;
    text-decoration: none;
    border:1px solid #000;
    padding: 6px;
    margin: 3px;
}

#page_a_link{
    font-size: 12px;
    border:1px #000000 solid;
    color:#000;
    background-color: #cccccc;
    padding: 6px;
    margin: 3px;
    text-decoration: none;
}

/*end pagination styling*/
ul.menu-top.available-platforms li {
    margin: 7px;
}
input, textarea{
    font-size: 16px;
}
input[type="image"] {
    max-width: 100%;
}
@media(max-width: 767px){
    #courses span{
        margin: 10px;
    }
}
.footer-logo img{
    width: fit-content !important;
    height: auto !important;
  }