/*
  Theme Name: NewBiz
  Theme URL: https://bootstrapmade.com/newbiz-bootstrap-business-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*  Greens ------
#23ba56 light green
#1fa64d md green
#2f943c md+green
#287e33 dk-green  -----*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

html, body {
  background: #FFFFFF;
  color: #333333;
  font-family: "Open Sans", sans-serif;
	margin: 0;
	padding: 0;
}

a {
  color: #1fa64d ;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #23ba56;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 10px 0;
}

h1, h2, h3, h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin: 0 0 10px 0;
  padding: 0;
	line-height: 2em;
}

h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin: 0 0 5px 0;
  padding: 0;
	line-height: 1.6em;
}  

/* -------------------------------------------
Added styles   .white, li::marker & .ul-color box  
---------------------------------------------*/
.white {
	color: #ffffff;
}

/* li::marker {
  color: green;
	list-style-type: square;
	font-weight: 700;
}  */

ul.c {
	color: #057E05;
	list-style-type: square;
	font-weight: 700;
}


ol.g {
	list-style-type: decimal;
	font-weight: 500;
	color: #333;
}

.ul-color {
  list-style-type: square;
	margin-left: 2rem;
	color: #009245;
	font-size: 14px;
	line-height: 20px;
}

#box {
	display: block;
	margin: 10px 0;
	padding: 15px 15px 5px 15px;
	border: 2px solid #3DA64B;
	border-radius: 8px;
	text-align: center;
}

.box {
	display: block;
	margin: 0;
	/* padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px; */
	padding-left: 15px;
	border: 2px solid #3DA64B;
	border-radius: 8px;
	text-align: left;
}

.radio {
	height: 14px;
	width: 14px;
	border-color: #333;
	border-radius: 3.5px;
}

.custom-width-button {
	display: inline-block;
	width: auto; /* let the text define the width */
	min-width: 190px; /* optional: keeps it from getting too tiny */
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  background: #007bff;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 100;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

/* Prelaoder */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #007bff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
  height: 80px;
  transition: all 0.5s;
  z-index: 997;
  padding: 18px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
}

#header.header-scrolled,
#header.header-pages {
  height: 60px;
  padding: 10px 0;
}

#header .logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header .logo h1 a,
#header .logo h1 a:hover {
  color: #00366f;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: -6px 0;
  max-height: 50px;
}

.main-pages {
  margin-top: 60px;
}

/*--------------------------------------------------------------
# Sort, Search Library header Section
--------------------------------------------------------------*/
#inside {
  width: 100%;
  position: relative;
  background: url("../images/intro-bg.png") center bottom no-repeat;
  background-size: cover;
  padding: 90px 0 60px 0;
}

#inside .inside-info h1 {
  color: #fff;
	text-align: center;
  margin-bottom: 0px;
  font-size: 60px;
  font-weight: 700;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.9);
}

#inside .inside h1 {
  color: #fff;
	text-align: center;
  margin-bottom: 0px;
  font-size: 60px;
  font-weight: 700;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.9);
}


/*--------------------------------------------------------------
# Courses Section added FM site 1
--------------------------------------------------------------*/

.gradient-bg {
	  background-color: #BBB7B7;
	background-image: linear-gradient( #CCCCCC, #FFFFFF, #FFFFFF);  
}

#courses {
	  background-color: #FFFFFF;
	/*  background-image: linear-gradient( #CCCCCC, #FFFFFF, #FFFFFF);  */
	padding-top: 60px;
	padding-bottom: 60px
}

/*--------------------------------------------------------------
# Courses from site 1
--------------------------------------------------------------*/
.courses .course-item {
  border-radius: 5px;
  border: 1px solid #eef0ef;
}

.courses .course-content {
  padding: 15px;
}

.courses .course-content h3 {
  font-weight: 700;
  font-size: 20px;
}

.courses .course-content h3 a {
  color: #37423b;
  transition: 0.3s;
}

.courses .course-content h3 a:hover {
  color: #009245;
}

.courses .course-content p {
  font-size: 14px;
  color: #777777;
}

.courses .course-content h4 {
  font-size: 14px;
  background: #5fcf80;
  padding: 7px 14px;
  color: #fff;
  margin: 0;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
  width: 100%;
  position: relative;
  background: url("../images/intro-bg.png") center bottom no-repeat;
  background-size: cover;
  padding: 190px 0 120px 0;
}


#intro .intro-img {
  width: 35%;
  float: right;
	margin-top: -40px;
	margin-right: 30px;
	opacity: 60%;
	filter: drop-shadow(3px 4px 7px rgba(0, 0, 0, 0.3));
}

#intro .intro-info {
  width: 50%;
  float: left;
}

#intro .intro-info h1 {
  color: #fff;
  margin-bottom: 0px;
  font-size: 60px;
	line-height: 1.3em;
  font-weight: 700;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.9);
}

#intro .intro-info h2 {
  color: #fff;
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 700;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.9);
}

#intro .intro-info h2 span {
  color: #74b5fc;
  text-decoration: underline;
}

/*  for alternate index  */

#intro-alt {
  width: 100%;
  position: relative;
  background: url("../images/intro-bg.png") center bottom no-repeat;
  background-size: cover;
  padding: 180px 0 150px 0;
	margin-top: 80px;
}
#intro-alt .intro-title {
  width: 80%;
  float: left;
}
#intro-alt .intro-title h1 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 60px;
  font-weight: 700;
	line-height: 1.3em;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.9);
}
/*  for alternate index  */

#intro .intro-info .btn-get-started,
#intro .intro-info .btn-services {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 32px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 0 20px 20px 0;
  color: #fff;
}

#intro .intro-info .btn-get-started {
  background: #007bff;
  border: 2px solid #007bff;
  color: #fff;
}

#intro .intro-info .btn-get-started:hover {
  background: none;
  border-color: #fff;
  color: #fff;
}

#intro .intro-info .btn-services {
  border: 2px solid #fff;
}

#intro .intro-info .btn-services:hover {
  background: #007bff;
  border-color: #007bff;
  color: #fff;
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */

.main-nav {
  /* Drop Down */
  /* Deep Drop Down */
}

.main-nav,
.main-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-nav > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.main-nav a {
  display: block;
  position: relative;
  color: #444444;
  padding: 10px 15px;
  transition: 0.3s;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
  color: #23ba56;
  text-decoration: none;
}

.main-nav .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.main-nav .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.main-nav .drop-down li {
  min-width: 180px;
  position: relative;
}

.main-nav .drop-down ul a {
  padding: 10px 20px;
  font-size: 13px;
  color: #004289;
}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {
  color: #007bff;
}

.main-nav .drop-down > a:after {
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 10px;
}

.main-nav .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.main-nav .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.main-nav .drop-down .drop-down > a {
  padding-right: 35px;
}

.main-nav .drop-down .drop-down > a:after {
  content: "\f105";
  position: absolute;
  right: 15px;
}

/* Mobile Navigation */

.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: rgba(19, 39, 57, 0.8);
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
  color: #74b5fc;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\f078";
  font-family: FontAwesome;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\f077";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  margin: 18px 18px 0 0;
  color: #004289;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(19, 39, 57, 0.8);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* ------------------------------
Sections Header
--------------------------------*/

.section-header h1 {
  font-size: 60px;
  color: #FFFFFF;
  text-align: center;
  font-weight: 700;
  position: relative;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.section-header h3 {
  font-size: 36px;
  color: #283d50;
  text-align: center;
  font-weight: 500;
  position: relative;
}

.section-header p {
  text-align: center;
  margin: auto;
  font-size: 15px;
  padding-bottom: 40px;
  color: #556877;
  width: 50%;
}

/* Section with background
--------------------------------*/

.section-bg {
  background: #D7D9D7;
}


/*  Greens ------
#23ba56 light green
#1fa64d md green
#2f943c md+green
#287e33 dk-green  
-----*/

/*-----------------------------------------
TABLE CSS
------------------------------------------- */

table, td, th {
	border: 1px solid black;
	border-collapse: collapse; 
  /* padding: 5px;  */
}

table {
  width: 100%;
  height: 100%;
}

.table thead th {
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	color: #241100;
}

/* To remove the divider on the last column (optional) */
.table thead th:last-child {
  border-right: none;
	border-bottom: none;
}

thead tr:nth-child(1) {
     font-size: 1em; /* Larger font for the first header row */
}

thead tr:nth-child(2) {
     font-size: 0.9em; /* Smaller font for the second header row */
}


th {
	height: auto;
	text-align: center;
	background-color: #000;
	color: #241100;
}

td {
	vertical-align: middle;
	text-align: left;
	padding-top: 4px;
  	padding-right: 10px;  
 	padding-bottom: 4px; 
	padding-left: 10px; 
}

/* tr:nth-child(even) {
	background-color: #f2f2f2; 
}  above is css table striping. can also be done by adding "table table striped" to table tag */

/* tr:hover {
	background-color: #b6e197;
}   ---this is css table highligting */


/*  Attempt to control column widths on Data Search page -----------*/

#table-2 .table th:nth-child(1),
 #table-2 .table td:nth-child(1) {
    width: 5%; /* makes first column narrower */
  }

#table-2 .table th:nth-child(2),
  table td:nth-child(2) {
    width: 8%;  /* makes 2nd column narrower */
  }
 #table-2 .table th:nth-child(3),
 #table-2 .table td:nth-child(3) {
    width: 40%;  /* makes 3rd column wider */
  }
#table-2 .table th:nth-child(4),
  #table-2 .table td:nth-child(4) {
    width: 5%;  /* makes 4th column narrower */
  }

#table-2 .table th:nth-child(5),
 #table-2 .table td:nth-child(5) {
    width: 5%;  /* makes 5th column narrower */
  }

#table-2 .table th:nth-child(6),
 #table-2 .table td:nth-child(6) {
    width: 5%;  /* makes 6th column narrower */
  }

#table-2 .table th:nth-child(7),
 #table-2 .table td:nth-child(7) {
    width: 5%;  /* makes 6th column narrower */
  }

#table-2 .table th:nth-child(8),
 #table-2 .table td:nth-child(8) {
    width: 40%;  
  }  /* makes 8th column  wider  */


/* -----------------------------------------------
Results Section (about converted)  For DATABASE PAGE
------------------------------------------------*/

#results {
  background: #FCFCFC;
  padding-top: 30px;
	padding-bottom: 30px;
	height: auto;
}

#results .results-container .background {
  margin: 10px 0;
}

#results .results-container .content {
  background: #fff;
	padding: 10px;
}

#results .results-container .title {
  color: #333;
	text-align: center;
  font-weight: 700;
  font-size: 32px;
}

#results .results-container p {
  line-height: 26px;
}

#results .results-container p:last-child {
  margin-bottom: 0;
}

#results .box {
  padding: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 5px 10px;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
}

#results .results-container .icon-box {
  background: #fff;
  background-size: cover;
  padding: 0 0 20px 0;
}

#results .results-container .icon-box .icon {
  float: left;
  background: #fff;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #A19E9E;
  transition: all 0.3s ease-in-out;
}

#results .results-container .icon-box .icon i {
  color: #287e33;
  font-size: 24px;
}

#results .results-container .icon-box:hover .icon {
  background: #BBBEBC;
}

#results .results-container .icon-box:hover .icon i {
  color: #fff;
}

#results .results-container .icon-box .title {
  margin-left: 80px;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 18px;
}

#results .results-container .icon-box .title a {
  color: #283d50;
}

#results .results-container .icon-box .description {
  margin-left: 80px;
  line-height: 24px;
  font-size: 14px;
}

#results .results-extra {
  padding-top: 60px;
}

#results .results-extra h4 {
  font-weight: 600;
  font-size: 24px;
}

#sort-results table.table thead,
#sort-results table.table thead th,
#search-results table.table thead,
#search-results table.table thead th {
	background-color: #241100 !important;
	color: #8b8673;
	border-bottom: 2px solid #8b8673; /* subtle accent line like footer text */
	text-align: center;
	vertical-align: middle;
}


/* ==============================
About Us Section
--------------------------------*/

#about {
  background: #fff;
  padding: 60px 0;
}

#about .about-container .background {
  margin: 20px 0;
}

#about .about-container .content {
  background: #fff;
}

#about .about-container .title {
  color: #333;
  font-weight: 700;
  font-size: 32px;
	padding-top: 5px;
}

#about .about-container p {
  line-height: 26px;
}

#about .about-container p:last-child {
  margin-bottom: 0;
}

#about .about-container .icon-box {
  background: #fff;
  background-size: cover;
  padding: 0 0 30px 0;
}

#about .about-container .icon-box .icon {
  float: left;
  background: #fff;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #A19E9E;
  transition: all 0.3s ease-in-out;
}

#about .about-container .icon-box .icon i {
  color: #287e33;
  font-size: 24px;
}

#about .about-container .icon-box:hover .icon {
  background: #BBBEBC;
}

#about .about-container .icon-box:hover .icon i {
  color: #fff;
}

#about .about-container .icon-box .title {
  margin-left: 80px;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 18px;
}

#about .about-container .icon-box .title a {
  color: #283d50;
}

#about .about-container .icon-box .description {
  margin-left: 80px;
  line-height: 24px;
  font-size: 14px;
}

#about .about-extra {
  padding-top: 60px;
}

#about .about-extra h4 {
  font-weight: 600;
  font-size: 24px;
}


/* -----------------------------
Contact Section
--------------------------------*/

#contact {
  background: #FCFCFC;
  padding-top: 30px;
padding-bottom: 30px;
height: auto;

}

#contact .section-header {
  padding-bottom: 30px;
}

#contact .contact-about h3 {
  font-size: 36px;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #007bff;
}

#contact .contact-about p {
  font-size: 14px;
  line-height: 24px;
  font-family: "Montserrat", sans-serif;
  color: #888;
}

#contact .social-links {
  padding-bottom: 20px;
}

/* ---- Button dk green: #0d4a15 light green: #1fa64d  ---- */

#contact .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #fff;
  color: #1fa64d;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  border: 1px solid #007bff;
}

#contact .social-links a:hover {
  background: #0d4a15;
  color: #fff;
}

#contact .info {
  color: #283d50;
}

#contact .info i {
  font-size: 32px;
  color: #007bff;
  float: left;
  line-height: 1;
}

#contact .info p {
  padding: 0 0 10px 36px;
  line-height: 28px;
  font-size: 14px;
}

#contact .form #sendmessage {
  color: #007bff;
  border: 1px solid #007bff;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact .form input,
#contact .form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

/* ---- Button dk green: #0d4a15 light green: #1fa64d  md grn: 2f943c---- */

#contact .form button[type="submit"] {
  background: #2f943c ;
  border: 0;
  border-radius: 20px;
  padding: 8px 30px;
  color: #fff;
  transition: 0.3s;
}

#contact .form button[type="submit"]:hover {
  background: #1fa64d ;
  cursor: pointer;
}

/*--------------------------------------------------------------
# Footer  orig blue: #00428a  footer-top: #004a99
--------------------------------------------------------------*/

/*  Greens ------
#23ba56 light green
#1fa64d md green
#2f943c md+green
#287e33 dk-green  
-----*/

/* -------------------- MAILCHIMP css altered-----*/

 /* From copied code from store site "Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file."" */

#mc_embed_signup {
	background: #fff; 
	false;clear:left;  /*  From copied code. Apparently the "false;" will be ignored */
	font-size: 15px; 
	color: #000;
	font-family: Open sans, sans-serif; 
	font-weight: 300;
	width: auto;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;	
}

#mc_embed_signup .button { 
	margin: auto; 
	display: block; 
	background-color: #1fa64d ;
	border-radius: 10px;
	text-align: center;
	align-content: center;
}

#mc_embed_signup .indicates-required {
	font-size: 13px;
	text-align: end;
}

#mc_embed_signup .asterisk {
	color: red;
}

/* ------------------------- */
       


#footer {
  background-color: #241100;
  padding: 0 0 1px 0;
  color: #FFFFFF;
  font-size: 16px;
	/* text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); */
}

#footer .footer-top {
	background-image: linear-gradient(#093d28, #04aa6d);
  background-color: #287e33;
  padding: 40px 0 0px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 20px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-family: Open Sans, sans-serif;
  color: #fff;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
	letter-spacing: 3px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
	padding-top: 30px;
  padding-bottom: 1px;
}

#footer .footer-top .footer-info p {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  color: #ecf5ff;
	font-weight: 500;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #555555;
  color: #fff;
  line-height: 1em;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #0067d5;
  color: #fff;
}



#footer .footer-top .footer-links {
  margin-bottom: 20px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul li {
  padding: 5px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #ecf5ff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#footer .footer-top .footer-links ul a:hover {
  color: #87F4AA;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.8);
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
	margin-left: 28px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}


/* =========== Make sure the stuff below doesn't conflict ---------- */
/* Inline Mailchimp fields */
.footer-newsletter #mc_embed_signup .mc-field-group {
	display: flex;
	align-items: center;
	gap: 8px; /* space between label and field */
	margin-bottom: 8px;
}

/* Labels */
.footer-newsletter #mc_embed_signup label {
	flex: 0 0 110px; /* fixed width for consistent label alignment */
	text-align: right;
	font-weight: 500;
	margin: 0;
}

/* Input fields */
.footer-newsletter #mc_embed_signup input[type="email"],
.footer-newsletter #mc_embed_signup input[type="text"] {
	flex: 1;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 6px 8px;
	box-sizing: border-box;
	background-color: #fff;
}

/* ---- Button dk green: #0d4a15 light green: #1fa64d  ---- */

#footer .footer-top .footer-newsletter #mc_embed_signup input[type="submit"] {
	background: #1fa64d;
	border: 0;
	width: auto; /* let the text decide the width */
	min-width: 180px; /* keep it from getting too small */
	padding: 5px 0;
	text-align: center;
	color: #fff;
	transition: 0.3s;
	cursor: pointer;
}

#footer .footer-top .footer-newsletter #mc_embed_signup input[type="submit"]:hover {
	background: #0d4a15;
}

#footer .footer-bottom {
	background-color: #241100; /* dark brown full-width strip */
	width: 100%;
}

#footer .copyright {
	text-align: center;
	padding-top: 12px;
	color: #8b8673;
}
#footer .disclaimer {
	font-size: 0.8rem;
	font-style: italic;
	font-weight: 300;
	color: #bcaa96;
	 padding-top: 8px;
	line-height: 1.5rem;
	text-transform: none;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #f1f7ff;
}

#footer .credits a {
  color: #bfddfe;
}

#footer .credits a:hover {
  color: #f1f7ff;
}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }
}

@media (max-width: 991px) {
  #header {
    height: 60px;
    padding: 10px 0;
  }

  #header .logo h1 {
    font-size: 28px;
    padding: 8px 0;
  }

  #intro {
    padding: 140px 0 60px 0;
  }

  #intro .intro-img {
    width: 80%;
    float: none;
    margin: 0 auto 25px auto;
  }

  #intro .intro-info {
    width: 80%;
    float: none;
    margin: auto;
    text-align: center;
  }
	
/*   I added  	
#intro .inside-info h1 {
  color: #fff;
	text-align: center;
  margin-bottom: 0px;
  font-size: 60px;
  font-weight: 700;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.9);
}   */
	

  #why-us .card {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

@media (max-width: 767px) {
  #intro .intro-info {
    width: 100%;
  }

  #intro .intro-info h2 {
    font-size: 36px;
    margin-bottom: 30px;
	/*  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);  */
  }

  .section-header p {
    width: 100%;
  }

  #testimonials .testimonial-item {
    text-align: center;
  }

  #testimonials .testimonial-item .testimonial-img {
    float: none;
    margin: auto;
  }

  #testimonials .testimonial-item h3,
  #testimonials .testimonial-item h4,
  #testimonials .testimonial-item p {
    margin-left: 0;
  }
}

@media (max-width: 574px) {
  #intro {
    padding: 100px 0 20px 0;
  }
}

/* ============================
   Mobile button fixes (KRT)
   ============================ */
@media (max-width: 575.98px) {

	/* General site buttons (Bootstrap-ish + custom) */
	.btn,
	.btn-primary,
	.btn-success,
	.btn-krt,
	.custom-width-button,
	button[type="submit"],
	input[type="submit"] {
		display: block;
		width: 100%;
		max-width: 260px; /* use 100% if you want edge-to-edge */
		margin: 16px auto; /* center it */

		height: auto !important; /* let the height grow with text */
		line-height: 1.3 !important;
		white-space: normal !important; /* allow wrapping */

		padding: 12px 18px;
		text-align: center;
	}

	/* Mailchimp embed specifically (any location) */
	#mc_embed_signup input[type="submit"],
	#mc_embed_signup .button {
		width: 100% !important;
		max-width: 260px !important;
	}

	/* Inline Mailchimp footer layout: stack nicely on mobile */
	.footer-newsletter #mc_embed_signup .mc-field-group {
		flex-direction: column;
		align-items: stretch;
	}

	.footer-newsletter #mc_embed_signup label {
		text-align: left;
		flex: 0 0 auto;
		margin-bottom: 4px;
	}

	/* If any button containers are flexing weirdly */
	.button-container,
	.btn-group {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* ============================
   Global Button Style (Oval)
   ============================ */
button,
.btn,
.btn-primary,
.btn-success,
.btn-krt,
input[type="submit"],
.custom-width-button,
#mc_embed_signup .button,
#mc_embed_signup input[type="submit"] {
	border-radius: 999px !important;
	padding: 6px 24px !important; /* was 12px 24px */
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 8px !important;
}
#footer .footer-top .footer-newsletter #mc_embed_signup input[type="submit"] {
	line-height: 1.2;
}


/* Fix top spacing for Mailchimp embed */
#mc_embed_signup,
#mc_embed_signup_scroll,
#mc_embed_signup .mc-field-group,
#mc_embed_signup .clear {
	margin-top: 0 !important;
	padding-top: 0 !important;
}


/* ======================================
   Responsive Page Headers (Index + Subpages)
   ====================================== */

/* Small tablets / large phones */
@media (max-width: 767.98px) {

	/* Home page header */
	#intro-alt .intro-title h1 {
		font-size: 50px;
		line-height: 1.3;
		margin-top: 0;
		margin-bottom: 10px;
	}

	/* Subpage headers */
	#inside .inside-info h1 {
		font-size: 40px;
		line-height: 1.3;
		margin-top: 0;
		margin-bottom: 10px;
	}
}

/* Extra small phones */
@media (max-width: 480px) {

	#intro-alt .intro-title h1 {
		font-size: 40px;
	}

	#inside .inside-info h1 {
		font-size: 32px;
	}
}