/*
 Theme Name:   Bogey's Lounge
 Theme URI:    http://genexmarketing.com/
 Author:       Genex Marketing
 Author URI:   http://genexmarketing.com/
 Description:  KIG Theme!
 Version:      1.0.0
 Template:     generatepress 
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  kig-theme
 Tags:         light, dark, two-columns, right-sidebar, custom-background
*/

/* Add your custom styles below */

/* Theme Overrides */
/*
.entry-header {
  display: none;
}
*/

ul, ol {
  margin: 0 0 15px 30px;
}

/* Utilty Class */
.lead {
	font-size: 1.3em !important;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.white{
	color: #fff !important;
}

.black{
	color: #000 !important;
}

.whiteImg{
	filter: grayscale() brightness(10);
}

.s{
	margin-top: 40px;
	margin-bottom: 40px;
}

.noMar{
	margin: 0 !important;
}

.noPad{
	padding: 0 !important;
}

.nobr{
	white-space: nowrap;
}

.bs{
	margin-bottom: 30px !important;
}

.ts{
	margin-top: 30px !important;
}

.text-center{
	text-align: center;
}


/* Font Sizes and Weights */
.small {
	font-size: small !important;
}

.smaller {
	font-size: smaller !important;
}

.big {
	font-size: larger !important;
}

.bigger {
	font-size: x-large !important;
}

.huge {
	font-size: xx-large !important;
}

.extreme {
	font-size: xxx-large !important;
}

.thin{
	font-weight: 200 !important;
}

strong,
.bold{
	font-weight: 600 !important;
}

.x-bold{
	font-weight: 800 !important;
}

.caps{
	text-transform: uppercase;
}

/* Custom Styles */
/* Typography Styles */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--primary);
}

h1, h2 {
	color: var(--secondary);
}


/* List Styles */
ul.cl{
	list-style: none;
	/*padding-left: 30px;*/
	white-space: normal;
}

ul.cl li:before{
	font-family: "FontAwesome";
	/*content: "\f192";*/
	content: "\f105";
	color: var(--primary);
	margin-right: 5px;
	margin-left: -17px;
}

ul.cl.alt li:before{
	color: var(--secondary);
}

ul.cl.t li:before{
	content: "\f00c";
}

ul.cl ul{
	list-style: none;
	padding-left: 30px;
	white-space: normal;
}

ul.cl ul li:before{
	/*content: "\f192";*/
	color: var(--secondary);
}

ul.cl.t ul li:before{
	content: "\f105";
}

ol.cl{
	list-style: none;
	/*padding-left: 50px;*/
	white-space: normal;
}

ol.cl > li{
	margin-bottom: 1.5rem;
	counter-increment: ol-counter;
	position: relative;
}


ol.cl > li::before{
  content: counter(ol-counter);
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  position: absolute;
  --size: 35px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;

  background: var(--secondary);
  border-radius: 50%;
  text-align: center;
}

ul.cl.spacedItems > li:not(:last-child){
	margin-bottom: 16px;
}

/* HRule */
hr {
	border-top: 2px solid var(--primary) !important;
	border-bottom: none !important;
	width: 80%;
	margin: 0 auto;
}

hr.w {
	border-top: 2px solid #fff !important;
}

/* GridStyles */
/* Card */
.card {
	padding: 2rem;
	background-color: #eee;
	border: 1px solid #ccc;
}
.map {
  width: 100%;
  height: 30vh;
}

/* Theme Classes */
.site-footer{
	border-top: 7px solid var(--primary);
}
a.bookingCTA {
    text-align: center;
    display: inline-block; /* Allows the button to fit its content */
    background: #231f5b;
    border: 1px solid black;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 20px auto; /* Centers the button */
}
a.bookingCTA:hover {
    background: #e0e0e0;
    color: #231f5b;
}
.CTA-parent {
    text-align: center; /* Ensures that the button inside will be centered */
}
/* Table Style */
table.business-hours-table {
    max-width: 300px;
    text-align: center;
    margin: 20px auto; /* Centers the table */
    border-collapse: collapse; /* Ensures borders don't overlap */
    font-size: 15px;
}

/* Border for the whole table */
table.business-hours-table,
table.business-hours-table th,
table.business-hours-table td {
    border: 2px solid #231f5b; /* Adjust this color to your desired border color */
}

/* Table Header Cells */
table.business-hours-table th {
    background-color: #231f5b;
    color: #fff; /* Text color for header cells */
}

/* Table Data Cells */
table.business-hours-table td {
    padding: 2px;
    background-color: #f9f9f9; /* Background color for data cells */
}

/* Optional: Hover effect for the table rows */
table.business-hours-table tr:hover td {
    background-color: #e0e0e0; /* Change background on hover */
}
.biz-table-wrap {
    text-align: center; /* Centers the table */
}


/* Header Mail Button */
a.gb-button-0aef8a4d {
	flex-direction: row;
  }

/* Responsive */
@media (min-width: 992px) {
	.inside-header {
		flex-direction: row !important;
	}
}


.slider img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.iframe-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

.iframe-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

.leaguestandings {
  display: block;
  width: 100%;
  max-width: 800px;     /* never exceed 800px */
  height: 100vh;
  min-height: 1200px;
  border: 1px solid #ccc;
  border-radius: 22px;
}
@media (max-width: 600px) {
  .leaguestandings {
    height: 80vh;
    min-height: 800px;
  }
}

a{text-decoration:none;}
.boop{
transition: transform 180ms ease;
will-change: transform;
transform: translateZ(0);	
}
.boop:hover {
transform: scale(1.03);
}