// Custom.scss
// Option A: Include all of Bootstrap
// Include any default variable overrides here (though functions won't be available)
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

$font-family-sans-serif:( 'Poppins', sans-serif);
$font-size-base:( 1rem); // Assumes the browser default, typically `16px`
$h1-font-size : ($font-size-base * 2);
$h2-font-size : ($font-size-base * 1.75);
$h3-font-size : ($font-size-base * 1.5);
$h4-font-size : ($font-size-base * 1.3);
$h5-font-size : ($font-size-base * 1.25);
$h6-font-size : ($font-size-base);

$navbar-light-color:              (#252625 )  ;
@import "node_modules/bootstrap/scss/bootstrap.scss";


ul {
    list-style-image: url('img/checkmark-16.png');
  }
// Then add additional custom code here

.btn-outline-avitus {
    color: #f8f9fa;
    border-color: #f8f9fa;
  }

  .btn-outline-avitus:hover {
    color: #001DF3;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }

.btn-avitus {
    color: #fff;
    background-color: #001DF3;
    border-color: #001DF3;
  }
  .btn-avitus:hover {
    color: #001DF3;
    background-color: #ffff;
    border-color: #252625;
  }

.bg-blue {
    background-color: #001DF3;
}



.bg-base {
    background-color: #252625;
}



.text-blue {
    --bs-text-opacity: 1;
    color: #001DF3 !important;
  }


@media (min-width: 576px) {
    body {
        font-size: 0.9rem;
    }
}

@media (min-width: 768px) {
    body {
        font-size: 1rem;
    }
}

@media (min-width: 992px) {
    body {
        font-size: 1rem;
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 1.2rem;
        $font-size-base: ( 1.2rem);
    }
}

.bg-avitus {
    background: #fff url("img/home/Rectangle\ 64.png") no-repeat scroll 100% 50%;
}

.bg-cascades {
    background: #001DF3 ;



}

.bg-image-home {
    background-image: url("img/home/Component\ 2\ –\ 1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
}


.bg-image-cascades {
    background-image: url("img/cascades/Component\ 7\ –\ 1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
}

.bg-image-yukon {
    background-image: url("img/yukon/Component\ 4\ –\ 1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
}
.bg-image-training {
    background-image: url("img/training/Component\ 5\ –\ 1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
}