/*
Theme Name:     Liquid Media - Divi Child
Theme URI:      http: //liquid.media/
Description:    Child theme for the Divi theme from Elegant Themes
Author URI:     http: //liquid.media/
Template:       Divi
Version:        0.1.001
*/


/* SF Movie Poster Bold */
@font-face {
  font-display: swap; 
  font-family: 'SF Movie Poster';
  font-style: normal;
  font-weight: 700;
  src: url('../Divi-Child/fonts/sfmovieposterbold.woff2') format('woff2'); 
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Divi-Child/fonts/open-sans-v44-latin-regular.woff2') format('woff2'); 
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../Divi-Child/fonts/open-sans-v44-latin-italic.woff2') format('woff2');
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../Divi-Child/fonts/open-sans-v44-latin-700.woff2') format('woff2');
}

body, p, a, ul, ol, li, .open-sans, .open-sans h1, .open-sans h2, .open-sans h3, .open-sans h4, .open-sans h5, .open-sans h6 {
	font-family:'Open Sans',sans-serif!important;
}

.freight-text, .freight-text p, .freight-text a, .freight-text ul, .freight-text ol, .freight-text li, .freight-text h1, .freight-text h2, .freight-text h3, .freight-text h4, .freight-text h5, .freight-text h6 {
	font-family: "freight-text-pro", serif!important;
	font-weight: 400;
}

body h1, .sf-movie-poster, .sf-movie-poster p, .sf-movie-poster a, .sf-movie-poster ul, .sf-movie-poster ol, .sf-movie-poster li, .sf-movie-poster h1, .sf-movie-poster h2, .sf-movie-poster h3,.sf-movie-poster h4, .sf-movie-poster h5, .sf-movie-poster h6 {
	font-family: "SF Movie Poster"!important;
	text-transform:uppercase;
	letter-spacing:4px;
}

/*fix issue with top of letters being cut off*/
h1 {
	padding-top:9px;
}

/*Text Sizing
 * Blueprint 
 */
h1,h2,h3,h4{
	margin-bottom:0px;
	margin-top: 0px;
	padding-bottom:0px;
}
.title-margin h1, .title-margin h2, .title-margin h3, .title-margin h4{
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom:0px;
}
.margin-bottom h1, .margin-bottom h2, .margin-bottom h3, .margin-bottom h4{
	margin-bottom:15px;
	margin-top: 0px;
	padding-bottom:0px;
}
body .white h1, body .white h2, body .white h3, body .white h4, body .white h5, body .white h6, body .white p, body .white li{
	color: white!important;
}

/*menu styles*/
/*Blueprint*/

/*make menu item unclickable*/
li.unclickable > a {
	pointer-events: none!important;
 	cursor: default!important;
}


/*keep menu from collapsing on mobile*/

@media (max-width: 980px) {
	.open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}

/*make menu collapsed even on desktop*/


@media (min-width: 980px) {
	.closed-menu.et_pb_menu .et_pb_menu__menu {
    	display: none;
	}
	.closed-menu.et_pb_menu .et_mobile_nav_menu {
		display: flex;
		float: none;
		margin: 0 6px;
		align-items: center;
	}
	.closed-menu.et_pb_menu ul {
    	list-style-type:none;
	}
}

/*increase spacing of footer menu*/

.footer-menu ul {
    gap:8px;
}

/*add border divider between location items in footer menu*/

footer ul#menu-locations-menu li {
    border-right:solid 1px #586163;
}

footer ul#menu-locations-menu li:last-of-type {
    border-right:0;
}

/*style header menu*/

#header-section ul#mobile_menu1 {
    border-radius:5px;
    backdrop-filter:blur(5px);
    padding:20px;
}

#header-section .et_pb_menu_0_tb_header .et_mobile_menu ul.sub-menu {
    background:transparent!important;
    padding:0;
}

@media screen and (min-width:981px) {
	/*grid menu*/
    #header-section #grid-menu .closed ul#mobile_menu1 {
        opacity:0!important;
		pointer-events:none!important;
    }
    #header-section #grid-menu ul#mobile_menu1 {
        text-align:left;
        display:grid!important;
        grid-template-columns:repeat(3,1fr);
        opacity:1;
        transition:opacity 300ms ease;
    }
    #header-section #grid-menu .private-dining-link {
        grid-column-start:3;
        grid-row-start:1;
        grid-row-end:4;
    }
}

/*style main site menu*/

#main-site-menu ul#mobile_menu1 {
    width:300px;
	max-width:90vw;
    right:0;
    margin-left:auto;
    text-transform:uppercase;
}

#main-site-menu ul#mobile_menu1 li a {
    font-family: 'SF Movie Poster'!important;
    font-size:2.4rem;
    letter-spacing:1px;
    text-align:center;
}

#main-site-menu ul#mobile_menu1 li ul a {
    font-family:'Open Sans', sans-serif!important;
    font-size:1rem;
    padding-top:0;
	margin-bottom:16px;
    
}


#main-site-menu ul#mobile_menu1 li ul a:last-of-type {
	margin-bottom:0;
    
}

#main-site-menu li.menu-item-has-children {
    border-bottom:solid 1px #586163;
    margin-bottom:16px;
}

#main-site-menu li.menu-item-has-children:last-of-type {
    border-bottom:none;
    margin-bottom:0;
}

#main-site-menu ul#mobile_menu1 li ul a:after {
    content: '$';
    position:relative;
    font-family: "ETmodules" !important;
    padding-left:6px;
    top:2px;
    
}

/*Two Column Text
 * Blueprint 
 */
@media all and (min-width: 768px){
	.two-column-text{
		column-count: 2;
    	column-gap: 5%;
	}
}
/*Bullet List
 * Blueprint 
 */
.special-bullet ul, .special-bullet-long ul {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom:0px;
}
.special-bullet ul li:before, .special-bullet-long ul li:before {
	color: #fff;
	font-family: 'ETMODULES';
	content: "\0B7";
	padding-right: 10px;
	font-size: 40px;
	font-weight:700;
	position: relative;
	top: 8px;
}

.special-bullet ul li {
	text-indent:-20px;
	padding-left:0px;
}
.special-bullet-long ul li {
	text-indent:-20px;
	padding-left:0px;
	margin-bottom: 15px;
}
.special-bullet-long ul li:last-child {
	margin-bottom:0px;
}
.two-column-text.special-bullet ul, .two-column-text.special-bullet-long ul {
	margin-top:0px;
}
/*Numbered List
 * Blueprint 
 */
.special-bullet ol {
	margin: 0 !important;
}

.special-bullet.white li::marker, .special-bullet.white ul li:before, .special-bullet-long.white ul li:before  {
	color: white;
}

/* Converts a bullet list into left aligned or centered list where each item is separated by a pipe */
.flex-list-left ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -25px;
    list-style-type: none;
}
.flex-list-left li {
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: left;
    border-left: 1px solid #ccc;
    background-color: transparent;
}
.flex-list-left, .flex-list-center {
    overflow: hidden;
}
.flex-list-center ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -25px;
    list-style-type: none;
}
.flex-list-center li {
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #ccc;
    background-color: transparent;
}

/*remove bottom padding on a list*/
.no-padded-list ul, .no-padded-list ol, ul.no-padded-list, ol.no-padded-list {
    padding-bottom:0;
}

/*G-FORM STYLING*/
/* Style Fields and Text
 * Blueprint
 */
.gform_required_legend{
	display:none;
}
.et_pb_module .gform_wrapper.gravity-theme input, .et_pb_module .gform_wrapper.gravity-theme .ginput_container textarea, .gform_wrapper.gravity-theme .ginput_container select  {
	padding: 20px!important;
	font-size: 1rem!important;
	border:none;
	border-radius:5px;
	font-family:'Open Sans',sans-serif!important;
	color:#000;
}

/* G-Forms Submit Button Styling 
 * Blueprint 
 */
.gform_wrapper.gravity-theme .gform_button.button, .gform_wrapper.gravity-theme .gform_next_button.button, .gform_wrapper.gravity-theme .gform_previous_button.button {
	color: white;
    font-size: 0.9rem;
    background-color:black;
    border: solid 1px #fff;
	border-radius:5px;
	padding: 0.6em 1.6em 0.7em 1.6em!important;
    line-height: 1.7em!important;
    transition: all .3s ease-in-out;
	font-family:'Open Sans', sans-serif;
}
.gform_wrapper.gravity-theme .gform_button.button:hover, .gform_wrapper.gravity-theme .gform_next_button.button:hover, .gform_wrapper.gravity-theme .gform_previous_button.button:hover {
	background-color: #fff;
    color:black!important;
    
}

/* Style label above fields text 
 * Blueprint
 */
.gform_wrapper.gravity-theme .gfield_label {
	font-size:1rem;
	font-weight:400;
	text-transform:uppercast;
}
/*Style label below field text
 * Blueprint
 */
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
	font-size:0.8rem;
	text-transform: uppercase;
	font-weight: 300;
}


/*Style sub label above text so the spacing is adjusted
 * Blueprint
 */
@media screen and (min-width:981px) {
    .form_sublabel_above label.gform-field-label.gform-field-label--type-sub {
    margin-top:-12px;
}
}

@media screen and (max-width:980px) {
    .form_sublabel_above .gform-grid-col:first-child label.gform-field-label.gform-field-label--type-sub {
        margin-top:-8px;
    }
}

/*Style "Required" asterisk
 * Blueprint
 */
.gform_wrapper .gfield_required.gfield_required_asterisk {
    color: #fff!important;
	font-weight:900;
}

/*Style "Required" text
 * Blueprint
 */
.gform_wrapper .gfield_required {
    text-transform: uppercase!important;
    font-style: normal!important;
}

/* Style dropdown arrow. The not selector keeps it from adding it to list gravity form in a weird place*
 * Blueprint
 */
.ginput_container:not(.ginput_container_multiselect) select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("/wp-content/uploads/2021/07/dropdown-arrow.png");
	background-repeat: no-repeat;
	background-position: right 15px top 50%;
	/* icon size*/
	background-size: .65em auto, 100%;
}

/*validation error styling*/

/*styling of messages popping up*/
.gform_wrapper.gravity-theme .gform_validation_errors, .gform_wrapper.gravity-theme .validation_message {
    box-shadow:none;
    border-radius: 5px;
    font-size:1rem!important;
	line-height:1.2em;
	background:transparent;
	color:#daa45c;
	border-color:#daa45c;
}

/*override font size of header validation error*/
.gform_wrapper.gravity-theme h2.gform_submission_error.hide_summary {
	font-size:0.9rem!important;
	color:#daa45c;
	font-family:'Open Sans', sans-serif;
}

/*styling of labels of fields that have not been filled out properly*/
.gform_wrapper.gravity-theme .gfield_error .gfield_label, .gform_wrapper.gravity-theme .gfield_error .gfield_header_item, .gform_wrapper.gravity-theme .gfield_error .gform_fileupload_rules, .gform_wrapper.gravity-theme .gfield_error .ginput_complex label, .gfield_error .gfield_radio label, .gfield_error .ginput_container .gfield_consent_label   {
    color:#daa45c;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border-color:#daa45c;
}

/*make input date and time be wider*/
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date, .gform_wrapper.gravity-theme .ginput_container_time {
    flex-grow:2;
    max-width:33.33%;
}

.gform_wrapper.gravity-theme .ginput_container_time {
    max-width:100%!important;
}

@media screen and (min-width:600px) {
    .two-column-gform .ginput_container.ginput_container_checkbox {
        column-count:2;
    }
}

/*END OF G-FORM STYLING*/

/* Show 4 column layout as 1 in browser*/
@media all and (max-width: 767px) {
    .one-mobile-column .et_pb_column {
    width: 100%!important;
}
	.one-mobile-column.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4, .one-mobile-column.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4, .one-mobile-column.et_pb_row_4col>.et_pb_column.et_pb_column_1_4{
	margin-right: 0px!important;
	}
	.one-mobile-column.et_pb_row_1-2_1-4_1-4 .et_pb_column:nth-last-child(-n+2), .one-mobile-column.et_pb_row_1-4_1-4 .et_pb_column:nth-last-child(-n+2), .one-mobile-column.et_pb_row_4col .et_pb_column:nth-last-child(-n+2){
		margin-bottom: 30px!important;
	}
}


/*adjust size of button icon and position*/

body #page-container .et_pb_section .et_pb_module .et_pb_button:after, body #page-container .et_pb_section .et_pb_module:hover .et_pb_button:after, body #page-container .et_pb_section .et_pb_module.et_pb_promo .et_pb_promo_button.et_pb_button:after, body #page-container .et_pb_section .et_pb_promo.et_pb_module:hover .et_pb_promo_button.et_pb_button:after {
    right:16px!important;
    font-size:1rem!important;
	line-height:1em!important;
    margin-top:0.3rem;
}

/*class that forces a button to grow and fill container. This class has to go on the container of what the button is, not the button itself, because Divi applies the class to the a element inside the button wrapper and you need to style the button wrapper as well*/
.force-button-grow .et_pb_module.et_pb_button_module_wrapper {
    flex-grow:2;
}

.force-button-grow .et_pb_module.et_pb_button_module_wrapper a {
    min-width:100%;
}

/*class that keeps divider from having a max height of 23px so it can be used for BG images*/
.et_pb_space.et_pb_module.space-override, .et_pb_space.et_pb_module.space-override .et_pb_divider_internal {
    height:auto;
    flex-grow:2;
}

/*hero section, sidebar, and menu. These styles are controlled here so it's easier to update across many pages/global items.*/


/*control width and height of sidebar + hero image*/
@media screen and (min-width:981px) {

    #sidebar-column {
      display:flex!important;
    }
	
	/*OKC specific*/
    .okc #sidebar-column {
        width:312px!important;
    }
	/*subtract width of okc section from header and page content */
    body:has(#sidebar-column) #header-section.okc, .okc #hero-image-column, .content-with-sidebar.okc {
        width:calc(100% - 324px);
    }
	/*Denver specific*/
    .denver #sidebar-column {
        width:280px!important;
    }
	/*subtract width of okc section from header and page content */
    body:has(#sidebar-column) #header-section.denver, .denver #hero-image-column, .content-with-sidebar.denver {
        width:calc(100% - 292px);
    }
}

/*adjusting blurb with location in header so there's less of a gap between the icon and the content is vertically aligned*/
#location-info .et_pb_blurb_container {
    padding-left:6px;
}

#sidebar-column .et_pb_blurb_content div {
    vertical-align:middle;
}

/*make button grow in header sidebar column only on desktop and mobile*/

@media screen and (min-width:981px) {
	#button-row-container .et_pb_module.et_pb_button_module_wrapper {
		flex-grow:2;
	}
	#button-row-container .et_pb_module.et_pb_button_module_wrapper a {
    	min-width:100%;
	}
}

@media screen and (max-width:767px) {
	#button-row-container {
		flex-grow:2;
	}
	#button-row-container .et_pb_module.et_pb_button_module_wrapper {
		flex-grow:2;
	}
	#button-row-container .et_pb_module.et_pb_button_module_wrapper a {
    	min-width:100%;
	}
}

/*FOOTER*/

/*remove bottom padding on menu items so the gaps aren't so tall*/

.footer-menu li a {
   padding:0!important;
}

/*force the location menu item to be highlighted on subpages*/
#okc-footer #menu-locations-menu li.okc a, #denver-footer #menu-locations-menu li.denver a {
    color:#fff!important;
}

/*style the filter button for image gallery*/

/*make the button container flex*/
#myBtnContainer {
   display:flex;
   flex-flow:row wrap;
   gap:12px;
   align-content:center;
   justify-content:center;
   
}

button.btn.filter_button {
   background:transparent;
   border-width:0;
   color:#fff;
   font-size:1rem;
   text-transform:uppercase;
   padding-bottom:6px;
   cursor:pointer;
   border-bottom:solid 1px black;
}

button.btn.filter_button.active {
   border-bottom:solid 1px #586163;
}

/*make the images fit in a specific aspect ratio and fill that container until you click on them and open in lightbox*/

.gallery-image .et_pb_image_wrap {
    aspect-ratio: 1.25 / 2;
    overflow:hidden;
}

.gallery-image .et_pb_image_wrap img {
    height:100%;
    object-fit:cover;
}

/*force gallery aspect ratio*/

#gallery { 
	aspect-ratio: 1674 / 520; overflow:hidden;
}
@media screen and (max-width:980px) and (min-width:768px) { 
	#gallery { 
		aspect-ratio:829 / 318;
	}
}
@media screen and (max-width:767px) { 
	#gallery { 
		aspect-ratio:577 / 916; 
	} 
}

/*make bg of what sets us apart section changed based on click*/

#apart-column, #apart-image {
	transition: background-image 300ms ease;
	background-repeat: no-repeat!important;
	background-size:cover!important;
    
}

/*atmosphere*/
#what-sets-us-apart.atmosphere #apart-column {
    background-image:url('/wp-content/uploads/2025/10/Warm-Atmosphere-in-Fine-Dining-OKC-Broadway-10-Bar-and-Chophouse.webp');
	background-position:center;
}

#what-sets-us-apart.atmosphere #apart-image {
    background-image:url('/wp-content/uploads/2025/10/Fine-Dining-in-OKC-with-Warm-Atmosphere-Broadway-10-Bar-and-Chophouse-1.webp');
}

/*bar*/
#what-sets-us-apart.bar #apart-column {
    background-image:url('/wp-content/uploads/2025/10/The-Bar-at-Broadway-10-Bar-and-Chophouse-Broadway-10.webp');
	background-position: center right;
}

#what-sets-us-apart.bar #apart-image {
    background-image:url('/wp-content/uploads/2025/10/Craft-Cocktails-and-Fine-Dining-Oklahoma-City-Broadway-10-Bar-and-Chophouse.webp');
}

/*bar mobile*/

/*chophouse*/
#what-sets-us-apart.chophouse #apart-column {
    background-image:url('/wp-content/uploads/2025/10/Oklahoma-City-Steakhouse-Broadway-10-Bar-and-Chophouse.webp');
	background-position:center;
}

#what-sets-us-apart.chophouse #apart-image {
    background-image:url('/wp-content/uploads/2025/10/Steakhouse-in-Oklahoma-City-Broadway-10-Bar-and-Chophouse.webp');
}

/*on about page*/

/*culinary excellence*/
#what-sets-us-apart.excellence #apart-column {
	background:url('/wp-content/uploads/2025/10/Broadway-10-Core-Value-of-Culinary-Excellence.webp');
}

#what-sets-us-apart.excellence #apart-image {
	background:url('/wp-content/uploads/2025/10/Core-Value-of-Culinary-Excellence-Broadway-10.webp');
}
/*high-quality-ingredients*/
#what-sets-us-apart.ingredients #apart-column {
	background:url('/wp-content/uploads/2025/10/Broadway-10-Core-Value-of-High-Quality-Ingredients.webp');
}

#what-sets-us-apart.ingredients #apart-image {
	background:url('/wp-content/uploads/2025/10/Core-Value-of-High-Quality-Ingredients-Broadway-10.webp');
}

/*unparalleled hospitality*/
#what-sets-us-apart.hospitality #apart-column {
	background:url('/wp-content/uploads/2025/10/Core-Value-Unparalleled-Hospitality-Broadway-10.webp');
	background-position:center;
}

#what-sets-us-apart.hospitality #apart-image {
	background:url('/wp-content/uploads/2025/10/Broadway-10-Core-Value-of-Unparalleled-Hospitality.webp');
}

/*mobile ver unparalleled hospitality*/

@media screen and (max-width:480px) {
	#what-sets-us-apart.hospitality #apart-column {
		background:url('/wp-content/uploads/2025/10/Broadway-10-Core-Value-of-Unparalleled-Hospitality-1.webp');
		background-position:top center;
}
}

/*denver*/


/*atmosphere*/
#what-sets-us-apart.denver.atmosphere #apart-column {
    background-image:url('/wp-content/uploads/2025/10/The-Atmosphere-at-Broadway-10-Cherry-Creek.webp');
	background-position:center;
}

#what-sets-us-apart.denver.atmosphere #apart-image {
    background-image:url('/wp-content/uploads/2025/10/What-Sets-Broadway-10-Denver-Apart-The-Atmosphere.webp');
}

/*bar*/
#what-sets-us-apart.denver.bar #apart-column {
    background-image:url('/wp-content/uploads/2025/10/The-Bar-at-Broadway-10-Bar-and-Chophouse-Denver.webp');
	background-position: bottom right;
}

#what-sets-us-apart.denver.bar #apart-image {
    background-image:url('/wp-content/uploads/2025/10/What-Sets-Broadway-10-Denver-Apart-The-Bar.webp');
}

/*chophouse*/
#what-sets-us-apart.denver.chophouse #apart-column {
    background-image:url('/wp-content/uploads/2025/10/Oklahoma-City-Steakhouse-Broadway-10-Bar-and-Chophouse.webp');
	background-position:center;
}

#what-sets-us-apart.chophouse #apart-image {
    background-image:url('/wp-content/uploads/2025/10/Steakhouse-in-Oklahoma-City-Broadway-10-Bar-and-Chophouse.webp');
}

/*fix toggles in this section not having the right font*/

#what-sets-us-apart h3.et_pb_toggle_title {
    font-family:'freight-text-pro', serif!important;
}


/*social button container styling*/

/*make first two buttons wider*/

@media screen and (min-width:480px) {

    div#social-buttons-container .et_pb_module:nth-child(-n + 2) {
        min-width: calc(50% - 6px);
    }
}

/*adjusting the icon size of the social buttons*/

/*instagram*/
body #page-container .et_pb_section div .et_pb_module #ig-btn:after {
    font-size:0.9rem!important;
}

/*facebook*/
body #page-container .et_pb_section div .et_pb_module #fb-btn:after {
    font-size:0.75rem!important;
    margin-top:0.25rem!important;
}

/*tiktok*/
body #page-container .et_pb_section div .et_pb_module #tt-btn:after {
    font-size:0.7rem!important;
    margin-top:0.25rem!important;
}

/*yelp*/
body #page-container .et_pb_section div .et_pb_module #yelp-btn:after {
    font-size:0.9rem!important;
}

/*linkedin*/
body #page-container .et_pb_section div .et_pb_module #li-btn:after {
    font-size:0.75rem!important;
    margin-top:0.3rem!important;
}

/*fix issue where button border color doesn't update*/
body #page-container .et_pb_section .force-button-border-hover:hover {
    border-color:#586163!important;
}


/*menu item styling*/

.menu-container {
	align-items: start;
}

.photo-trigger {
	cursor:pointer;
}
  
.menu-photo {
  overflow: hidden;
  height: 0;                 /* closed height */
  opacity: 0;                /* nice fade and helps overlay mode */
  pointer-events: none;      /* not interactive while closed */
  transition: height 280ms ease, opacity 200ms ease;
  will-change: height, opacity;
  margin-top:0!important;
}

/* Open state toggled by JS */
.menu-photo.is-open {
  opacity: 1;
  pointer-events: auto;
}
  
.et-vb-app-ancestor .menu-photo {
    height:auto;
    opacity:1;
	border:solid 2px red;
}

/*style table with private dining room info*/

#room-table {
    border-radius:12px;
    border-collapse:separate;
    border-color:#151E21;
    max-width:100%;
}

#room-table tbody, #room-table tbody td {
    border: solid 1px #151E21;
}


#room-table thead th {
    background:#151E21;
    color:#fff;
    border:solid 1px #151E21
}

#room-table tbody tr td:first-of-type {
    font-weight:700;
    background:rgba(21, 30, 33,0.6);
    position:sticky;
}

#room-table-container .et_pb_code_inner {
    overflow-x:auto;
}

/*press-group*/
/*styled here because the loop builder doesn't seem to work well with presets*/

.press-group {
    padding:180px 30px 30px 30px;
    gap:12px;
}
.press-group:before {
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 72% 100%);
}

.press-group .press-title h3, .press-group .publisher, .press-group .date {
	text-align:center!important;
    text-shadow: 0 0 4px rgba(0,0,0,0.6);
}

.press-group .press-title h3 {
    line-height:1.2em;
    text-shadow: 0 0 4px rgba(0,0,0,0.6);
}

.press-group .publisher {
    text-transform:uppercase;
    letter-spacing:1px;
}

.press-group .date {
    text-transform:uppercase;
	font-size:0.9rem;
	margin-bottom:12px!important;
}

.press-group .et_pb_button_module_wrapper {
    margin-top:auto;
}

.press-group .et_pb_button:hover {
    background:#000!important;
    border-color:#000!important;
}

@media screen and (max-width:767px) {
    .press-group {
    	padding:140px 15px 15px 15px;
	}
}