@charset "UTF-8";

@font-face {
	font-family: myFont;
	src: url("../font/Rockybilly.ttf");
}

@font-face {
	font-family: myFont2;
	src: url("../font/Avalors.ttf");
}

.navbar {
  background-color: #000000;
}
.navbar .navbar-brand {
  color: #ffffff;
	font-family: myFont;
	 padding: 25px;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ecf0f1;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #ecf0f1;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ecf0f1; 
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ff0000;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #000000;
  border-color: #ff0000;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #ecf0f1;
  background-color: #ff0000;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #ff0000;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ecf0f1;
  background-color: #ff0000;
}
.navbar .navbar-toggler {
  border-color: #ffffff;
	background-color: #ff0000;
	
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
  background-color: #ffffff;
	 border-color: #ff0000;
	color: #ff0000;
	
}
.navbar .navbar-toggler .navbar-toggler-icon {
  color: #ffffff;
}

.navbar .navbar-toggler .dropdown-toggle {
	color: #ffffff;
}

.navbar .navbar-toggler:hover .dropdown-toggle,
.navbar .navbar-toggler:focus .dropdown-toggle{
	color: #ff0000;
}

.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #ecf0f1;
}

#highlights article p {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-align: center;
}

a {
	color:#ff0000;
}

a:hover {
	color: lightgray;
}

#pageheader H1 {
	color: #ffffff;
	background-color: rgba(230,230,230,0.25);
	font-family: myFont2;
	padding-top: 10px; padding-bottom: 10px;
}

#contactform H3 {
	text-align: center;
	background-color: #ff0000;
	padding: 5px 5px 5px 5px;
}

#contact p {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
	outline: 2px dashed white;
}

#shirtdesign p {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
	outline: 2px dashed white;
}

#shirtdesign {
	color: #ffffff;
	background-color: rgba(0,0,0,0);
    padding: 10px;
}

#contact {
	color: #ffffff;
	background-color: rgba(0,0,0,0);
    padding: 10px;
}

#feature h3 {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-shadow: 2px 2px 8px #ff0000;
	text-align: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

#feature p {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
}

#feature p .cfmpg {
	font-weight: bold;
}

#feature table {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#feature table .theader {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-align: center;
	outline: 2px solid white;
	padding: 10px;
}

#feature table .trowpackage {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	outline: 2px solid white;
	padding: 10px;
}

#feature table .trowdescription {
	color: #ffffff; 
	padding-right: 10px;
	outline: 2px solid white;
	padding: 10px;
}

#feature table .trowprice {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	outline: 2px solid white;
}

#dservice {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
}

#sdesign-form {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
}

#bdesign-form {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
}

#wdesign-form {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
}

#ldesign-form {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
}

#sdcdesign-form {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
}

#contact-form {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	padding: 10px;
}

#contactInquiries table th {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-align: center;
	outline: 2px solid white;
	padding: 10px;
}

#serviceOrders table th {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-align: center;
	outline: 2px solid white;
	padding: 10px;
}

#shirtOrders table th {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-align: center;
	outline: 2px solid white;
	padding: 10px;
}

#contactInquiries table td {
	background-color: rgba(225,225,225,0.25);
	color: #ffffff;
	text-align: center;
	outline: 2px solid white;
	padding: 10px;
}

#serviceOrders table td {
	background-color: rgba(225,225,225,0.25);
	color: #ffffff;
	text-align: center;
	outline: 2px solid white;
	padding: 10px;
}

#shirtOrders table td {
	background-color: rgba(225,225,225,0.25);
	color: #ffffff;
	text-align: center;
	outline: 2px solid white;
	padding: 10px;
}

#contactInquiries h3 {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-shadow: 2px 2px 8px #ff0000;
	text-align: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

#serviceOrders h3 {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-shadow: 2px 2px 8px #ff0000;
	text-align: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

#shirtOrders h3 {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-shadow: 2px 2px 8px #ff0000;
	text-align: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

#admndash {
	background-color: rgba(230,230,230,0.25);
}

#admnlogin label {
	background-color: rgba(230,230,230,0.25);
	color: #ffffff;
	text-shadow: 2px 2px 8px #ff0000;
	text-align: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

#admnlogin .btn {
	background-color: #ff0000;
	 border-color: #ffffff;
	color: #ffffff;
}

.tab-content > div {
    overflow-x: auto; /* Enable horizontal scrolling if content overflows */
    max-width: 100%;  /* Ensure it doesn't exceed the parent container */
}

.table {
    table-layout: auto; /* Allow the table to adjust column widths automatically */
    width: 100%; /* Ensure table fits within container */
    word-wrap: break-word; /* Prevent content from overflowing */
}

thead th {
    white-space: nowrap; /* Prevent headers from wrapping */
}

hr.designpartition {
	border: 1px dashed #ffffff;
}

.labels {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #ffffff;
}
@media (max-width: 464px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ecf0f1;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ecf0f1;
    background-color: #ff0000;
  }
}

@media (max-width: 650px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ecf0f1;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ecf0f1;
    background-color: #ff0000;
  }
}

@media (max-width: 960px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ecf0f1;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ecf0f1;
    background-color: #ff0000;
  }
}



@media (max-width: 1200px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ecf0f1;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ecf0f1;
    background-color: #ff0000;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ecf0f1;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ecf0f1;
  background-color: #ff0000;
}

body {
    background-color: black;
    background-image: url("../img/JHommageBackgroundOpacity.png");
}
#footer {
}
#feature {
}