:root {
	--gray_dark:#272727;
	--border_light:#f5d5ce;
	--border_dark:#565151;
	--orange:#d63813;
	--orange_dark:#a7280e;
	--bg_light:#f9efec;
	--bg_back:#00000075;
	--bg_dark:#000000de;
}

body{
	font-family: "Faculty Glyphic", sans-serif;
}

ul{
	list-style:none;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}


a{
	color: var(--bs-black);
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color: var(--orange);
}
a:focus{
	text-decoration:none;
	color: var(--orange);
}

.link:hover{
	color: var(--orange)!important;
}
.link:focus{
	color: var(--orange)!important;
}


.col_orange{
	color: var(--orange)!important;
}
.bg_orange{
	background: var(--orange)!important;
}
.bg_orange_dark{
	background: var(--orange_dark)!important;
}
.bg_light{
	background: var(--bg_light)!important;
}
.bg_back {
    background: var(--bg_back)!important;
}
.bg_dark {
    background: var(--bg_dark)!important;
}
.border_light{
	border:1px solid  var(--border_light);
}
.border_dark{
	border:1px solid  var(--border_dark);
}


.font_14{
	font-size:14px; 
}
.font_15{
	font-size:15px; 
}
.font_12{
	font-size:12px; 
}
.font_11{
	font-size:11px; 
}

.font_10{
	font-size:10px; 
}
.font_9{
	font-size:9px; 
}
.font_13{
	font-size:13px; 
}
.font_60{
	font-size:60px; 
}

.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.pt-3{padding-top:1rem!important}
.pb-3{padding-bottom:1rem!important}

.text-uppercase{text-transform:uppercase!important}
.fs-1{font-size:calc(1.375rem + 1.5vw)!important}
.fs-2{font-size:calc(1.325rem + .9vw)!important}
.fs-3{font-size:calc(1.3rem + .6vw)!important}
.fs-4{font-size:calc(1.275rem + .3vw)!important}
.fs-5{font-size:1.25rem!important}
.fs-6{font-size:1rem!important}
.lh-1{line-height:1!important}
.d-inline-block{display:inline-block!important}

.input-with-button {
  position: relative; /* Essential for positioning the button relative to this container */
  width: 300px; /* Example width */
  border: 1px solid #ccc; /* Style the container as the input border */
  border-radius: 5px;
  display: flex; /* Use flexbox for easy alignment */
  align-items: center;
}

.input-with-button input {
  flex-grow: 1; /* Allow input to take available space */
  border: none; /* Remove default input border */
  padding: 10px;
  outline: none; /* Remove outline on focus */
}

.input-with-button button {
  position: absolute; /* Position the button relative to the parent container */
  right: 5px; /* Adjust as needed for spacing from the right edge */
  background-color: #007bff; /* Example button style */
  color: white;
  border: none;
  border-radius: 3px;
  padding: 8px 12px;
  cursor: pointer;
}

/* Adjust padding on the input to prevent text overlap with the button */
.input-with-button input {
  padding-right: 60px; /* Adjust based on button width and desired spacing */
}

.transparent-box {
  background-color: #fff0;
  position: absolute;
  top: 50px;
  left: 50px;
  width: 100px;
  height: 80px;
}
