/* GLOBAL STYLES Avalon Manor Motels
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 8rem;
  padding-bottom: 0rem;
  color: rgb(var(--bs-tertiary-color-rgb));
  font-family:Raleway, Arial, Helvetica, sans-serif
}
/* Title fonts */
h1, h2, h3, h4 {
  font-family:Raleway, Arial, Helvetica, sans-serif
  font-weight: 400;
  color:#0b2a8d;
}
.customH1 {
	color:#FFFFFF;!important
}


/* Nav Dropdown */
  
.dropdown-item {
	padding-top:1rem;
	padding-bottom:.1rem;
}

.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; 
}

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

/* Carousel base class */
.carousel {
  margin-bottom: 3rem;
}
.carousel .carousel-item img {
/*	preserveAspectRatio:"xMidYMid slice";
	aspect-ratio: preserveAspectRatio:"xMidYMid meet";
	border:2px solid red;
*/	width:100%;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  text-shadow: 1px 1px 2px black, 0 0 20px #90c53d, 0 0 5px #648e22;
	border:	thin;
    -webkit-text-stroke: 0.5px #fff;
/*	preserveAspectRatio="xMidYMid slice";
	width:100%;
*/}
.carousel-caption h1 {
	color:#fff;!important
}
.carousel-caption p {
  text-shadow: 1px 1px 2px black, 0 0 15px #90c53d, 0 0 5px #648e22;
  font-size:rem;
	color: #fff;
	border:	thin;
    -webkit-text-stroke: 0.5px #fff;
}
/* Declare heights because of positioning of img element */
.carousel-item {
/*  height: 45rem;
*/  height: auto;
}
.link-custom {
   color: #051653;
   font-weight:bold;
}
.link-custom:focus, .link-custom:active, .link-custom.active, .open>.dropdown-toggle.link-custom {
    color: #73b4f1;!important
    background-color: #0c298d;
    border-color: #0c298d; /*set the color you want here*/
}
.link-custom:hover {
    border-color: #f7b412; /*set the color you want here*/
	 background: 
    linear-gradient(#f7b412 0 0) no-repeat
    calc(200% - var(--i, 0) * 100%) 100% / 200% calc(100% * var(--i, 0) + .08em);
  transition: .3s calc(var(--i, 0) * .3s), background-position .3s calc(.3s - calc(var(--i, 0) * .3s));
}
.link-custom:hover {
  --i: 1;
}
/*.link-custom.active {
    color: #143bb9;!important
}
.link-custom:visited {
    color: #fff;!important
}*/

/* Card 
-------------------------------------------------- */
.h2Card {
	font-size:1.3em;
	font-weight:bold;
}

.searchBtn {
	display:inline;!important
	border:1px solid red; 
	border-radius: 4px;
	cursor: pointer;
	padding: 6px 10px;
	line-height: 22px;
	width: auto;
	font-family: Inter !important;
	background-color: #002466 !important;
	color: #fff !important;
	-webkit-appearance: button;
	text-transform: none;
	margin: 0;
	font-size: inherit;
	box-sizing: border-box;
	text-decoration:none;	
}

/*Activities*/

.summary {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  margin-bottom: 30px;
}
.summary .desc, .summary .summary-img {
  width: 50%;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .summary .desc, .summary .summary-img {
    width: 100%;
  }
}
.summary .summary-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .summary .summary-img {
    height: 270px;
  }
}
.summary .desc {
  padding: 1.7em;
  background: #fafafa;
}
.summary .desc h3 {
  font-size: 18px;
  font-weight: 400;
}
.summary .desc h3 a {
  color: #000;
}
.summary .desc .date {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
}

.summary:hover .summary-img {
  -webkit-box-shadow: inset -70px 0px 77px 11px rgba(0, 0, 0, 0.74);
  -moz-box-shadow: inset -70px 0px 77px 11px rgba(0, 0, 0, 0.74);
  box-shadow: inset -70px 0px 77px 11px rgba(0, 0, 0, 0.74);
}


/* ACCORDION
-------------------------------------------------- */
.accordion-button:not(.collapsed){
	background-color:#90c53d;
	color:#333333;
	}
.accordion-button {
	background-color:#90c53d;
}
.accordion-button:focus{
	border-color:#3a4f18;outline:0;
	box-shadow:0 0 0 .25rem rgba(58,79,24,.25);
}

/* Icon Grid
------------------------- */
 .bi {
        vertical-align: -.125em;
		margin: 0 8px 0 0;
        fill: currentColor;
		font-size: 1.8rem;
      }
	  
/*.bi-person-wheelchair  {
  color: red;
  font-size: 2rem;
}
*/
/* Featurettes
------------------------- */

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

.featurette-heading {
  letter-spacing: -.05rem;
}

/* Footer */

.nav-link {
   color: #051653;
}
.nav-link a:active {
   color: #fff;
}
.navbar {
/*  border-bottom:2px dotted #FFCC00;
*/}
.navbar .navbar-nav > li.nav-item > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;!important
}
.nav-link .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;!important
}
.nav-link:visited  {
  color: #fff;!important
}
.animate__animated.animate__swing {
  --animate-duration: 6s;
}
/*.nav-link {
	animation: swimg;  referring directly to the animation's @keyframe declaration */
	animation-duration: 7s; /* don't forget to set a duration! 
}*/
/* RESPONSIVE CSS 
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  body {
  padding-top: 3rem;
}

  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}
@media (min-width: 48em) {
  /* Bump up size of carousel content */
  body {
  padding-top: 1rem;
	}
}
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

 @media (min-width:992px) {
        .fixed-top-lg {
            position:fixed;
            top:0;
            right:0;
            left:0;
            z-index:1030;
        }
    }

@media (max-width: 39.9em) {
body {
  padding-top: 0.5rem;
}


.carousel .carousel-item img {
	margin-top: 20px;
}

.carousel-caption h1 {
	font-size:1.1rem;
}
  .carousel-caption {
  bottom: 0.8rem;
  z-index: 10;
}

  .carousel-caption p {
/*    margin-bottom: 1.25rem;
*/    margin-bottom: 0.05rem;
    font-size: 1.2rem;
    line-height: 1;
  }
}  
.summary .desc .btn-summary {
  border: 2px solid rgba(0, 0, 0, 0.8) !important;
  background: transparent;
  color: rgba(0, 0, 0, 0.8) !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 11px 15px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.summary .desc .btn-summary:hover {
  background: rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
}  
 a.btn-summary {
	font-size:16px;
	margin-bottom:2px; 
	padding:5.5px;  
	color:#fff;
}

.searchBtn {
	display:inline !important;
	border-radius: 4px;
	cursor: pointer;
	padding: 6px 10px;
	line-height: 22px;
	width: auto;
	font-family: Inter !important;
	background-color: #002466 !important;
	color: #fff !important;
	-webkit-appearance: button;
	text-transform: none;
	margin: 0;
	font-size: inherit;
	box-sizing: border-box;
	text-decoration:none;	
}
 a.searchBtn {
	color:#fff;
} 
div.dMore {
  margin: 0 0 3px 1%;
  width: 92px;
  display: inline-block;
  background-color: #002466;
  border-radius: 3px;
  padding: 6px 7px;
  cursor: pointer;
  font-size: 1.0em;
}  
div.dMore a{
	color: #fff;
	text-decoration: none;
}