Brothers Bistro
Brothers Bistro
Brothers Bistro makes the best Fried Chicken Tenders and Potato Logs. Chicken Sandwiches, Fries, Salads, Chicken Wraps, Smoothies, Soft Serve Ice Cream and So Much More! Make sure to put this delicious stop on your list while visiting Colorado City!
80 N Central St Suite 10, Colorado City, AZ 86021
https://order.toasttab.com/online/brothers-bistro-80-n-central-st-10
9288758755
<div class="listingss">
<style>
<style type="text/css" media="screen">/* @group Listings */
.listingss {
position: relative;
z-index: 998;
padding: 0px;
text-align: center;
}
.listingss > ul {
position: relative;
list-style: none;
overflow: hidden;
padding: 24px 6px 0 6px;
max-width: 1920px;
margin: 0 auto;
}
.listingss > ul > h2 {
position: absolute;
top: 12px;
left: 6px;
font: 400 10px/10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #999;
text-align: left;
margin: 0;
padding: 0 0 0 6px;
display: none;
}
.listingss > ul > li:not(.hidden) ~h2 {
display: block;
}
.listingss> ul > li {
position: relative;
float: left;
padding: 6px;
width: 33.3333%;
}
.listingss > ul > li > a {
display: block;
position: relative;
text-decoration: none;
}
.listingss > ul > li > a > .logo-box {
position: absolute;
z-index: 999;
bottom: 9px;
left: 9px;
height: 30px;
width: 30px;
border-radius: 6px;
/*background: #f16;*/
transition: all .3s ease-out 0s;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.listingss > ul > li:hover > a > .logo-box {
width: 36px;
height: 36px;
bottom: 6px;
left: 6px;
}
.listingss > ul > li > a > img {
position: absolute;
z-index: 999;
top: 50%;
left: 9px;
max-height: 30px;
max-width: 30px;
border-radius: 6px;
transition: all .3s ease-out 0s;
}
.listingss > ul > li:hover > a > img {
bottom: 9px;
left: 6px;
width: 36px;
}
.listingss > ul > li > a > .date {
position: absolute;
z-index: 9999999;
left: 6px;
bottom: 6px;
width: 36px;
height: 36px;
z-index: 999;
transition: all .3s ease-in-out 0s;
}
.listingss > ul > li:hover > a > .date {
/*width: 39px;
height: 39px;
left: 3px;
top: 3px;*/
bottom: 8px;
}
.listingss > ul > li:hover > a > .date > .day {
line-height: 26px;
font-weight: 900;
color: #000;
}
.listingss > ul > li > a > .date > .month {
display: block;
height: 12px;
background: red;
border-radius: 3px 3px 0 0;
font: 900 8px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
text-transform: uppercase;
}
.listingss > ul > li > a > .date > .day {
display: block;
height: 24;
border: 1px solid #ccc;
border-radius: 0 0 3px 3px;
border-top: none;
background: #fff;
font: 400 16px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
transition: all .3s ease-in-out 0s;
}
.listingss > ul > li > a > hgroup {
display: block;
position: relative;
z-index: 100;
width: 100%;
margin: 0 ;
padding: 12px 12px;
background: #fff;
text-align: left;
border-radius:6px;
box-shadow: 0px 2px 3px rgba(0,0,0,.09);
}
.listingss > ul > li > a > .videothumbnail ~ hgroup {
border-radius: 0 0 6px 6px;
}
.listingss > ul > li > a > .logo-box+hgroup {
padding-left: 48px;
}
.listingss > ul > li > a > img+hgroup {
padding-left: 48px;
}
.listingss > ul > li > a > .date+hgroup {
padding-left: 48px;
}
.listingss > ul > li > a > hgroup {
white-space: nowrap;
overflow: hidden;
}
.listingss > ul > li > a > hgroup > img {
position: absolute;
top: 6px;
left: 6px;
border-radius: 3px;
}
.listingss > ul > li > a > hgroup > img {
width: 18px;
top: 16px;
right: 16px;
transition: all 1s ease-in-out 0s;
}
.listingss > ul > li:hover > a > hgroup > img {
right: 6px;
}
.listingss > ul > li > a > hgroup > h3 {
font: 900 14px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
}
.listingss > ul > li > a > hgroup > h4 {
font: 400 8px/10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
color: #999;
min-height: 10px;
}
.listingss > ul > li > a > hgroup > span {
position: absolute;
top: 24px;
right: 12px;
padding: 0 6px ;
border: 2px solid #ccc;
border-radius: 3px;
font: 400 10px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.listingss.standard-listings > ul > li {
width: 25%;
}
.listingss.basic-listings > ul > li {
width: 20%;
}
@media all and (max-width: 540px) {
.listingss > ul > li {
width: 50%;
}
.listingss.standard-listings > ul > li {
width: 33.33%;
}
.listingss.basic-listings > ul > li {
width: 25%;
}
}
@media all and (max-width: 320px) {
.listingss > ul > li {
width: 100%;
}
.listingss.standard-listings > ul > li {
width: 50%;
}
.listingss.basic-listings > ul > li {
width: 33.333%;
}
}
@media all and (max-width: 240px) {
.listingss > ul > li {
width: 100%;
}
.listingss.standard-listings > ul > li {
width: 100%;
}
.listingss.basic-listings > ul > li {
width: 50%;
}
}
/* @end */
/* @group Video Thumbnail */
.videothumbnail {
display: block;
position: relative;
z-index: 1000;
height: 0;
padding: 56.25% 0 0 0;
background-size: 100%;
background-position: center;
border-radius: 6px 6px 0 0;
transition: background-position 1s ease-in 0s, background-size 1s ease-in .0s;
cursor: pointer;
box-shadow: 0px -6px 5px -5px rgba(0,0,0,.15) inset;
}
.videothumbnail > .play {
position: absolute;
z-index: 100;
top: 50%;
left: 50%;
width: 24px;
margin: -12px 0 0 -12px;
transition: all .2s ease-out 0s;
}
.videothumbnail:hover {
background-size: 110%;
background-position: right;
transition: background-position 3s ease-out 0s, background-size .1s ease-out 0s;
}
.videothumbnail:hover > .play {
width: 36px;
margin: -18px 0 0 -18px;
}
/* @end */</style>
</style>
<h2>Don't Miss These Amazing Local Attractions</h2>
<ul class="filterable-list">
</ul>
</div>
arizona
utah