/* GLOBAL STYLES
-------------------------------------------------- */

/*
dk blue 		#0066f1
black			#002210
yellow			#d6b82f

Font	
.alegreya-<uniquifier> {
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*//* Padding below the footer and lighter body text */

body {
  color: rgb(var(--bs-tertiary-color-rgb));
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#020202;
}
h2 {
	color: #1a6ff6;
}
/* NAV */
.navbar {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:groove;
	}
navbar-brand {
	padding-bottom:0;
	margin-bottom:0;
}
/*.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
*/.custom-toggler .navbar-toggler {
	border-color: rgb(248,158,6);
	background-color: rgb(248,158,6);
	color:#f89e06; 
}

.link-custom {
   color: #1a6ff6;
   font-weight:bold;
   text-decoration:none;
   font-size:1.1rem;
}
.link-custom-foot {
   color: #ffffea;
   font-weight:bold;
   text-decoration:none;
   font-size:1.2rem;
}


.link-custom:focus, .link-custom:active, .link-custom.active, .open>.dropdown-toggle.link-custom {
    color: #fff;
    background-color: #ccc029;
    border-color: #285e8e; /*set the color you want here*/
}
.link-custom:hover {
    color: #fff;
    background-color: #ccc029;
    border-color: #285e8e; /*set the color you want here*/
  --c: no-repeat linear-gradient(#f19e14 0 0);
  background: 
    var(--c) calc(-100% + var(--i, 0) * 100%) 100% / 50% calc(100% * var(--i, 0) + .08em),
    var(--c) calc( 200% - var(--i, 0) * 100%) 0 / 50% calc(100% * var(--i, 0) + .08em);
  transition: .3s calc(var(--i, 0) * .3s), background-position .3s calc(.3s - var(--i, 0) * .3s);
}
.link-custom:hover {
  --i: 1;
}
/* Other links
-------------------------------------------------- */
.link-int {
   color: #0066f1;
   font-weight:normal;
   text-decoration:underline;
}
.link-customWDW {
   color: #032854;
   text-decoration:none;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
.carousel-inner {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  text-shadow: 2px 2px 8px #032854;
}
/* Declare heights because of positioning of img element */
.carousel-item {
/*  height: 32rem;
*/}
.span-blue {
	color:#0033FF;
	color:#0A58CA;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 4rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
 rtl:begin:remove 
.featurette-heading {
  letter-spacing: -.05rem;
  margin-bottom: 1rem;
}

 rtl:end:remove 

ul {
  font-size: 1.2rem; /* Or use pixels, e.g., 18px */
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
}	
li {
      font-size: 1.2rem; 
	  font-weight:lighter;
    }
table {
      font-size: 1.2rem; 
	  font-weight:lighter;
}
 /* Custom Divider */
.divider {
  font-size: 10px;
  display: flex;
  align-items: center;
}

.divider::before {
  flex: 1;
  content: '';
  padding: 1px;
  background-color: #0066f1;
  margin: 10px;
}
.divider::after {
  flex: 1;
  content: '';
  padding: 1px;
  background-color: #d6b82f;
  margin: 10px;
}

/*image-gallery*/
.gallery-item {
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.03);
}

.gallery-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.gallery-title {
    background: linear-gradient(45deg, #ff6b6b, #ff8e53);
    padding: 40px 0;
    margin-bottom: 40px;
    color: white;
    border-radius: 0 0 50px 50px;
}
/*-------------------------------------------------- */
.footer-custom {
	background:#d79406;
}
footer-link {

}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 39.9em) {
	.carousel { 
	  top: 8rem;
	  margin-bottom: 11rem;
	   	 }
	.carousel-caption {
	  bottom: 0.5rem;
	}
	.carousel-caption h1 {
		font-size:1.3rem;
	}
}
@media (min-width: 40em) {
	.carousel { 
	  top: 9rem;
	  margin-bottom: 11rem;
	   	 }
	.carousel-caption {
	  bottom: 1.6rem;
	}
	.carousel-caption h1 {
		font-size:1.3rem;
	}
	.carousel-caption p {
		font-size: 1.25rem;
	}
  .featurette-heading {
    font-size: 40px;
  }
}
@media (min-width: 48em) {

	.carousel-caption {
	  bottom: 2rem;
	}
	.carousel-caption h1 {
		font-size:3rem;
	}
	.carousel-caption p {
		font-size: 1.5rem;
	}
}
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 0rem;
  }
}
    }