/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;

}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 82em;
}



/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgb(253, 242, 242);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

.my-1
{
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}
.menubtn {
   background-color: #6946ca;
     
}

.bd-mode-toggle .bi
 {
    width: 1em;
    height: 1em;
}

.bd-placeholder-img{
  font-size:1.125rem;
  text-anchor:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

nav{
  padding-bottom:1rem;
  padding-top:1rem;
}

/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}

@media (min-width: 42em) {


  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
.my-1
{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.menubtn {
   background-color: #6946ca;
     
}

}



@media (min-width: 768px)
{
  .bd-placeholder-img-lg
  {
    font-size:3.5rem
  }
}

.my-1
{
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.b-example-divider{
  width:100%;
  height:3rem;
  background-color:#ffffff;
  border:solid rgba(0,0,0,.15);
  border-width:1px 0;
  box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026
}

.b-example-vr{
  flex-shrink:0;
  width:1.5rem;
  height:1vh
}

.bi{
  vertical-align:-.125em;
  fill:currentColor
}
.nav-scroller{
  position:relative;
  z-index:2;
  height:2.75rem;
  overflow-y:hidden
}
.nav-scroller .nav{
  display:flex;
  flex-wrap:nowrap;
  padding-bottom:1rem;
  margin-top:-1px;
  overflow-x:auto;
  text-align:center;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch
}

.btn-bd-primary
{
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8
}
-->
.bd-mode-toggle{
  z-index:1500
}
.bd-mode-toggle .bi{
  width:1em;
  height:1em
}
.bd-mode-toggle .dropdown-menu .active .bi{
  display:block!important
}

.Adoration{
  padding:1rem;
}
h1 {   font-size: clamp(1.5rem, 10vw, 2.5rem); }

.theform{
   padding:1.25rem;
   border-color: #333;
   border-radius: 1rem;
   border-style: solid;
   border-width: .2rem;
}
.sitename{
  padding:1rem;
}