@charset "utf-8";
:root {
  --dark:#333;
  --danger:#CC334C;
  --white:#FFF;
  --light:#FBF9FB;
  --accent:#6699CC;
  /*
  --accent:#D8DCFF;
  --accent:#CBD4C2;
  --accent:#DBF9F4;
  --accent:#83C5BE;
  --accent:#6699CC;
  */
}
.toast {z-index:9999 !important;}
.splide__arrow--prev, .splide__arrow--next {background-color:var(--danger) !important;}
.bg-white{background-color:var(--white) !important;}
.text-white{color:var(--white) !important; fill:var(--white) !important}
.border-white{border-color:var(--white) !important;}
.bg-dark{background-color:var(--dark) !important;}
.text-dark{color:var(--dark) !important; fill:var(--dark) !important}
.border-dark{border-color:var(--dark) !important;}
.bg-danger{background-color:var(--danger) !important;}
.text-danger{color:var(--danger) !important; fill:var(--danger) !important}
.border-danger{border-color:var(--danger) !important;}
.bg-light{background-color:var(--light) !important;}
.text-light{color:var(--light) !important; fill:var(--light) !important}
.border-light{border-color:var(--light) !important;}
.bg-accent{background-color:var(--accent) !important;}
.text-accent{color:var(--accent) !important; fill:var(--accent) !important}
.border-accent{border-color:var(--accent) !important;}

.bg-navbar{background:var(--danger) url("../img/bg-navbar.png") center left no-repeat; background-size:cover;}
.bg-hero-1{background:var(--light) url("../img/grow.fw.png") center right no-repeat; background-size:40%; align-items: center;}
.bg-focus{background:var(--danger) url("../img/bg-navbar.png") center left no-repeat; background-size:cover;}
.bg-cta{background:var(--accent) url("../img/bg-navbar.png") center left no-repeat; background-size:cover;}
li a.nav-link{color:var(--dark) !important;}
li a.nav-link.active {border-bottom-color:var(--danger) !important;}
.custom-navbar-toggler svg {fill:var(--danger) !important;}
a.rounded-icon svg {fill:var(--danger) !important;}
.card:after {margin-top:0 !important}

@media (min-width: 992px) {
    .it-brand-title {font-size:2rem;}
}

@media screen and (max-width:1025px) {
    .bg-hero-1{background-size:30%}
}
@media screen and (max-width:769px) {
    li a.nav-link.active {border-left:3px solid var(--danger) !important;}
    a.rounded-icon svg {fill:var(--bg-white) !important;}
    .bg-navbar{height:80px;}
    .bg-hero-1{background:var(--light)}
}