/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

@media only screen and (orientation: portrait) {
    .justify-items-center .col-sm-6, 
    .justify-items-center .col-md-5 {
        display: flex !important;
        text-align: center !important;
        justify-content: center !important;
        margin: 0 auto;
    }
}
.modal-body { padding: 20px; }
.price { float: right; }
.list-style-2 li:nth-child(odd) { background-color: #f9f9f9; }
.list-style-2 li:nth-child(even) { background-color: #ffffff; }
.list-style-2 li:hover { background-color: #f0f0f0; }
.list-style-2 > li {
  list-style-type: none;
  border-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.row .text-body { color: white !important; }
.row .text-body:hover { color: lightgrey !important; }

.bg-blue { background-color: #0d6efd !important; }
.col { flex: 1; padding: 10px; }
.btn { width: 48%; height: 48%;}
.spinner-border { display:none !important; }

.tld-header {
  background-color: #f9f9f9;
  position: relative;
  padding-right: 80px; 
}

.sort-links-inline {
  display: inline-flex;
  gap: 4px;
  margin-left: 8px; 
}

.sort-arrow {
  font-size: 0.8em;
  opacity: 0.8; 
}

.sort-links {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}

.sort-links a {
  margin: 0;
  padding: 0;
}