@font-face {
    font-family: "Barlow"; 
    src: url(fonts/Barlow-Regular.ttf);
}
@font-face {
    font-family: "Barlow Light"; 
    src: url(fonts/Barlow-Light.ttf);
}

:root{
    --cnvs-themecolor: #28447b;
    --cnvs-themecolor-rgb: 40, 68, 123;
    --cnvs-body-font: "Barlow Light", sans-serif;
    --cnvs-primary-font: 'Barlow', sans-serif;
    --bs-body-bg: #FFF;
}
.error404{font-size: 12px;}
.post-thumbnail img{height: auto;}
.min-h-200{min-height: 200px;}
.min-h-300{min-height: 300px;}
.border-color{
    /*border-image-source: linear-gradient(to right, #3659f1, #60d25a, #ed5355, #fbb03c);*/
    border-image-source: linear-gradient(to right, 
    #3659f1 0% 22.22%, 
    #60d25a 22.22% 44.44%, 
    #ed5355 44.44% 66.66%, 
    #fbb03c 66.66% 100%);
    border-image-slice: 1;
}
form p{margin-bottom: 0;}
.wp-block-column .wp-block-heading{margin-bottom: 1rem;}
ul.wp-block-list{margin-left: 1.2rem;}
.entry-content ul{margin-left: 1.2rem;}
.swiper-pagination span{border: 1px solid #133c65;}
.swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active{background-color: #133c65 !important;}
#header {
    --cnvs-primary-menu-active-color: #fe0000;
    --cnvs-primary-menu-hover-color: #fe0000;
}
.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link{padding: var(--cnvs-primary-menu-submenu-padding-y) var(--cnvs-primary-menu-submenu-padding-x);}

.block-sticky-cards .content-wrap,
.block-sticky-cards .section { overflow: visible; }

.block-sticky-cards .sticky-section + .sticky-section {
        margin-top: 5vh;
    }

@media (min-width: 992px) {
    .block-sticky-cards .sticky-section {
        --sticky-top-gap: 130px;
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        top: calc(80px + var(--sticky-top-gap));
    }

    .block-sticky-cards .sticky-section + .sticky-section {
        margin-top: 20vh;
    }
}

/* Support Page */
.support-page .feature-text {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
    padding-bottom: 10px;
}
.support-page .fbox-text {
    font-size: 58px;
    line-height: 1;
    font-weight: 700;
}
.support-page .feature-text h3 {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 0;
    margin-left: 15px;
    font-weight: 800;
}
.support-page .feature-text + p {
    color: #777;
    margin-top: 10px;
    margin-bottom: 0;
}

/* Hotspot Map Hero On Support Page */
 @-webkit-keyframes
  pulsate {  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
   45% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
  }
}
@keyframes
  pulsate {  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
    45% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
  }
}
.block-hero-11 .hotspot-img {
  background-size: cover;
  background-position: center center;
  position: relative;
}
.block-hero-11 .hotspot-img .img-responsive { max-width: 100%; }
.block-hero-11 .hotspot-img .hot-spot {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 5px;
  left: 5px;
  text-align: center;
  background-color: #000;
  color: #FFF;
  border-radius: 100%;
  cursor: pointer;
  font-size: 12px;
  line-height: 26px;
  transition: all .3s ease;
}
.block-hero-11 .hotspot-img .hot-spot .circle {
  z-index: 2;
  position: relative;
}
.block-hero-11 .hotspot-img .hot-spot .circle i {
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
}
.block-hero-11 .hotspot-img .hot-spot.hotspot-tooltip-open .circle i,
.block-hero-11 .hotspot-img .hot-spot:not(.hotspot-on-click):hover .circle i {
  /*
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);*/
}

.block-hero-11 .hotspot-img .hot-spot .circle:after {
  content: '';
  display: block;
  position: absolute;
  top: 39%;
  left: 39%;
  width: 30px;
  height: 30px;
  margin: -1em auto auto -1em;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 50%;
  border: 10px solid #000;
  opacity: 0;
  -webkit-animation: pulsate 3s ease-out infinite;
  animation: pulsate 3s ease-out infinite;
}
.block-hero-11 .hotspot-img .hot-spot .circle.feature:after{border: 10px solid #de1e1e;}
.block-hero-11 .hotspot-img .hot-spot .tooltip {
  display: none;
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  opacity: 1.0;
  left: 0;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 280px;
  z-index: 999;
  box-shadow: 0 30px 102px rgba(0,0,0,0.33), 0 20px 51px rgba(0,0,0,0.18);
  color: #000;
}
.block-hero-11 .hotspot-img .hot-spot .tooltip.ontop {
  top: auto;
  bottom: 35px;
}
.block-hero-11 .hotspot-img .hot-spot .tooltip .img-row {
  margin-bottom: 10px;
  display: block;
}
.block-hero-11 .hotspot-img .hot-spot .tooltip h4 { margin-bottom: 0; }
.block-hero-11 .hotspot-img .hot-spot .tooltip p {
  font-size: 13px;
  line-height: 1.3rem !important;
  margin-bottom: 10px;
  color: #666 !important;
}
.block-hero-11 .hotspot-img .hot-spot .tooltip p:last-child { margin-bottom: 0; }
@media (max-width: 991px) {
  .block-hero-11 .hotspot-img .hot-spot .tooltip {
    width: 200px;
    left: 30px;
    top: 35px;
  }
  .block-hero-11 .hotspot-img .hot-spot .tooltip .img-row {
    display: none;
  }
}
@media (min-width: 992px) {
  .block-hero-11 .slider-element > .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
  }
}

.subscribe .wpcf7-spinner{position: absolute;}