/*--------------------------------------------------------------------------                
┏━━━┓┏━━━┓┏━━━┓┏━━━┓━━━━━━━━┏━━━┓━━━━━━━━━━━━━━━━┏┓━━┏┓━━━━━━━━━━━
┃┏━┓┃┃┏━┓┃┃┏━┓┃┃┏━┓┃━━━━━━━━┃┏━┓┃━━━━━━━━━━━━━━━━┃┃━┏┛┗┓━━━━━━━━━━
┗┛┏┛┃┃┃━┃┃┗┛┏┛┃┃┃━┃┃━━━━┏━━┓┃┃━┗┛┏━━┓┏━┓━┏━━┓┏┓┏┓┃┃━┗┓┏┛┏┓┏━┓━┏━━┓
┏━┛┏┛┃┃━┃┃┏━┛┏┛┃┃━┃┃━━━━┃┏┓┃┃┃━┏┓┃┏┓┃┃┏┓┓┃━━┫┃┃┃┃┃┃━━┃┃━┣┫┃┏┓┓┃┏┓┃
┃┃┗━┓┃┗━┛┃┃┃┗━┓┃┗━┛┃━━━━┃┃━┫┃┗━┛┃┃┗┛┃┃┃┃┃┣━━┃┃┗┛┃┃┗┓━┃┗┓┃┃┃┃┃┃┃┗┛┃
┗━━━┛┗━━━┛┗━━━┛┗━━━┛━━━━┗━━┛┗━━━┛┗━━┛┗┛┗┛┗━━┛┗━━┛┗━┛━┗━┛┗┛┗┛┗┛┗━┓┃
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┏━┛┃
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┗━━┛

  Custom Websites by 2020 eConsulting, LLC
  Salt Lake City, Utah
  www.2020ec.com

--------------------------------------------------------------------------*/


body {
    background-color:#18221C;
    color:#dfd9d9;
}

a {
    color:#d26c00;
    text-decoration:none!important;   
}

a:hover, .link-dark:focus, .link-dark:hover {
    color:#4b5a51!important;

}

    .dark-text, .text-dark, .link-dark {
    color:white!important;
}
    .muted-text, .text-muted {
    color:#c5b9b9!important;
}
    .card-text, .card-text a, card-title, .card-title a, .sticky-blog {
    color:#333!important;
}







@media (max-width:440px) {
    .onlymobile {display:inline-block!important;}
    .notmobile {display:none!important;}
    .inconfix {font-size: 21px!important;}
    .dfTube {width:100%; height:250px;}
    .ShowsCarousel {height: 395px!important;}
    .alert.alert-danger.alert-dismissible.fade.show.onlymobile {margin-top: -2px!important;}
    img.bd-placeholder-img.card-img-top.onlymobile {height: 344px!important;}
    .FlexIMG {max-height: 28vh}
    button.nav-link {font-size: 13px;}
    #loading-image { left: 26%;}
/*-- This fixes screen bounce --*/
    .newsimage {min-height: 340px!important}
    .sqimage {min-height: 340px!important}
    .carousel-item {min-height: 395px!important}
/*-- /This fixes screen bounce --*/
}

@media (min-width:441px) {
    .onlymobile {display:none!important;}
    .dfTube {width:100%; height:350px;}
    .MenuAvail {margin: 0 5px;}
    #loading-image {left: 40%;} 
}

@media (max-width:767px) {
    /*content goes here*/
}

@media (min-width:768px) {
    .dfTube {width:100%; height:400px;}
    .FlexIMG {max-height: 35vh}
    #loading-image {left: 42%;} 
    .eventmusic {padding:0px 20px;}

}


@media (max-width:991px) {
    /*content goes here*/
}

@media (min-width:992px) {
    /*content goes here*/
}

@media screen and (min-device-width: 421px) and (max-device-width: 991px) {
    /*content goes here*/
}

/* iPad in Portrait Mode */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .notipadport {display:none!important;}
    .onlyipadport {display:inline-block!important;}
    .FlexIMG {max-height: 44vh}
}

/* iPad in Landscape Mode */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .notipadland {display:none!important;}
    .onlyipadland {display:inline-block!important;}
    .FlexIMG {max-height: 60vh}
}

@media (max-height: 850px) and (min-width: 1025px) {
    .FlexIMG {max-height: 62vh!important}
}

/*--PADDING--*/
.pad0 {padding: 0px!important}
.pad10 {padding: 10px!important}
.pad20 {padding: 20px!important}
.pad30 {padding: 30px!important}
.pad40 {padding: 40px!important}
.pad50 {padding: 50px!important}

.pt0 {padding-top: 0px!important}
.pt10 {padding-top: 10px!important}
.pt20 {padding-top: 20px!important}
.pt30 {padding-top: 30px!important}
.pt40 {padding-top: 40px!important}
.pt50 {padding-top: 50px!important}

.pb0 {padding-bottom: 0px!important}
.pb10 {padding-bottom: 10px!important}
.pb15 {padding-bottom: 15px!important}
.pb20 {padding-bottom: 20px!important}
.pb30 {padding-bottom: 30px!important}
.pb40 {padding-bottom: 40px!important}
.pb50 {padding-bottom: 50px!important}

.pr0 {padding-right: 0px!important}
.pr10 {padding-right: 10px!important}
.pr20 {padding-right: 20px!important}
.pr30 {padding-right: 30px!important}
.pr40 {padding-right: 40px!important}
.pr50 {padding-right: 50px!important}

.pl0 {padding-left: 0px!important}
.pl10 {padding-left: 10px!important}
.pl20 {padding-left: 20px!important}
.pl30 {padding-left: 30px!important}
.pl40 {padding-left: 40px!important}
.pl50 {padding-left: 50px!important}


/*--MARGIN--*/
.negmar {
   margin-top: -1px!important;
   margin-right: -24px!important;
   margin-left: -24px!important;
}
.mar0 {margin: 0px!important}
.mar10 {margin: 10px!important}
.mar20 {margin: 20px!important}
.mar30 {margin: 30px!important}
.mar40 {margin: 40px!important}
.mar50 {margin: 50px!important}

.mt0 {margin-top: 0px!important}
.mt10 {margin-top: 10px!important}
.mt20 {margin-top: 20px!important}
.mt30 {margin-top: 30px!important}
.mt40 {margin-top: 40px!important}
.mt50 {margin-top: 50px!important}

.mb0 {margin-bottom: 0px!important}
.mb10 {margin-bottom: 10px!important}
.mb20 {margin-bottom: 20px!important}
.mb30 {margin-bottom: 30px!important}
.mb40 {margin-bottom: 40px!important}
.mb50 {margin-bottom: 50px!important}

.ml-15 {margin-left: -15px!important}
.ml-10 {margin-left: -10px!important}
.mr0 {margin-right: 0px!important}
.mr10 {margin-right: 10px!important}
.mr20 {margin-right: 20px!important}
.mr30 {margin-right: 30px!important}
.mr40 {margin-right: 40px!important}
.mr50 {margin-right: 50px!important}

.ml0 {margin-left: 0px!important}
.ml10 {margin-left: 10px!important}
.ml20 {margin-left: 20px!important}
.ml30 {margin-left: 30px!important}
.ml40 {margin-left: 40px!important}
.ml50 {margin-left: 50px!important}

/*--FONT--*/
.txt125 {font-size:125%!important}
.txt120 {font-size:120%!important}
.txt115 {font-size:115%!important}
.txt110 {font-size:110%!important}
.txt105 {font-size:105%!important}
.txt100 {font-size:100%!important}
.txt95 {font-size:95%!important}
.txt90 {font-size:90%!important}
.txt85 {font-size:85%!important}
.txt80 {font-size:80%!important}
.txt70 {font-size:70%!important}
.txt70 {font-size:70%!important}
.txt60 {font-size:60%!important}

.txt18px {font-size:18px!important}
.txt16px {font-size:16px!important}
.txt14px {font-size:14px!important}
.txt12px {font-size:12px!important}
.txt11px {font-size:11px!important}
.txt10px {font-size:10px!important}
.txt8px {font-size:8px!important}
.txt6px {font-size:6px!important}

.text-primary, .text-primary a {color:#d26c00!important;}
.text-secondary, .text-second a {color:#bbbbbb!important;}
.text-red, .text-red a {color:red!important;}
.text-black, .text-black a {color:black!important;}
.text-white, .text-white a {color:#fff!important;}
.text-grey, .text-grey a {color: grey!important;}
.text-green, .text-green a {color: green!important;}
.facebook {color:#4267B2}

.red, .red a {background-color:red!important;}
.black, .black a {background-color:black!important;}
.grey, .grey a {background-color:grey!important;}
.white, .white a {background-color:white!important;}

.bold {font-weight: bold!important;}
span.error {font-size: 150%!important; color: red!important;}
.upper {text-transform: uppercase!important;}
.lower {text-transform: lowercase!important;}
.capitalize {text-transform: capitalize!important;}

/*--COLUMNS--*/
.columnsTwo { width: 50%; float: left; }
.columnsThree { width: 33.33%; float: left; }
.columnsFour { width: 25%; float: left; }
.columnsFive { width: 20%; float: left; }
.columnsSix { width: 16.66%; float: left; }
.columnsSeven { width: 14.28%; float: left; }
.columnsEight { width: 12.5%; float: left; }


/*--GENERAL--*/
.center {text-align: center!important}
.right {text-align: right!important}
.left {text-align: left!important}
.invert {filter:invert(1); -webkit-filter:invert(1);}
.nodisplay {display:none}
.width100 {width:100%!important}
.width90 {width:90%!important}
.width50 {width:50%!important}
.dsshadow {box-shadow: 5px 9px 10px 1px #0101018f;}
.underline {text-decoration:underline!important;}
.nounderline {text-decoration:none!important;}
.zindex100 {z-index:100!important}
#ReadMore {display: none;}


/*--BRIGHTNESS--*/
.bright100 {filter: brightness(1.0)!important;}
.bright90 {filter: brightness(0.9)!important;}
.bright80 {filter: brightness(0.8)!important;}
.bright70 {filter: brightness(0.7)!important;}
.bright60 {filter: brightness(0.6)!important;}
.bright50 {filter: brightness(0.5)!important;}
.bright40 {filter: brightness(0.4)!important;}
.bright30 {filter: brightness(0.3)!important;}
.bright20 {filter: brightness(0.2)!important;}
.bright10 {filter: brightness(0.1)!important;}

/*--CORNERS--*/
.round4 {border-radius: 4px!important;}
.round8 {border-radius: 8px!important;}
.round12 {border-radius: 12px!important;}
.round25 {border-radius: 25px!important;}
.round50 {border-radius: 50px!important;}
.roundCircle {border-radius: 50%!important;}

/*--Z INDEX--*/
.z0 {z-index: 0;}
.z1 {z-index: 1;}
.z2 {z-index: 2;}

/*--BLINK--*/
.blink { animation: blinker 1s linear infinite;}
@keyframes blinker { 50% {opacity: 0;} }


/*--HOURS--*/
.ContactHours .active {
    color: #333;
    font-weight: bold;
}
.HoursDay {
    padding: 4px;
    text-transform: capitalize;
    /*margin-left: 10px;*/
}
.HoursDayActive {
    padding: 8px 0px;
    color:#bbbbbb;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom:1px #d26c00 solid;
    border-top:1px #d26c00 solid;
}
.apptonly {
    font-size: 10px;
    color: #f44336!important;
    text-transform: capitalize;
}

/*--PAGINATION--*/
.paginate span a {
    margin-right: 7px;
    border: 1px #787a78 solid;
    padding: 5px 11px;
    background-color: #787a78;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;
}
.paginate .active {
    background-color: #fff;
    color: #000;
}
li.active {
    font-weight: bold;
    text-transform: uppercase;
}
.bcfilter {
    margin: 0px;
    padding: 16px;
    background-color: #e8a10f3d;
    border-radius: 7px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    box-shadow: 2px 3px 3px -3px #141414;
}
.bcfiltericon {font-size: 11px!important; color: red;}

/*--BREADCRUMB--*/
.breadcrumbs {
    font-size: 11px;
    text-transform:uppercase;
    /*position: sticky;*/
    top: 0px;
    background-color: #18221C;
    padding: 15px 15px;
    z-index: 2;
}
li.B_currentCrumb a {color: #d26c00!important}
i.fa.fa-close {border: 2px red solid; border-radius: 50%; padding: 2px;}
.breadcrumbs a {
    color: #bbbbbb!important;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}


/*--FIXED CTA--*/
.FixedCTA {
    position: sticky;
    bottom: 20px;
    left: 20px;
    width: 55px;
    height: 55px;
    background-color: #18221C;
    padding: 6px;
    text-align: center;
    border-radius: 6px;
    margin-top: -10px;
    font-size: 30px;
}
.FixedCTA a {color: #d26c00;}

/*--MENU--*/
.simple-menu {border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important; padding: 12px; margin-bottom:5px; background-color:#a7c1d4!important;}
.card-body {background-color:#a7c1d4!important;}
.MenuAvail {
    padding-bottom: 8px;
    margin-bottom: 0px;
    margin-top: 25px;
    font-weight: bold;
    padding-top: 10px;
    /*border-top: #d26c00 solid 2px;*/
    /*border-bottom: #d26c00 solid 2px;*/
    color:#d26c00;
    text-transform:uppercase;
    text-align:center;
}
.MenuAvailColl {
    padding: 20px 5px;
    margin-bottom: 15px;
    color:#d26c00;
    border-bottom: #d26c00 solid 2px;
    border-left: #dee2e6 solid 1px;
    border-right: #dee2e6 solid 1px;
    font-weight: bold;
    text-transform:uppercase;
    text-align:center;
    background-color:#f5f5f51c;
}
.nav-tabs .nav-link.active {
    color: white!important;
    background-color: #d26c00!important;
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border-bottom: 1px #d26c00 solid;
  animation: 0!important;
  -webkit-animation: 0!important;
}
.stickyMenu {
    position: sticky;
    top: -3px;
    z-index: 1;
    background-color: #18221C!important;
}


.MenuAvailSub {
    margin-top:20px;
    text-transform:uppercase;
    padding-bottom:15px;
    margin-bottom:15px;
    text-shadow:1px 1px 1px #00000040;
    font-weight:bold;
    letter-spacing: 5px;
    border-bottom: #bbbbbb dotted 2px;
}
.MenuAvailSub2 {
    margin-top:30px;
    text-transform:uppercase;
    padding-bottom:15px;
    margin-bottom:15px;
    text-shadow:1px 1px 1px #00000040;
    font-weight:bold;
    letter-spacing: 5px;
}
.MenuAvailSubPDF {
    margin-top:0px;
    padding-top:0px;
    text-transform:uppercase;
    padding-bottom:15px;
    margin-bottom:15px;
    font-weight:bold;
    letter-spacing: 5px;
    font-size: 20px;
    border-bottom: #bbbbbb dotted 1px;
    text-align:center;
}

.border-bottom {border-bottom: var(--bs-border-width) var(--bs-border-style) #451f08!important;}

button.nav-link {color: #d26c00;}
button.nav-link:hover {color: #bbbbbb;}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: #a7c1d4!important;
}

.MenuFooter {
    position: sticky;
    bottom: 20px;
    z-index: 0;
    text-align:left;
}
.MenuFooter a {
  margin-left: 18px;
  background-color: #d26c00;
  font-weight: bold;
  line-height: 24px;
  font-size: 17px;
  cursor: pointer;
  border-radius: 8px;
  border: none!important;
  padding:6px 10px;
  color:#fff;
}
.MenuFooter:visited a, .MenuFooter:hover a, .MenuFooter:target a  {color:#fff!important} 


/*--BUTTONS--*/
.btn.btn-primary {background-color:#d26c00!important; border:#d26c00!important}
.btn-outline-secondary {--bs-btn-color:#d26c00!important; --bs-btn-border-color:#d26c00!important;} 
.btn.btn-secondary {background-color:#d26c00!important; border:#bbbbbb!important}


/*--COLLAPSIBLE--*/
.collapsible {
  cursor: pointer;
}
.collapsiblecontent {
  padding: 0px;
  margin-top:0px;
  display: none;
  overflow: hidden;
}


/*--NEWS--*/
.NewsDiv {padding: 10px; background-color: #f5f5f51c!important;}

/*--TEMPLATE--*/
#TwentyTwentyFtr {
    text-align:center!important; 
    padding:40px 20px 40px 20px!important;
    background-color: #484848!important;
    border-top: 2px solid #e8e3e3!important;
}
#TwentyTwentyFtr  a  {color:#dce0df!important;}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color:#18221C;
}

.UpArrow { 
    float: right; 
    margin-top: -69px; 
    font-weight: bold; 
    font-size: 45px; 
    /* padding: 4px; */ 
    background-color: #484848; 
    width: 55px; 
    /* height: 32px; */ 
    border-top-left-radius: 8px; 
    border-top-right-radius: 8px; 
} 
i.fa-solid.fa-arrow-up { 
    color: #fff; 
} 

#scroll2top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  background-color: #333;
  font-weight: bold;
  font-size: 24px;
  cursor: pointer;
  border-radius: 8px;
  border: none!important;
}

#scroll2top:hover {
  background-color: #333;
}

small.by2020 {font-size: 70%; font-weight: normal;}
.df-divider {
    height: 13px;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgb(0 0 0 / 10%), inset 0 0.125em 0.5em rgb(0 0 0 / 15%);
}
.dkShowBk { 
    background-color: #000000bd;
    padding: 15px 20px;
    border-radius: 8px;
}
a.nav-link.px-2.link-dark.active {
    background-color: #d26c00!important;
    color: #fff!important;
    border-radius:4px;
}
span.notmobile.upper.Logo {line-height: 18px;}
.sinfoicon {height: 1.75em; font-size: 30px; text-align: right; width:40px;}
.phonico {width: 16px; height: 16px;}
.calIcon {
    height: 20px!important;
    font-size: 19px;
    width: 20px!important;
    display: contents;
}

hr.sortHr {
    color: red;
    border-top: 20px dashed red;
}
.noimg {}


/*--EMAIL SIGNUP--*/
.EmailSignUp {
  position:fixed;
  bottom:10px; 
  z-index: 1;
  margin: 0px 22px;
}
.EmailSignUpTxt {
  font-size:15px;
}