/* Custom CSS for Panama Immigration Site */

/* Root Variables */
:root {
	--primary: #AD9625;
	--light: #F4F4F4;
	--secondary: #AC2E19;
	--success: #256022;
	--dark-bg: #0a0a0a;
}

/*Bootstrap Icons */
@font-face {
  font-family: "bootstrap-icons";
  src: url("https://ari.k3n0b1.com/wp-content/themes/nvbarebones/bs5/fonts/bootstrap-icons.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap !important;
}
/* BEGIN Inter Font */
@font-face {
  font-family: 'Inter';
  src: url('https://ari.k3n0b1.com/wp-content/themes/nvbarebones/fonts/inter/Inter-Light.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('https://ari.k3n0b1.com/wp-content/themes/nvbarebones/fonts/inter/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('https://ari.k3n0b1.com/wp-content/themes/nvbarebones/fonts/inter/Inter-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('https://ari.k3n0b1.com/wp-content/themes/nvbarebones/fonts/inter/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('https://ari.k3n0b1.com/wp-content/themes/nvbarebones/fonts/inter/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://ari.k3n0b1.com/wp-content/themes/nvbarebones/fonts/inter/Inter-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* END Inter Font */
.bg-primary {
	background-color: var(--primary) !important;
}
.bg-secondary {
	background-color: #AC2E19 !important;
}
.bg-light {
	background-color: #F4F4F4 !important;
}
.bg-light-gray {
    background: linear-gradient(270deg, #f5efe3, #fbfbfb);
}
.text-primary {
	color: var(--primary) !important;
}
.text-danger{
	color: #AC2E19 !important;
}
.text-darker-danger {
	color: #ad0000 !important;
}
.text-white {
	color: #fff !important;
}
.text-black {
	color: #000 !important;
}
.text-green {
	color: #256022 !important;
}

.btn-primary{
	background-color: var(--primary) !important;
	border-radius: 10px;
	padding: 5px 0.8rem;
	border: none;
	color: black !important;
}
.btn-primary:hover{
	background-color: #886D20 !important;
	color: rgb(255, 255, 255) !important;
}
.btn-secondary{
	background-color: #AC2E19 !important;
	border-radius: 10px;
	padding-left: 0.8rem ;
	padding-right: 0.8rem ;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
	border: none;
}
.btn-danger{
	background-color: #AC2E19 !important;
	border-radius: 10px;
	border: none;
	color: #fff !important;
	letter-spacing: 0.7px;
	font-family: 'Inter', system-ui, sans-serif;
	display: flex;
	justify-content: center;
	transition: transform 0.3s ease-in-out;
}
.btn-danger:hover {
  /* Move the button upwards by 10 pixels on hover */
  transform: translateY(-10px); 
}
.border-primary{
	border-color: var(--primary) !important;
}
.border-white{
	border-color: #fff !important;
}
.bg-gold-soft {
  background: linear-gradient(45deg,#cbbd7c 0%,#ad9625 100%);
}

.bg-dark-gradient{
	background: var(--gradient-black, linear-gradient(284deg, #2C2B2B 14.01%, #0A0A0A 92.79%));
}

/* Body and General Styles */
body {
	padding-top: 76px;
	font-family: 'Inter', system-ui, sans-serif;
	margin: 0;
	padding: 0;
	background: linear-gradient(270deg, #f5efe3, #fbfbfb);
}
footer ul li,
ol li {
  	margin-bottom: 0.75rem;
}
ul .navbar-nav{
  	margin-bottom: 0rem !important;
}
/* Navigation */
.navbar {
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.navbar-brand {
	font-size: 1.2rem;
	letter-spacing: 0.7px;
	font-family: 'Inter', system-ui, sans-serif;
}
.navbar-nav .nav-link {
	font-weight: 500;
	padding: 0.5rem 1rem !important;
	transition: color 0.3s ease;
	letter-spacing: 0.5px;
}
.navbar-nav .nav-link-btn {
	transition: color 0.3s ease;
	letter-spacing: 0.5px;
	font-family: 'Inter', system-ui, sans-serif;
	text-decoration: none;
	color: black !important;

}
.navbar-nav .nav-link-btn:hover {
	color: white !important;
}
.nav-item a {
	font-family: 'Inter', system-ui, sans-serif;
}
.nav-link:focus {
	outline: 2px solid #5e676f !important;   
	outline-offset: 2px !important;      
}
.nav-link-btn:focus {
	outline: 2px solid #5e676f !important;   
	outline-offset: 2px !important;      
}
.navbar-nav .nav-link:hover {
	color: var(--primary) !important;
}
header .nav-link:focus, .footer-section .nav-link:active {
	outline: none !important;
}
.fs-6{
	font-size: 1rem !important;
}
.fs-7{
	font-size: 0.8rem !important;
}
/* [AY 2025-12-01] Custom Headline for requierement headline*/
@media (max-width: 767px) {
}
@media (max-width: 546px) {
}

/* Footer Section */
.footer-section {
	background-color: var(--light) !important;
	color: #000;
	font-family: 'Inter', system-ui, sans-serif !important;
}

.gform-field-label{
	font-size: 14px !important;
    color: white !important;
}
.gform_wrapper{
	color: white !important;
}
.gform_wrapper .gform_footer input[type="submit"]{
    background-color: var(--primary) !important;
    display: block !important;
    margin-left: auto !important;
    color: black !important;
    transition: all 0.3s ease !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
    background-color: color-mix(in srgb, var(--primary) 80%, black) !important;
    transform: scale(1.05) !important;
}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

.gform_wrapper input[type="text"]::placeholder,
.gform_wrapper input[type="email"]::placeholder,
.gform_wrapper input[type="tel"]::placeholder,
.gform_wrapper textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* [AY 20260106]BEGIN Floating Button Styles */

.floating-wrapper {
  position: fixed;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  z-index: 1050;
}

/* Toggle button */
.floating-toggle {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background-color: #b59f3b;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Panel */
.floating-panel {
  margin-top: 12px;
  display: none;
  flex-direction: column;
  gap: 12px;
}

/* Show panel */
.floating-wrapper.open .floating-panel {
  display: flex;
}

/* Buttons */
.floating-btn {
  	height: 36px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
}

/* Language switch */
.floating-lang {
	display: flex;
	background: #000;
	border-radius: 12px;
	overflow: hidden;
}

.lang-btn {
  	padding: 6px 12px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.lang-active {
  background-color: #b59f3b;
}

/* [AY 20260106]END Floating Button Styles */


@media (min-width: 1400px) {

}
/*Media query extra-large to outside*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

}
/*Media query large to xl*/
@media (min-width: 992px) and (max-width: 1199.98px){
}
/*Media query medium to lg*/
@media (min-width: 768px ) and (max-width: 991.98px) {
}
/*Media query small to md*/
@media (min-width: 576px ) and (max-width: 767.98px) {
}
/*Media query extra small to sm*/
@media (max-width: 575.98px ){
}