/*! HTML5 Boilerplate v9.0.0-RC1 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   EmCommerce55 styles
   ========================================================================== */

body {
  background-color: rgb(255, 255, 255) !important;
  font-family: Open Sans !important;
  color: rgb(69, 69, 69) !important;
  line-height: 1.5em !important;
}

body a {
  color: rgb(17, 95, 49);
  text-decoration: none;
}

body a:hover {
  color: rgb(100, 127, 53);
  text-decoration: none;
}


a:hover {
  text-decoration: underline;
}

#row1{
  background-color: rgb(63 61 61);
  font-weight: 600;
  color: #fff !important;
}
#row1 a{
  font-weight: 500;
  color: #fff !important;
}

#row1 a:hover{
  color: #e7e6e6 !important;
}

#row2{
  background-color: #e5e5e4;
  /* background-position: 50% 100%; */
  /* background-repeat: no-repeat; */
  border-bottom: 1px solid rgb(63 61 61);

}

#logo {
  width: 120px;
  height: auto; /* Maintains aspect ratio */
}

.bolt-navbar{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.nav-item a {
  color: rgb(68 68 68) !important;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.125rem;
}

div > ul li.active > a {
  color: rgb(123, 159, 59);

}

.nav-link.active {
  color: rgb(111, 142, 55) !important;
}

.dropdown-item:hover, .nav-link:hover {
  color: rgb(11, 11, 11) !important; /* Change to desired hover color */
  text-decoration: none !important; /* Removes the underline */
}

#menu-pad{
  margin-left: 6rem;
  font-family: Oswald;
  font-weight: 500;
  color: rgb(123, 159, 59);
  line-height: 1.2em;
}


.centered-image {
  width: 100%;
  max-height: 500px;
  object-fit: cover; /* Cover the container, could also be contain, fill, etc. */
  object-position: center; /* Center the image */
}

.carousel-control-next-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z'/%3e%3c/svg%3e")  !important;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z'/%3e%3c/svg%3e")  !important;
}

.carousel-control-next-icon1 {

  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"rgb(104 133 54)\" class=\"bi bi-arrow-right-circle-fill\" viewBox=\"0 0 16 16\"><path d=\"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z\"/></svg>")  !important;
}

.carousel-control-prev-icon1 {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"rgb(104 133 54)\" class=\"bi bi-arrow-left-circle-fill\" viewBox=\"0 0 16 16\"> <path d=\"M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z\"/> </svg>")  !important;
}
#row4 {
  background-color: rgb(2 105 44);
  padding-top: 30px;
  padding-bottom: 25px;
}

#headline {
  font-family: Oswald;
  font-weight: 500;
  color: #ffffff;
  font-size: 31px !important;
  line-height: 1.2em !important;
  margin-bottom: 20px !important;
}

#headline h1 {
  font: inherit;
  margin: 0;
}

#wellcome {
  font-weight: bold;
  color: #f1f1f1;
  font-size: 18px !important;
}

#bodytext {
  line-height: 1.6em;
  margin-bottom: 5px;
  font-size: 1rem;
  color: #f1f1f1;
}

#row5 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

#row5 h2 {
  font-family: Oswald !important;
  font-weight: 600 !important;
  font-size: 1.4rem;
}

.carousel-indicators1 [data-bs-target]{
  background-color: rgb(104 133 54) !important;
  border-bottom: 0px solid transparent !important;
  height: 5px !important;
}

.watermark {
  width: 300px;
  height: 50px;
  display: block;
  position: relative;
}

.watermark::after {
  content: "";
  background:url(https://www.geocvet.com/img/logo.png);
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

.watermarked-div {
  position: relative; /* Required for positioning if not already set */
  width: 100%; /* Set to your required width */
  height: auto; /* Set to your required height, or 'auto' if flexible */
}

.watermarked-div::after {
  content: "";
  position: absolute;
  bottom: 0; /* Aligns the watermark at the bottom */
  right: 50px; /* Aligns the watermark to the left */
  width: 200px; /* Width of the watermark */
  height: 200px; /* Height of the watermark */
  background-image: url('/icon.svg'); /* Path to your logo */
  background-repeat: no-repeat; /* Prevents the logo from repeating */
  background-position: right bottom; /* Positions the logo */
  background-size: contain; /* Adjust the background size as needed */
  filter: grayscale(70%); /* Converts the logo to black and white */
  opacity: 0.1; /* Adjust the opacity to make the watermark more faded */
  pointer-events: none; /* Ensures clicks go through the pseudo-element */
}

#row6 {
  background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),  url(../pictures/footer.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: fixed;
  padding-top: 130px;
  padding-bottom: 130px;
}

#row7{
  background-color: #e5e5e4;
  border-bottom: 1px solid rgb(123, 159, 59);
}

#row7 h4 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.2em;
  margin-bottom: 15px;
}

.bodytext1 {
  line-height: 1.6em;
  margin-bottom: 5px;
  font-size: 16px;
}

.footertext {
  font-size: 0.875rem;
  line-height: 1.6em;
  margin-bottom: 0px;
}


#row8{
  padding-top: 5px;
  font-size: 14px;
  background-color:  rgb(63 61 61);
  color:#ffffff;
}

#row8 img {
  width: 25px;
  height: auto;
}

#row8 a {
  color: #6b873a;
  text-decoration: none;
}

#row8 a:hover {
  color: #526531;
}


#toTheTop {
  display: none;
  position: fixed;
  bottom: 65px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  color: #ffffff;
  cursor: pointer;
  padding: 3px 3px;
}

#map {
  height: 150px; /* The height is 150 pixels */
  width: 100%; /* The width is the width of the web page */
  border: 1px solid #cccccc;
}

#headline1{
  font-family: Oswald;
  font-weight: 600;
  color: #ffffff;
  font-size: 36px !important;
  line-height: 1.2em !important;
  margin-bottom: 30px !important;
}

#headline2{
  font-weight: bold;
  color: #f1f1f1;
  font-size: 29px !important;
  line-height: 1.4em !important;
}
.tolerantit {
  color: #aaa7a7;
}

.btn-brand {
  background-color: rgb(2 105 44);
  color: #ffffff;
  border: none;
}

.btn-brand:hover,
.btn-brand:focus {
  background-color: rgb(1 80 34);
  color: #ffffff;
}