@import url(//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,500,600);
@import url(//fonts.googleapis.com/css?family=Dosis);
@import url(header.css?v2);
@import url(/cs-common/fonts/golf_icons.css);

/*
@mainColor:             #038a35  rgba(3,138,53,1)
@mainColor-darker:      #025d24;
@mainColor-darkest:     #011f0c;
@mainColor-lighter:     #04b044;
@mainColor-lightest:    #bfffd7;
@secondColor:           #c39400;
*/
body,html {
	height:100%;
	background:#fff;
	font-family:"Lato", Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
	color:#333;
}

.noscroll {overflow: hidden; width:100%;}

i.fa-external-link:before {
    padding-left:10px;
    color:#999;
}

.template.img img {background-color:none; border:none; padding:0;}
.template.img i {display:none;}

.cart-buttons input[type=button] {color:#fff; background-color:#004471;}
.cart-buttons input[type=button]:hover {background-color:#555;}

.event-date {font-family: 'Dosis', sans-serif;}

.widget.webcam {background-color:transparent;}
.widget.webcam h3 {color:#333 !important;}

.divider-heading {
  color: #a8040e;
  background-color: #f0f0f0;
}
.box.profile {border:1px solid #e5e5e5;}

.widget-full.sponsors {
  border: none;
  background-color: #fff;
}
.sponsors .group h4 span,
.widget-full.sponsors {background-color:#fff;}

/***************************************
             STATUSBOARD
***************************************/

#statusboard-trigger {position:absolute; top:121px; left:0; width:100%; text-align:center; z-index:2059;}
#statusboard-trigger a#drop-status {
    display:inline-block;
    color:#fff;
    font-size:13px;
    height:32px;
    line-height:32px;
    background-color:rgba(3,138,53,1); 
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
    padding:0 20px;
    margin-top:-2px;
}
#statusboard-trigger a#drop-status i {display:block; font-size:29px;}
#statusboard-trigger a#drop-status:hover {background-color:rgba(3,138,53,0.7);}

#close-top {text-align:center; position:absolute; top:0px; right:calc(50% - 80px); width:160px; z-index:4002;}
#close-status {
    display:inline-block;
    color:#fff;
    font-size:13px;
    background-color:#bb4444;
    line-height:32px;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
    padding:0 20px;
}
#close-status:hover {background-color:#ee5555;}

.status-admin {position:absolute; top:0; right:0; z-index:4002;}
#status-admin {
	color:#fff;
	background-color:#777;
    font-size:13px;
    height:32px;
    line-height:32px;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
	text-decoration:none;
	padding:8px 15px;
}
#status-admin:hover {background-color:#555;}

.statusboard .row [class*="col-"] {margin-bottom:30px;}
.statusboard .row:last-child [class*="col-"]:last-child {margin-bottom:0;}

#statusboard-content {
    position:relative;
	display:none;
    width:calc(100% - 40px); 
	z-index:2060;
    margin:0 auto;
}
.statusboard {
    position:relative;
    max-width:100%;
    color:#eee; 
    background-color:#333; 
    text-align:left;
    padding:100px 60px;
    margin:0 auto;
}
.statusboard h3 {
	font-size:17px;
	color:#bfffd7;
	text-transform:uppercase;
	padding:0;
}
.statusboard a {color:#aaa;}
.statusboard a:hover {color:#fff;}
.statusboard h3 span {color:#eee; font-size:13px; text-transform:uppercase; padding-left:5px;}
.statusboard h3 span:before {content: " - "; padding-right:5px;}
.statusboard table {margin-bottom:20px; width:100%;}
.statusboard table td {padding:2px; border-bottom:1px solid #666;}
.statusboard table tr td:first-child {width:130px; white-space:nowrap;}
.statusboard table tr td:last-child {padding-left:10px; font-weight:bold;}
.statusboard a.status-txt {display:inline-block; line-height:15px; border:1px solid #999; color:#ccc; border-radius:8px; padding:0 5px; margin-left:15px;}


.yr-statusboard {text-align:center; background-color:#444; padding:10px; border:1px solid #222;}
.yr-statusboard .temp {font-size:37px; margin-top:-5px;}
.yr-statusboard a {color:#fff;}
.yr-statusboard img {width:100px; height:100px;}

.bln-closed {color:#ff4444;}
.bln-open {color:#3be8ab;}
.temp.hot {color:#ff5555;}

@media only screen and (max-width: 991px) {
	.statusboard {overflow:auto;}
}

.activitieslist.list .act-wrapper {
  background: rgba(3,138,53,0.05);
  box-shadow: 1px 2px rgba(0, 0, 0, 0.1);
}

/***************************************
          HOTEL ROOM FORM
***************************************/

#total-price {font-size:20px;}

/* Room selection styling */
ul.l-left .room-selection-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}

ul.l-left .room-selection-fields > div {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 160px;
    max-width: calc(50% - 10px);
    box-sizing: border-box;
}

ul.l-left .room-selection-fields label {
    white-space: nowrap;
    vertical-align: middle;
    min-width: 120px;
    flex-shrink: 0;
    line-height: 42px;
}

ul.l-left .room-selection-fields select {
    width: 70px;
    flex-shrink: 0;
}

/* Room name inputs styling */
ul.l-left.room-names {
    margin-bottom: 20px;
}

ul.l-left.room-names li {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

ul.l-left.room-names li:last-child {
    margin-bottom: 0;
}

ul.l-left.room-names label {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 600;
    color: #495057;
    font-size: 16px;
    line-height:42px;
}

ul.l-left.room-names .input {
    display: block;
    width: 100%;
    margin-left: 0;
}

ul.l-left.room-names .input input {
    margin-bottom: 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.2s;
}

ul.l-left.room-names .input input:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

ul.l-left.room-names .input input:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    ul.l-left .room-selection-fields {
        flex-direction: column;
        gap: 15px;
    }
    
    ul.l-left .room-selection-fields > div {
        min-width: auto;
        width: 100%;
    }
    
    ul.l-left .room-selection-fields label {
        min-width: auto;
    }
}