/* Set a predictable root font size */
html {
     font-size: 100%;
    /* = 16px in most browsers by default */
    /* or use 62.5% trick if you like thinking in pixels (10px base) */
    /* font-size: 62.5%;
     */
    /* then 1rem = 10px → 1.6rem = 16px etc. */
}

html {
  scroll-behavior: smooth;
}

 body {
     font-family: 'Open Sans', sans-serif;
     font-size: 1.1rem;
     font-weight: 400;
     color: #222;
     line-height: 1.5;
     text-align: center;
	 background:#FCFCFC;
}
 h1 {
     font-size: 2rem;
     font-weight: 400;
     line-height: 1.5;
	 margin-bottom: 3rem;
	 text-align: center;
 font-weight: bold;
}
 a {
     color: #006;
     text-decoration: underline;
      font-weight: bold;
	  transition: all .3s;
}
 a:hover, a:focus {
     color: #3b82f6;
    /* slightly lighter/darker shade */
     /*text-decoration: none;*/
}


 .pt-12px {
     padding-top: 0.75rem !important;
}
/* 12px at 16px root */
 html{
    scroll-behavior:smooth;
}
 p {
    line-height: 1.8;
     text-align:left;
}

 .wrap {
    /*border: 1px solid #EAEAEA;*/
    /*border-radius: 8px;*/
    margin: 0 auto;
    max-width: 1000px;
    /*min-width: 625px;*/
    padding: 8px;
    /*overflow: hidden;*/
    
}



/***** Top menu *****/
 .navbar {
 border-radius: 7px;
 padding:10px;
 margin-bottom: 20px;
}

.navbar[data-bs-theme="dark"] .nav-link {
color: #fff !important;
}

.navbar[data-bs-theme="dark"] .nav-link:hover,
.navbar[data-bs-theme="dark"] .nav-link:focus {
color: #fff !important;
opacity: 0.9; /* Optional: subtle hover effect */
}

.navbar[data-bs-theme="dark"] .navbar-brand {
color: #fff !important;
}


.gradient-background {
background: linear-gradient(to right, #1e40af, #3b82f6); /* Your dark blue to blue gradient */
}

/* Optional: Extra horizontal padding between nav links (Bootstrap default is ~0.5rem) */
.navbar-nav .nav-link {
padding-left: 1rem !important;
padding-right: 1rem !important;
font-size: 0.9rem;}

/* Optional: Prevent any default hover opacity change (keeps solid white) */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
color: #fff;
opacity: 1;
font-size: 0.9rem;}

 .dropdown-menu {
/*background:#1A0A04;*/
	background:#EAEAEA;
	font-size: 0.9em;
	color: #fff;
	border: 1px solid #3b82f6;
}

 .dropdown-item {
background:#3b82f6;
	font-size: 0.9em;
	color: #fff;
}

 .dropdown-item:hover {
background:#1e40af;
 color: #fff;
}

.dropdown-line {
background:#EAEAEA;
	padding: 2px;
}

 .dropdown-item-contrast {
background:#666;

}
 .dropdown-item-contrast:hover {
background:#333;

}

/* Remove the default blue focus outline and box-shadow */
.navbar-toggler:focus, .navbar-toggler:active {
outline: none !important;
box-shadow: none !important;
background-color: #3b82f6 !important;
}
 
/*home page bullet points*/

ul.custom-list {
      list-style-type: none;
      padding-left: 0;
	  margin-top:2rem;
    }
ul.custom-list li {
  position: relative;
  padding-left: 30px; /* Adjust space to make room for the bullet */
	  line-height: 1.7;
	  font-size:1.1rem; 
	  font-weight:bold;
	  margin-bottom: 1rem;
}
ul.custom-list li i {
  position: absolute;
  left: 0;
  top: 0; /* Align to the top of the list item */
  font-size: 100%; /* Adjust size of the icon */
  color: #F2C54C; /* You can change the color of the icon */
}

 .red {
color: #F00;
}
 .error {
color: #F00; 
font-size:0.9rem;
}



/*bottom menu*/
 .white {
color: #FFF;
}
 a.footer_menu, a.footer_menu:link, a.footer_menu:visited, a.footer_menu:hover, a.footer_menu:focus, a.footer_menu:active {
 color: #FFF !important;
 text-decoration: none;
 transition: all 0.3s;font-size: 0.9rem; 
}

.text-normal {
font-size: 1rem; font-weight:normal;
}
 .text-small {
font-size: 0.85rem; font-weight:normal;
}
 .text-vsmall {
font-size: 0.75rem; font-weight:normal;
}
 .text-tiny {
font-size: 0.6rem; font-weight:normal;
}
 
.reviewtxt{font-family:Arial,Helvetica,sans-serif;color:#333;font-size:1rem;}
.reviewtxt2{font-family:Arial,Helvetica,sans-serif;color:#006;font-size:1rem;}


::selection {
 background: #9b59b6;
 color: #fff;
 text-shadow: none;
}

 .btn-form {
 padding: 0.15rem 0.45rem !important;
 border-color: #1e40af !important;
 color: #1e40af !important;
 font-size: 1rem !important;
 line-height: 1.5;
}
/* form-button hover */
 .btn-form:hover {
 background-color: #1e40af !important;
 border-color: #1e40af !important;
 color: #fff !important;
}

 input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="textarea"]:focus, textarea:focus, select:focus {
 box-shadow: 0 0 0 0.05rem rgba(62, 28, 15, 1);
 outline: none;
}
/*if different colour required for comment-form*/
/* form#comment-form input:focus, form#comment-form textarea:focus, form#comment-form select:focus {
 box-shadow: 0 0 0 0.05rem rgba(124, 74, 51, 1);
 outline: none;
}
 */
/***** General style, all sections *****/

/***** Footer *****/
 footer {
 padding: 15px 0 15px 0;
 background: #1e40af;
 color: #FFF;
 text-align: center;
 border-radius: 8px;
 margin: 0 auto;
 margin-bottom: 5px;
 margin-top: 50px;
	 
}
/***** Divider *****/
 .divider span {
 display: inline-block;
 width: 50%;
 border-bottom: 1px dashed #333;
}
 .hr-dashed {
 border-top: 2px dashed #555;
/* thickness + dark grey + dashed */
 border-bottom: none;
 border-left: none;
 border-right: none;
}



/* Remove the default blue color and underline */
.custom-toggle-link {
color: #1e40af  
text-decoration: none;  /* Remove underline */
}

/* Change the link color when hovered */
.custom-toggle-link:hover {
color: #7C4A33; 
text-decoration: underline;  /* Optional: underline on hover */
}

.btn-toggle {
background-color: #1e40af;
color: white; /* White text */
padding:2px 6px; /* Padding inside button */
border: none; /* Remove border */
border-radius: 5px; /* Rounded corners */
font-size: 0.7rem; 
cursor: pointer; /* Pointer cursor on hover */
transition: all 0.3s ease; /* Smooth transition for hover effects */
}

/* Button hover effect */
.btn-toggle:hover {
background-color: #7C4A33; 
transform: scale(1.05); /* Slightly increase button size on hover */
}

/* Button focus effect (when clicked/focused) */
.btn-toggle:focus {
outline: none; /* Remove outline when clicked */
/*box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);*/ /* Add shadow for better visibility */
}


/*break at words, not inside words*/
.text-wrap {
 white-space: normal;  /* allow wrapping */
overflow-wrap: normal;/* only wrap at allowed break points */
word-break: normal;   /* don’t break inside words */
}
/*
i[data-bs-toggle="modal"]:hover {
  color: #1e40af !important; // New color on hover
}

i.custom-class[data-bs-toggle="modal"]:hover {
  color: #FFF !important; // New color on hover 
}
*/