:root {

    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text: #0a58ca;
    --bs-secondary-text: #6c757d;
    --bs-success-text: #146c43;
    --bs-info-text: #087990;
    --bs-warning-text: #997404;
    --bs-danger-text: #b02a37;
    --bs-light-text: #6c757d;
    --bs-dark-text: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #f8f9fa;
    --bs-success-bg-subtle: #d1e7dd;

    --bs-card-color: #3072AB;    
}

.offcanvas-start {
    min-width: 55% !important;
    max-width: 90%;
    margin-top: 0px;
}

.hideThisEvent {
  display: none;
}


.offcanvas-end {
  width: 55% !important;
  min-width: 450px;
  margin-top: 0px;
}

.offcanvas-top {
  height: 55% !important;
  min-height: 450px;
}

.offcanvas-bottom {
  height: 55% !important;
  min-height: 450px;
}

/*
.card-header {
    background-color:  #3072AC;
    border-color: #3072AC;
    color: #FFF;
}
*/
.card-min-height {
    min-height: 300px;
}

.card:hover {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 2px rgba(38, 90, 136, 0.50);
}


.accordion-button {
    font-weight: 700;

}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: #265a88; /*#3072AC;*/
}

.accordion-button.collapsed {
    color: white;
    background-color: grey;
}

.accordion-button:not(.collapsed)::after, .accordion-button.collapsed::after {
    filter: brightness(0%) invert(100%);
}

.accordion-button:focus {
    box-shadow: inherit;
}

.section-divider {
    border-bottom: 1px dotted #DEE2E6;
    margin-bottom: 14px;
    margin-top: 14px;
    width: 40%;
}

.divider-thick-thin {
		border-bottom: 1px solid #FFF;
		background-color: #DEE2E6;
		height: 2px;
		margin: 1.5em 0px 1.5em;
}

.divider-thick-thin span {
		display: block;
		width: 250px;
		height: 1px;
		background-color: #F60;
}

hr {
  border: 0;
  clear: both;
  display: block;
  margin: 2.4rem auto;
  text-align: center;
  width: 100%;
}

.progress-divider {
  background: rgba(1, 15, 30, 0.1);
  height: 1px;
  overflow: hidden;
  position: relative;
}

.progress-divider::before {
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-name: progress-divider;
  background: #111;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 80px;
}

@keyframes progress-divider {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(1440px);
  }
}

.lock:hover .icon-lock,
.lock .icon-unlock {
    display: none;
}
.lock:hover .icon-unlock {
    display: inline;
}

.fab-Contact {
  opacity: 50% !important;
  z-index: 2000;  
}

.fab-Contact:hover {
  opacity: 100% !important; 
}

textarea#contactMessage {
  min-height: 100px !important;
}

.timer {
  background: -webkit-linear-gradient(left, skyBlue 50%, #eee 50%);
  border-radius: 100%;
  height: calc(var(--size) * 1px);
  width: calc(var(--size) * 1px);
  position: relative;
  -webkit-animation: time calc(var(--duration) * 1s) steps(1000, start) infinite;
    -webkit-mask: radial-gradient(transparent 50%,#000 50%);
    mask: radial-gradient(transparent 50%,#000 50%);
}
.mask {
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  -webkit-animation: mask calc(var(--duration) * 1s) steps(500, start) infinite;
  -webkit-transform-origin: 100% 50%;
}
@-webkit-keyframes time {
  100% {
      -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes mask {
  0% {
      background: #eee;
      -webkit-transform: rotate(0deg);
  }
  50% {
      background: #eee;
      -webkit-transform: rotate(-180deg);
  }
  50.01% {
      background: skyBlue;
      -webkit-transform: rotate(0deg);
  }
  100% {
      background: skyBlue;
      -webkit-transform: rotate(-180deg);
  }
}

@media screen and (min-width: 992px) { 
  
  .accordion-header {
    position: sticky;
    top: 70px;
    z-index: 1010;
  }

}

@media screen and (max-width: 991px) { 
  
  .accordion-header {
    position: sticky;
    top: 0px;
    z-index: 1010;
  }

}



#offcanvasWithBothOptions{
  transition: 0.5s ease-in-out;
  min-width: auto !important;
}

#offcanvasWithBothOptions a{
  text-decoration: none;
  border-bottom: white solid 1px;
  padding-bottom:2px;
}

#offcanvasWithBothOptions a:hover{
  border-bottom: #0D6EFD solid 1px;
  padding-bottom:2px;
}

#fixedSideNavigationButton {
  position: fixed !important;
  z-index: 10 !important;
  left: 0px !important;
  top: 50px !important;
  transform: rotate(90deg);
  transform-origin: left bottom;
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  width: auto;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  transition: 0.5s ease-in-out;
}

#fixedSideNavigationButton:hover {
  transition-duration: 1s;
  scale: 1.5 1.5;
}