body.home #home-bg, .locations, .catering-items, #catering-options {
background-image: url(https://bombatacos.com/wp-content/uploads/2022/07/PatternGradient-V3-01.png);
}
#headerimg {display:none !important;}
#footer {display:none !important;}
.location-details {
background-image: none;
}
.single-location .menu-btn {
color: #999;
border-top: 1px solid #ddd;
text-align: right;
padding-top: 1em;
padding-bottom: 1em;
padding-right: 1em;
}
.main-footer .footer-main .row {
border-bottom: 3px dotted #e40571;
}
.location-details .column ul li {
margin-bottom: 0;
}
.footer-lower a {
color: #e40571;
}
@media screen and (max-width: 680px) {
.catering-item-img {
height: 400px;
}
#about-contact .fc-image-box {
display: none;
}
}
@media screen and (max-width: 420px) {
.tec-events-category-color-filter__dropdown-icon-svg {max-width:20px !important;width:20px !important;}
.tribe-common-c-svgicon .tribe-common-c-svgicon--caret-down .tec-events-category-color-filter__dropdown-icon-svg {max-width:20px !important;width:20px !important;}
.tribe-common .tribe-common-c-svgicon {max-width:20px !important;width:20px !important;}
}  .environment-page .hero-section h1 {
text-transform: uppercase;
font-size: 3.5rem;
font-family: thirdrail;
font-weight: 400;
color: #fff;
}
@media screen and (max-width: 767px) {
.environment-page .hero-section h1 {
font-size: 2.5rem;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.environment-page .hero-section h1 {
text-align: center;
}
}
.environments-grid-flexible {
background-color: #000;
padding-bottom: 120px;
}
.environments-grid-flexible .row.flexible-columns {
height: 480px;
display: flex;
flex-direction: row;
margin-bottom: 1.875rem;
max-width: 100%;
}
@media screen and (max-width: 767px) {
.environments-grid-flexible .row.flexible-columns {
height: 280px;
display: unset;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.environments-grid-flexible .row.flexible-columns {
height: 320px;
}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.environments-grid-flexible .row.flexible-columns {
height: 380px;
}
}
.environments-grid-flexible .row.flexible-columns .count-1 .single-environment-flexible-image img {
height: 480px;
object-fit: cover;
width: 100%;
}
@media screen and (max-width: 767px) {
.environments-grid-flexible .row.flexible-columns .count-1 .single-environment-flexible-image img {
height: 280px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.environments-grid-flexible .row.flexible-columns .count-1 .single-environment-flexible-image img {
height: 380px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.environments-grid-flexible .row.flexible-columns .count-1 .single-environment-flexible-image img {
height: 320px;
}
}
.environments-grid-flexible .row.flexible-columns .count-2 .single-environment-flexible-image img {
height: 225px;
object-fit: cover;
width: 100%;
}
@media screen and (max-width: 767px) {
.environments-grid-flexible .row.flexible-columns .count-2 .single-environment-flexible-image img {
height: 280px;
object-fit: cover;
width: 100%;
margin-bottom: 30px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.environments-grid-flexible .row.flexible-columns .count-2 .single-environment-flexible-image img {
height: 180px;
}
}
.environments-grid-flexible .row.flexible-columns .count-2 .single-environment-flexible-image:first-child img {
margin-bottom: 30px;
}
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
}
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h1,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h2,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h3,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h4,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h5,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h6 {
text-transform: uppercase;
font-size: 3.5rem;
font-family: thirdrail;
font-weight: 400;
color: #fff;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h1,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h2,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h3,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h4,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h5,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h6 {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h1,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h2,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h3,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h4,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h5,
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text h6 {
font-size: 2.5rem;
}
}
.environments-grid-flexible .row.flexible-columns .single-environment-flexible-text p {
font-size: 1.25rem;
color: #fff;
}