/***** style-d.css *****/

/*@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap')*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,600;0,700;1,600;1,700&display=swap');


/* Variables */

:root {
  	--spacer: 12px;
  	--vcc-body-text: #3a4150;
	--vcc-primary: #043D2B;
    --vcc-secondary: #ADF979;
    --bs-primary: #043D2B;
  	--vcc-dark: #3A8600;
	--vcc-light: #E6F2CC;
    --vcc-lighter: #F8FBF0;
    --vcc-grey: #F3F3F3;
    --vcc-grey-primary-contrast-text: #2A6100;
    --vcc-indigenous-primary: #cb333b;
    --vcc-indigenous-primary-body-text: #fff;
    --vcc-indigenous-light: #ffbdc5;
}
      
.vcc-color-primary {
    color: var(--vcc-primary);
}
      
.vcc-bg-primary {
    background-color: var(--vcc-primary);
    color: #FFF;
}

.vcc-color-secondary {
    color: var(--vcc-secondary);
}      
      
      
.vcc-bg-secondary {
    background-color: var(--vcc-secondary);
    /*color: #043D2B;*/
}
      
.vcc-bg-grey {
    background-color: var(--vcc-grey);
}
     
      
.vcc-color-dark {
    color: var(--vcc-dark);
}

.vcc-color-light {
    color: var(--vcc-light);
}

.vcc-color-lighter {
    color: var(--vcc-lighter);
}

.vcc-color-grey {
    color: var(--vcc-grey);
}

.vcc-color-grey-primary-contrast {
    color: var(--vcc-grey-primary-contrast-text);
}
      
.vcc-color-indigenous-primary {
    color: var(--vcc-indigenous-primary);
}

.vcc-color-body {
    color: var(--vcc-body-text);    
}
      
.nav-primary a {
  color: var(--vcc-primary);
}

.vc-navbar-toggler, .btn-success.vc-btn-search {
  background-color: var(--vcc-primary);
  border-color: var(--vcc-primary);
}
      
.fs-0 {
  font-size: 3.5em;
}

h3, h4, h5, h6, .h3, .h4, .h5, .h6 { 
  font-family: "Noto Sans", sans-serif;
}
      
h1, h2, .h1, .h2 {
  font-family: "Prompt", sans-serif;
}
      
body, p {
  font-family: "Noto Sans", sans-serif;
}
      
.nav-primary .nav-link {
  font-size: 15px;
}
      
.brand-story-intro {
  background-color: var(--vcc-secondary);
}
      
.brand-story-three-cols .col-xl-4 a, .brand-story-three-cols a {
  display: block;
  text-decoration: none;
}
      
.brand-story-three-cols .col-xl-4 .card-text, .brand-story-three-cols .card-text {
  color: var(--gray-100);
  text-decoration: none;
}
      
.brand-story-three-cols .col-xl-4 a .btn-readmore, .brand-story-three-cols a .btn-readmore {
  text-decoration: underline 2px var(--green-400);
  text-underline-offset: 4px;
}
      
.brand-story-three-cols .col-xl-4 a .btn-readmore:hover, .brand-story-three-cols a .btn-readmore:hover {
  text-decoration: underline 4px var(--green-400);
  text-underline-offset: 4px;  
}
      
.brand-story-three-cols .col-xl-4 a .btn-readmore:hover::after, .brand-story-three-cols a .btn-readmore:hover::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-left: 0.5rem;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}
      
@media only screen and (min-width: 992px) {
	.nav-primary .dropdown-toggle:active, .nav-primary .dropdown-toggle:hover, .nav-primary .dropdown-toggle.show {
      border-bottom-color: var(--vcc-primary);
	}
}
      
@media only screen and (min-width: 1200px) {
  .brand-story-intro {
    background-color: white;
}
}

.longhouse-curve {
  position: relative;
  background-color: #ADF979;
  color: #043D2B;
  clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
  overflow: hidden; 
}

.longhouse-curve::before {
  content: '';
  position: absolute;
  top: -50px;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  height: 150%;
  z-index: -1
}

      
/** start : bootstrap overrides **/

.btn-success, .btn-secondary:hover {
  background-color: var(--vcc-secondary);
  border-color: var(--vcc-secondary);
  color: var(--vcc-primary) !important;
}
.btn-secondary, .btn-secondary:hover {
  background-color: white;
  border-color: white;
  color: var(--vcc-primary);
}
      
.btn-secondary:hover {
  border-color: var(--vcc-primary);
}

/** end : bootstrap overrides **/
      

/** start : additional bootstrap + utility classes **/
.fs-0 {
  font-size: 3.5em;
}
.cursor-pointer {
  cursor: pointer;
}
/** end : additional bootstrap + utility classes **/
      
/** start : style c overrides **/

.pr-nav-content a:not(.btn) {
  color: #3a4150;
}
      
#content-wrap-body {
  margin-bottom: 0;
}
      
/** end : style c overrides **/