/* GLOBALS */
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

html {
  scroll-padding-top: 5rem;
}

.text-bg-body {
  color: var(--bs-body-bg) !important;
}

.text-layout ul li,
.jumbotron ul li {
  list-style-image: none;
  margin-bottom: 0.75rem;
  position: relative;
}

.text-layout ul li::before,
.jumbotron ul li::before {
  content: url('data:image/svg+xml,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2246 0.292893L18.5885 6.65685C18.9791 7.04738 18.9791 7.68054 18.5885 8.07107L12.2246 14.435C11.8341 14.8256 11.2009 14.8256 10.8104 14.435C10.4198 14.0445 10.4198 13.4113 10.8104 13.0208L15.4672 8.36396L1 8.36396C0.447715 8.36396 0 7.91625 0 7.36396C0 6.81168 0.447715 6.36396 1 6.36396L15.4672 6.36396L10.8104 1.70711C10.4198 1.31658 10.4198 0.683418 10.8104 0.292893C11.2009 -0.0976311 11.8341 -0.0976311 12.2246 0.292893Z" fill="%238D2342"/></svg>');
  position: absolute;
  left: 0;
  top: 2px;
  transform: translate(-140%);
}

.jumbotron.bg-primary ul li::before {
  content: url('data:image/svg+xml,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2246 0.292893L18.5885 6.65685C18.9791 7.04738 18.9791 7.68054 18.5885 8.07107L12.2246 14.435C11.8341 14.8256 11.2009 14.8256 10.8104 14.435C10.4198 14.0445 10.4198 13.4113 10.8104 13.0208L15.4672 8.36396L1 8.36396C0.447715 8.36396 0 7.91625 0 7.36396C0 6.81168 0.447715 6.36396 1 6.36396L15.4672 6.36396L10.8104 1.70711C10.4198 1.31658 10.4198 0.683418 10.8104 0.292893C11.2009 -0.0976311 11.8341 -0.0976311 12.2246 0.292893Z" fill="%23D31F37"/></svg>');
}

.reset-text-margin p {
  margin-bottom: 0;
}

.list-styles ol {
  padding-left: 1rem;
}

/* fonts */

.fs-xl {
  font-size: 4rem;
}

@media (max-width: 991px) {
  .fs-xl {
    font-size: 2.5rem;
  }
}

p {
  text-align: justify;
}

/* links and buttons */

/* default link */
a {
  color: var(--bs-body-color);
  text-decoration: none;
}

.site a:not(:has(h1, h2, h3, h4, h5, h6)):not(.btn, .nav-link) {
  color: var(--bs-primary);
  text-decoration: none;
  transition: 0.3s;
}

.site a:not(:has(h1, h2, h3, h4, h5, h6)):not(.btn, .nav-link, .page-numbers):hover {
  color: var(--bs-secondary-lighter);
  transition: 0.3s;
}

.site a:not((h1, h2, h3, h4, h5, h6)):not(.btn):active {
  color: var(--bs-light);
  text-decoration: none;
}

/* council-links */
a.link-body {
  color: var(--bs-body-color) !important;
}

a.link-body:hover {
  color: var(--bs-secondary-lighter) !important;
}

/* button */

.btn {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn.btn-primary:hover {
  background-color: var(--bs-primary-darker);
}

.btn-secondary:hover {
  background-color: var(--bs-secondary-darker) !important;
}

.btn-light {
  color: var(--bs-primary);
}

.btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light:focus-visible   {
  color: var(--bs-primary-darker) !important;
  background-color: white !important;
  border-color: white !important;
}

.btn-tertiary {
  color: var(--bs-light) !important;
}

.btn-tertiary:hover {
  background-color: var(--bs-tertiary-lighter);
  border-color: var(--bs-tertiary-lighter);
}

.btn-tertiary:active {
  background-color: var(--bs-tertiary-lighter) !important;
  border-color: var(--bs-tertiary-lighter) !important;
}

/* button link */
.btn-link {
  display: flex;
  position: relative;
  align-items: center;
  width: fit-content;
  color: var(--bs-primary) !important;
  text-decoration: none; 
  padding-left: 0 !important;
  padding-right: 45px !important;
}

.btn-link::after {
  content: '';
  position: absolute;
  right: 5px;
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2246 0.292893L18.5885 6.65685C18.9791 7.04738 18.9791 7.68054 18.5885 8.07107L12.2246 14.435C11.8341 14.8256 11.2009 14.8256 10.8104 14.435C10.4198 14.0445 10.4198 13.4113 10.8104 13.0208L15.4672 8.36396L1 8.36396C0.447715 8.36396 0 7.91625 0 7.36396C0 6.81168 0.447715 6.36396 1 6.36396L15.4672 6.36396L10.8104 1.70711C10.4198 1.31658 10.4198 0.683418 10.8104 0.292893C11.2009 -0.0976311 11.8341 -0.0976311 12.2246 0.292893Z" fill="%238D2342"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}

.btn-link:hover::after {
  right: 0;
  transition: 0.3s;
}

/* button download */
.btn-download {
  display: flex;
  align-items: center;
  width: fit-content;
  color: var(--bs-primary) !important;
  text-decoration: none;
  border: 1px solid;
  padding-left: 1rem;
  padding-right: 1rem;
}

.btn-download::after {
  content: '';
  width: 30px;
  height: 30px;
  mask-image: url('data:image/svg+xml,<svg width="21" height="23" viewBox="0 0 21 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.4351 12.2246L11.0712 18.5885C10.6806 18.9791 10.0475 18.9791 9.65696 18.5885L3.293 12.2246C2.90247 11.8341 2.90247 11.2009 3.293 10.8104C3.68352 10.4198 4.31669 10.4198 4.70721 10.8104L9.36407 15.4672L9.36407 1C9.36407 0.447715 9.81178 -3.4603e-07 10.3641 -3.21889e-07C10.9164 -2.97748e-07 11.3641 0.447715 11.3641 1L11.3641 15.4672L16.0209 10.8104C16.4114 10.4198 17.0446 10.4198 17.4351 10.8104C17.8257 11.2009 17.8257 11.8341 17.4351 12.2246Z" fill="%238D2342"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1 17C1.55228 17 2 17.4477 2 18V20C2 20.5523 2.44772 21 3 21H18C18.5523 21 19 20.5523 19 20V18C19 17.4477 19.4477 17 20 17C20.5523 17 21 17.4477 21 18V20C21 21.6569 19.6569 23 18 23H3C1.34315 23 0 21.6569 0 20V18C0 17.4477 0.447715 17 1 17Z" fill="%238D2342"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  margin-left: .5rem;
  transition: .15s;
  background-color: var(--bs-primary);
}

.btn-download:hover {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary);
  color: #FFFFFF !important;
}

.btn-download:hover::after {
  background-color: #FFFFFF;
  transition: .15s;
}

.btn-download:active {
  border-color: var(--bs-primary) !important;
  background-color: var(--bs-primary) !important;
  color: #FFFFFF !important;
}

.btn-download:active::after {
  background-color: #FFFFFF;
}

/* image and background classes */

.bg-cover-center {
  background-size: cover;
  background-position: center;
}

.bg-contain-center {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.objf-cover {
  object-fit: cover;
}

.objf-contain {
  object-fit: contain;
}

/* others */

.calc-vh-100 {
  min-height: 95vh;
}

.of-hidden {
  overflow: clip;
}

.absolute-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.absolute-x-center {
  left: 50%;
  transform: translate(-50%, 0);
}

.ar-7-3 {
  aspect-ratio: 7/3;
}

.ar-7-4 {
  aspect-ratio: 7/4;
}

.ar-11-5 {
  aspect-ratio: 11/5;
}

.ar-5-7 {
  aspect-ratio: 5/7;
}

.ar-10-7 {
  aspect-ratio: 10/7;
}

.ar-2-1 {
  aspect-ratio: 2/1;
}

.ar-6-4 {
  aspect-ratio: 6/4;
}

.ar-4-3 {
  aspect-ratio: 4/3;
}

.square {
  aspect-ratio: 1/1;
}

/*************************************************************************************************************/

/* social button */
.single-social-footer {
  width: 40px;
  background-color: var(--bs-secondary);
  transition: background-color 0.2s ease-in-out;
}

.single-social-contact {
  width: 40px;
  background-color: var(--bs-tertiary);
  transition: background-color 0.2s ease-in-out;
}

@media (min-width: 1200px) {
  .single-social-footer:hover {
    background-color: var(--bs-secondary-darker) !important;
  }
  .single-social-contact:hover {
    background-color: var(--bs-tertiary-lighter) !important;
  }
}

.btn.social-media {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  min-width: 3em;
}

/* footer */
footer ul {
  list-style: none;
  padding: 0;
}

footer a {
  color: var(--bs-light) !important;
  font-weight: 400;
}

footer a:hover {
  color: var(--bs-secondary-lighter) !important;
}

footer ul.menu li.menu-item {
  padding-bottom: 0.75em;
}

/* MENU FOOTER */
footer .footer_menu_wrapper ul.menu {
  margin-bottom: 0 !important;
}

footer p {
  margin-bottom: 0;
}

.footer_menu_wrapper>ul {
  flex-wrap: wrap;
}

.footer_menu_wrapper>ul>li {
  flex: 1 0 33%;
  padding-bottom: 2rem;
}

@media (max-width: 1200px) {
  .footer_menu_wrapper>ul>li {
    flex: 1 0 50%;
  }
}

.footer_menu_wrapper ul a:not(ul.sub-menu a) {
  pointer-events: none;
  font-size: 18px;
  font-weight: 600;
}

.footer_menu_wrapper .sub-menu {
  margin-top: 1.5rem;
}

@media (max-width: 991px) {
  .footer_menu_wrapper .sub-menu {
    margin-bottom: 2.5rem;
  }
}

.footer_menu_wrapper .sub-menu .menu-item {
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}

.footer_menu_wrapper .sub-menu .menu-item:before {
  content: '';
  width: 20px;
  height: 20px;
  mask-image: url('data:image/svg+xml,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2246 0.292893L18.5885 6.65685C18.9791 7.04738 18.9791 7.68054 18.5885 8.07107L12.2246 14.435C11.8341 14.8256 11.2009 14.8256 10.8104 14.435C10.4198 14.0445 10.4198 13.4113 10.8104 13.0208L15.4672 8.36396L1 8.36396C0.447715 8.36396 0 7.91625 0 7.36396C0 6.81168 0.447715 6.36396 1 6.36396L15.4672 6.36396L10.8104 1.70711C10.4198 1.31658 10.4198 0.683418 10.8104 0.292893C11.2009 -0.0976311 11.8341 -0.0976311 12.2246 0.292893Z" fill="%238D2342"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--bs-primary);
  margin-right: .5rem;
}

/* owl carousel */
.owl-theme.owl-carousel {
  padding-left: 65px;
  padding-right: 65px;
}

.owl-theme.owl-carousel:has(.owl-dots:not(.disabled)) {
  margin-bottom: 90px;
}

/* dots */
.owl-theme .owl-dots .owl-dot.active span {
  transition: all 0.3s !important;
  opacity: 1;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--bs-tertiary-lighter) !important;
  transition: all 0.3s !important;
}

.owl-theme .owl-dots .owl-dot span {
  background-color: var(--bs-tertiary) !important;
  width: 16px !important;
  height: 16px !important;
  margin: 5px 3px !important;
  transition: all 0.3s !important;
  opacity: 30%;
}

.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  width: 100%;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px !important;
}

.owl-theme .owl-nav {
  margin: 0 !important;
}

.owl-theme .owl-prev,
.owl-theme .owl-next {
  width: 48px;
  height: 48px;
  background: var(--bs-tertiary) !important;
  border-radius: 100% !important;
  border: var(--bs-tertiary) 2px solid !important;
}

.owl-nav {
  position: absolute;
  top: 37%;
  transform: translate(0, -50%);
  width: 100%;
  left: 0;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 400px) {
  .owl-nav {
    top: 27%;
  }
}

.owl-nav .owl-next,
.owl-nav .owl-prev {
  transition: all 0.2s ease-in-out;
}

.owl-nav .owl-next:not(.disabled):hover,
.owl-nav .owl-prev:not(.disabled):hover {
  border-color: var(--bs-tertiary-lighter) !important;
  background-color: var(--bs-tertiary-lighter) !important;
  color: var(--bs-tertiary-lighter) !important;
}

.nav_svg {
  color: var(--bs-light);
  transition: all 0.2s ease-in-out;
}

.owl-theme .owl-next:hover .nav_svg,
.owl-theme .owl-prev:hover .nav_svg {
  color: var(--bs-secondary-lighter);
}

/* jumbotron */
.last-element {
  display: flex;
  align-items: start;
  flex-direction: column;
}

.last-element div:last-child {
  margin-top: auto;
}

.middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

ul:not(.wp-block-list) {
  list-style-type: none;
}

.jumbotron.bg-primary:has(h1, h2, h3, h4, h5, h6) span {
  color: var(--bs-light);
}

/* Opening board */
.overlay {
  position: relative;
  z-index: 5;
}

.overlay::after {
  content: "";
  background: var(--bs-primary-darker);
  opacity: 65%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

/* Red label */
footer ul.red-label>li>a>span,
.red-label>span,
span.red-label {
  background-color: var(--bs-secondary);
  color: #FFFFFF;
  padding: .5rem 1rem;
  text-transform: uppercase;
  line-height: 2;
}

p>span.red-label {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

/* Downloads */
.arrow-margin svg {
  margin-bottom: 0.15rem;
}

/* qoute */

@media (max-width: 761px) {
  .img-quote {
    max-width: 20vw;
  }
}

/* ribbon */

.ribbon .wysiwyg-ribbon p:last-child{
  margin-bottom: 0;
}

/* reveal text animation */

.text-reveal-animation.play .main-heading {
  display: block;
  animation: 1s cubic-bezier(0.33, 0, 0.175, 1) 0s normal both 1 reveal;
  animation-iteration-count: 1;
  animation-delay: 0.5s;
}

.text-reveal-animation .main-heading{
  transform: translate(0, 30%);
  opacity: 0;
}

.text-reveal-animation.play .subheading {
  display: block;
  animation: 1s cubic-bezier(0.33, 0, 0.175, 1) 0s normal both 1 reveal;
  animation-iteration-count: 1;
  animation-delay: 1s;
}

.text-reveal-animation .subheading{
  transform: translate(0, 30%);
  opacity: 0;
}

@keyframes reveal {
  0% {
    transform: translate(0, 30%);
    opacity: 0;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}