@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


--bs-btn-active-border-color:#9D9D9C;
--bs-nav-pills-link-active-bg:#000
--bs-nav-pills-link-active-bg
--bs-table-striped-bg:ff00ff;

}



body { font-display: swap; font-family: "Josefin Sans", sans-serif; margin-bottom:0px; font-size:22px; font-weight:300; padding-bottom:0px;  background-color:#F6F6F6; color:#575756}
.nav-link { color:#333333!important;}
.h100, .carousel-item-100{ height:auto; min-height:calc(100vh)!important}
.h90, .carousel-item-90{  height:auto; min-height:calc(90vh)!important}
.h80, .carousel-item-80{  height:auto; min-height:calc(80vh)!important}
.h70, .carousel-item-70{  height:auto; min-height:calc(70vh)!important}
.h60, .carousel-item-60{  height:auto; min-height:calc(60vh)!important}
.h50, .carousel-item-50{  height:auto; min-height:calc(50vh)!important}
.container {  max-width: 1600px !important; }

.h-auto {height: auto!important;}
.h-a {height: auto;}
.h40, .carousel-item-40{  height:auto; min-height:calc(40vh)!important}
.h30, .carousel-item-30{  height:auto; min-height:calc(30vh)!important}
.h20, .carousel-item-20{  height:auto; min-height:calc(20vh)!important}
.h10, .carousel-item-10{  height:auto; min-height:calc(10vh)!important}
.ch-auto {    height: 100% !important;}

.h-90 {height:90vh!important}
.h-80 {height:80vh!important}
.h-70 {height:70vh!important}
.h-60 {height:60vh!important}
.h-50 {height:50vh!important}
.h-40 {height:40vh!important}
.h-30 {height:30vh!important}
.h-20 {height:20vh!important}
.h-10 {height:10vh!important}




a { text-decoration:none; color:#575756}
a:hover { text-decoration:underline; color:#575756}
.relative { position:relative;}
.Playfair {font-family: "Playfair Display", serif;}
.Josefin {font-family: "Josefin Sans", sans-serif;}
.smaller-text {font-size:smaller;}
.medium-text{font-size:medium;}
.text-white a{ color:#FFF!important}
.text-white:hover{ text-decoration:none!important;}
.text-small, .small-text{font-size: small;}
.text-xlarge {font-size: clamp(0.9rem, -1.0rem + 4.8vw, 1.8rem);}
.text-xlarge-uc {font-size: x-large;text-transform: uppercase;}
.text-xxlarge-b {font-size: xx-large; font-weight: bold;}
.text-xxlarge-b-uc {font-size: xx-large; font-weight: bold; text-transform: uppercase;}

.nav {
    
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: #000!important;
    text-decoration: none;
    background: 0 0;
    border: 1!important;
    transition: color .15s 
ease-in-out, background-color .15s 
ease-in-out, border-color .15s 
ease-in-out;
text-transform:uppercase;
}
.nav-item { text-transform:uppercase;}
a:hover { text-decoration:none;}
h1 {font-family: "Playfair Display", serif; font-size: clamp(2rem, -1.5rem + 6vw, 3rem); font-weight:600;margin-bottom: 50px;}
h2 {font-family: "Playfair Display", serif; font-size: clamp(1rem, -1.0rem + 5vw, 2rem); margin:20px 0px 20px 0px;}
h3,h4,h5 {font-family: "Playfair Display", serif;  margin-bottom: 30px;}
li {list-style: none;}
.td-none { text-decoration:none!important}
.btn1 { height:38px;}
.logo { max-height:120px;}
.bx-pl  {  color: #F4AABD; font-size:24px}
.bx-bl  {  color:#333333; font-size:24px}
.bx-l_i  {  color:#33CC33; font-size:24px}
.bx-l_p  {  color:#FF9900; font-size:24px}
.bx-l_c  {  color:#CC0000; font-size:24px}
.bx { line-height:1!important;   vertical-align: middle;}
.p-5 {    padding: 4rem !important;}
#display-text img {    width: 100% !important;    height: auto !important;}
.img {    width: 100% !important;    height: auto !important;}
.white-container { background-color:#FFFFFF;  }
.icon-head { font-size:16px; font-family: "Playfair Display", serif; margin-bottom:10px;}
.gold {color:#C7AC79;}
.dark-pink {  color: #EE799F;}
.pink {  color: #F4AABD;}
.bg-white { background-color:#FFFFFF;}
.bg-gold { background-color:#C7AC79; color:#FFFFFF;}
.mid-grey {color:#9D9D9C;}
.bg-lg {background-color:#F6F6F6;}
.bg-grey { background-color:#ccc;}
.bg-mid-grey { background-color:#9D9D9C; color:#FFFFFF;}
.dark-pink {color:#EE79A0;}
.bg-pink { background-color:#F4AABD; color:#FFFFFF;}
.bg-dark-pink { background-color:#EE79A0;}
.bg-lb {background-color:#DAE4EA}
.p-50 { padding:50px}
.light-pink {color:#F4AABD;}
.bg-light-pink, .accordion-header{ background-color:#F4AABD;}
.bg-white { background-color:#FFFFFF;}

.rounded-top {border-top-left-radius: 30px!important;  border-top-right-radius: 30px!important; overflow:hidden; }
.rounded-bottom {border-bottom-left-radius: 20px!important;border-bottom-right-radius: 20px!important;}
.card {border:none!important; --bs-card-bg: none; color:#575756!important}
.card-title  { color:#FFFFFF; font-family: "Josefin Sans", sans-serif; font-size: small;}
.card-title a {    text-decoration: none!important; color:#333!important}
a.card {text-decoration: none!important; }
.rc{border-radius: 40px; }

button {    font-family: "Montserrat", sans-serif; font-weight: 500 !important; font-size: clamp(13px, 2vw, 16px);line-height: 1.2; padding: 8px 16px; }
.btn { text-transform:uppercase;    }
.btn-grey {   color:#FFFFFF; background-color:#fff;  border:#9D9D9C solid 1px; }
.btn-gold {   color:#FFFFFF; background-color:#fff;  border:#C7AC79 solid 1px; }
.btn-pink {   color:#FFFFFF; background-color:#F4AABD;  border:#F4AABD solid 1px;  }
.btn-pink:hover {   color:#000; background-color:#fff;  border:#F4AABD solid 1px;  }

.btn-pinknb {   color:#FFFFFF; background-color:#F4AABD;  border:#F4AABD solid 1px;  }
.btn-pinknb:hover {   color:#000; background-color:#ccc;    }

.btn-black {  color:#FFFFFF; background-color:#fff;  border:#000000 solid 1px; }




@media (max-width: 576px) {  .btn {    font-size: 0.9rem; }}


.clear { height:100px; clear:both; background-color:#C7AC79;}

.form-control:focus, .form-control-lg:focus {
 border: 1px solid #ccc;
  outline: none !important;
  box-shadow: none !important;
}
:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.form-control:focus, .form-control-lg:focus {
 border: 1px solid #ccc;
  outline: none !important;
  box-shadow: none !important;
}