@font-face {
  font-family: "nico";
  src: url("/storage/app/media/Niconne-Regular.ttf");
}

@media (max-width: 500px){
    
    .wrap__header .wrap__headerBottom {
    padding: 0 15px 10px 15px!important;
}

    

.wrap__locationsHeader {
    position: absolute;
    bottom: -73px !important;
    top: auto;
    right: 14px;
}
}


.logo__summary .logo__title {
    font-family: "nico"!important;
    text-align: center!important;
    font-size: 30px!important;
}
.logo__link.logo__left .logo__summary, .logo__link.logo__right .logo__summary {
    width: 200px!important;
    text-align: center!important;
}
.editable__container a {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-center {
  text-align: center !important;
}
.float-md-left,
.float-lg-left,
.float-left {
  float: left !important;
  margin: 10px;
}
.float-md-right,
.float-lg-right,
.float-right {
  float: right !important;
  margin: 10px;
}
.text-md-right {
  text-align: right;
}
.text-md-left {
  text-align: left;
}
.mx-auto {
  display: block;
  margin: auto;
  padding: 20px 0;
}
.md-center,
.sm-center {
  display: block;
  margin: 10px;
}
a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: none !important;
}
.red {
  color: red;
}
#side_links a {
  color: white !important;
}
.editable__container--inner ul li {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -1.3em;
  padding-left: 2em;
}
.editable__container--inner ul ul li {
  list-style-type: circle;
}

.editable__container--inner ol li {
  text-indent: -1.3em;
  padding-left: 2em;
}

.mytext-md-center,
.text-sm-mycenter {
  text-align: right !important;
}
table.mytable td {
  border: 0px !important;
}
td.mytdsize {
  width: 120px;
}
.myclear {
  clear: both !important;
}
.slider__text {
    width: 100%!important;
    top: 10%!important;
}
.slider__title {
    font-size: 30px!important;
}
.slider .component__title-caption-wrap {
    padding: 0 10px 15px!important;
}
.slider__text.align-center {
    background: #339ac6 url(/storage/app/media/bg-pattern.png) 50% 0!important;
}
.slider {
    background: unset!important;
}
.slider__image--content, .slider__video {
    width: 100%!important;
    margin-top: 80px!important;
}
p.mywhite{
    color:#fff!important;
}
.staff-img img{
    border: solid 1px #dfdfdfdf;
    width: 200px;
    box-shadow: 0 0 3px rgba(51,51,51,0.43);
}
.page__title {
    color: #fff!important;
    background: #6ecb3c!important;
    font-size: 30px!important;
    display: block;
}

@media only screen and (max-width: 1024px){
    .slider__image--content, .slider__video {
    margin-top: 00px!important;
}
}
/* Screen width less than 768px */
@media only screen and (max-width: 768px) {
  .float-lg-left,
  .float-lg-right {
    float: none !important;
    display: block;
    margin: auto;
    padding: 10px 0;
  }
  .text-md-center {
    text-align: center !important;
  }
  .auto-md-size img,
  .auto-md-size iframe {
    width: 100% !important;
    height: auto !important;
  }
}

/* Screen width less than 520px */
@media only screen and (max-width: 519px) {
  .float-md-left,
  .float-md-right {
    float: none !important;
    display: block;
    margin: auto;
    padding: 10px 0;
  }
  .mx-auto-sm {
    display: block;
    margin: auto;
  }
  .text-sm-mycenter,
  .sm-mycenter {
    text-align: center !important;
  }
  .auto-sm-size img,
  .auto-sm-size iframe {
    width: 100% !important;
    height: auto !important;
  }
  h1 {
    font-size: 26px !important;
  }
  .leadForm {
    width: 100% !important;
  }
}
/* GRID RESPONSIVE */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
