/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Common */

body {
    /*background: linear-gradient(180deg, #002482 0%, #000 100%);*/
    background-image: none;
    background-repeat: no-repeat; 
    min-height: 900px;
    background-size: contain;
}

body.page {
    /*background: linear-gradient(180deg, #002482 0%, #000 100%);*/
    background-image: none;
    background-repeat: no-repeat; 
}

body.landing-page {
    background-image: url("../img/vb-bckgrd.jpg");
    background-repeat: no-repeat; 
    min-height: 900px;
    background-size: cover;
}

body.landing-page-fs {
    background-image: none;
    background-repeat: no-repeat; 

}

p.cta {
    color: #000;
    text-align: center;
    font-family: Cormorant;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 75% */
}

.hide {
	  display: none;
	}	

.change:hover + .hide {
    display: block;
}

#content-background {
    background-image: url("../img/background-gradient.png");
}
    
.padding {
    padding: 70px 36px 90px 36px;
    background: #E7E9F2;
    border-radius: 10px;
    margin-bottom: 4px;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
}

/* Changes hover styling */
.padding:hover {
    background: #DADCE6;
    border-bottom: 0px solid #002992;
    }
    #content-block h1 {color: #FFF;}
    #content-block h2 {color: #FFF;}
    #content-block h3 {color: #FFF;}
 
}












.test {
    padding: 70px 36px 90px 36px;
    background: #E7E9F2;
    border-radius: 10px;
    margin-bottom: auto;
}

.hover-highlight {
    padding: 0px 0px 0px 0px;
}

.hover-highlight:hover {
    /* background: linear-gradient(180deg, #E7E9F2 40%, #FFF 100%);*/
    border-bottom: 15px solid #7058D1;

}

a {
    font-weight: 800;
    color: #7058D1;
    text-decoration: underline;
}

p.underline {
    text-decoration: underline;
}

p.bold {
    color: #000;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

p.sub-content {
	font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: left;
}
    
mark.pink {
    background-color: rgba(219,0,223,0.1); /*#DB00DF*/
    text-decoration: underline;
    text-decoration-color: #DB00DF;
    text-decoration-thickness: 2px;
}

mark.purple {
    background-color: rgba(112,88,209,0.3); /*#7058D1*/
}

mark.honey {
    background-color: #F4DE95
}

.box.padding {
    padding: 8px 0px 8px 0px;
}


.tabs a {
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #969696;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: 0.5em 1em;
    vertical-align: top;
    font-family: 'Nunito', sans-serif;
	font-weight: 400;
	font-size: 14px;
    text-transform: uppercase;
}

.tabs li.is-active a {
    border-bottom-color: #7058D1;
    color: #7058D1;
    font-weight: 700;
}

.tabs ul {
    align-items: center;
    border-bottom-color: #FFF;
    border-bottom-style: none;
    border-bottom-width: 0px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Buttons */

.button-66 {
  background-color: #7058D1;
  border-radius: 4px;
  border: 0;
  box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: "Nunito",-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  min-height: 56px;
  min-width: 120px;
  padding: 16px 20px;  
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  transition: all .2s cubic-bezier(.22, .61, .36, 1);
}

.button-66:hover {
  background-color: #412C98;
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .button-66 {
    padding: 16px 44px;
    min-width: 150px;
  }
}

.button.hb-large {
    background-color: #7058D1;
    border-radius: 40px;
    border-width: 1px;
    color: #FFF;
    text-align: center;
    color: #FFF;
    font-family: Nunito;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    flex-shrink: 0;
    padding: 20px 54px 20px 54px;
    /* from bulma css button
    cursor: pointer;
    white-space: nowrap;
    justify-content: center;
    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.5em - 1px);
    */
}

@font-face {
  font-family: 'Boska-Black';
  src: url('../fonts/Boska-Black.woff2') format('woff2'),
       url('../fonts/Boska-Black.woff') format('woff'),
       url('../fonts/Boska-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Hero Content */

#headerwrap {
	padding-top: 50px;
	text-align:left;
	background-attachment: relative;
	background-position: center center;
	background-size: cover;
	width: 100%;
    min-height: 1000px;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

#headerwrap h1 {
    color: #FFF;
    text-align: left;
    font-family: 'Boska-Black', serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: 60px;
    padding: 100px 0px 30px 0px; 
}

#headerwrap h1.underline {
    border-bottom: 8px solid #FF940E;
}

#headerwrap h2 {
    color: #FFF;
    text-align: left;
    font-family: 'Nunito', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding: 20px 0px 40px 0px;  
}

#headerwrap h3 {
	color: #969696;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px 0px 50px 0px;  
}

#headerwrap p {
	font-family: 'Nunito', sans-serif;
    color: #FFF;
	font-size: 16px;
	padding: 0 20px 20px;
	text-align: left;
    margin-right: 10%;
	margin-left: 10%;
}

#headerwrap .hero-link {
	color: #00249F;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
}

#headerwrap.landing {
    min-height: 360px;
    text-align: center;
}

#headerwrap.landing h1 {
    padding: 100px 0px 00px 0px; 
    text-align: center;
}

#headerwrap.landing h2 {
    text-align: center;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Featured Content */

#feature-block {
	padding-top: 100px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	background-size: cover;
	/*min-height: 530px;*/
	width: 100%;
    background-color: #000921;
    padding: 0px 20px 16px 20px;
}

#feature-block h1 {
	color: #969696;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 21px; /* 150% */
    text-transform: uppercase;
    padding: 0px 0px 16px 0px; 
}

#feature-block h2 {
	color: #FFFFFF;
    text-align: center;
    font-family: 'Cormorant', serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 150% */
    padding: 10px 0px 20px 0px; 
}

#feature-block p {
    font-family: 'Nunito', sans-serif;
    color: #FFF;
	font-size: 16px;
	text-align: center;
}

#feature-block.landing-feature {
    padding: 70px 40px 80px 40px;
    min-height: 200px;
}

#feature-block.landing-feature-fullscreen {
    padding: 60px 0px 80px 0px;
    margin-top: 0px;
    min-height: 200px;
}

#feature-block p.emphasis {
    color: #969696;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Main Content */

#content-block {
	padding-top: 60px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	background-size: cover;
	min-height: 700px;
	width: 100%;
	border-bottom: 0px solid #000;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

#content-block p.display {
    color: #000;
    text-align: center;
    font-family: 'Cormorant', serif;
    font-size: 54px;
    font-style: bold;
    font-weight: 800;
    line-height: 42px; /* 75% */
    padding: 0px 0px 16px 0px; 
}

#content-block h1 {
	color: #002992;
    text-align: left;
    font-family: Nunito;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    line-height: 21px; /* 150% */
    text-transform: uppercase;
    padding: 0px 0px 8px 0px; 
}

#content-block h1.secondary-block {
	text-align: left;
}


#content-block h2 {
    color: #000;
    text-align: left;
    font-family: 'Boska-Black', serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 75% */
    padding: 0px 0px 16px 0px; 
}

#content-block h3 {
    color: #000;
    text-align: left;
    font-family: 'Nunito', serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 75% */
    padding: 0px 0px 20px 0px; 
}

#content-block h4 {
    color: #000;
    text-align: center;
    font-family: 'Cormorant', serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 75% */
    padding: 0px 0px 20px 0px; 
}

#content-block p.big-action {
	font-family: 'Cormorant', serif;
    color: #000;
	font-size: 21px;
	text-align: center;
    font-weight: 400;
    line-height: 27px; /* 75% */
}

#content-block p.big-action a {
	font-weight: 800;
    color: #7058D1;
}

#content-block h2.highlight {
	background-color: #DEAD00;
    padding: 0px 2px 0px 2px;
}

#content-block h2.secondary-block {
	text-align: left;
    font-size: 42px;
    line-height: 30px; /* 75% */
}

#content-block h2.tertiary-block {
	text-align: left;
    font-size: 28px;
    line-height: 24px; /* 75% */
}

#content-block p.large {
    color: #000;
    text-align: center;
    font-family: Cormorant;
    font-size: 21px;
    font-style: normal;
    line-height: 36px; /* 171.429% */
    padding: 20px 0px 40px 0px;  

}

#content-block p {
	font-family: 'Cormorant', serif;
    color: #000;
	font-size: 16px;
	text-align: left;
}

#content-block p a {
	font-family: 'ClashGrotesk-Bold', sans-serif;
    color: #7058D1;
	font-size: 16px;
	text-align: left;
}

#content-block p.secondary-block {
	text-align: left;
}

#content-block ul.secondary-bullets {
	font-family: 'Cormorant', serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    padding: 10px 10px 0px 30px; 
}

li {
  list-style-image: url(../img/checkmark-outline-purple.png);
  /* OR */
  list-style-type: '•';
  padding-inline-start: 1ch;
    padding-bottom: 4px;
}

li.tertiary-bullets {
  list-style-image: url(../img/star-purple.png);
  /* OR */
  list-style-type: '•';
  padding-inline-start: 1ch;
    padding-bottom: 4px;
    font-size: 15px;
    font-weight: 900;
}

li::marker.pink {
  color: #DB00DF;
}

li::marker.purple {
  color: #7058D1;
}

li::marker.honey {
  color: #DEAD00;
}


#content-block p.testimonial {
    color: #969696;
    text-align: center;
    font-family: Cormorant;
    font-size: 32px;
    font-style: normal;
    text-align: center;
    font-weight: 400;
    line-height: 28px; /* 71.429% */
    padding: 15px 0px 30px 0px;
}

#content-block p.testimonial-name {
    color: #333;
    text-align: center;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 0px 0px 20px 0px;
}

#content-block p.reference-source {
    color: #969696;
    font-family: Nunito;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

#content-block.landing-content {
	padding-top: 0px;
}

#content-block.landing-content h1 {
	padding-bottom: 12px;
}

#content-block.landing-content h2 {
	font-size: 36px;
    line-height: 24px; 
}

#content-block.landing-content p.large {
    padding: 20px 0px 80px 0px;  

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Content Block Program Details */

#content-block p.program-price {
    color: #000;
    font-family: Cormorant;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 60% */
    padding: 0px 0px 0px 0px;
}

#content-block p.program-tagline {
    color: #000;
    font-family: Cormorant;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 72.222% */
    padding: 20px 0px 0px 0px;
}

#content-block p.program-name {
    color: #7058D1;
    font-family: Nunito;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 123.81% */
    padding: px 0px 0px 0px;
}

#content-block p.program-date {
    color: #969696;
    font-family: Nunito;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 123.81% */
    padding: 0px 0px 20px 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Navbar Mods */

.navbar vb {
  background-color: none;
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}

.navbar-item vb {
    border-bottom-color: red;
  border-bottom-style: solid;
  border-bottom-width: 3px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Graphics */

#visuals {
    padding: 40px 0px 40px 0px;  

}


.footer-copyright {
    color: #969696;
    font-family: Nunito;
    font-size: 14px;
    text-align: center;
    padding: 40px 0px 50px 0px;
}

.footer-copyright a {
    color: #969696;
    font-style: normal;
    font-weight: 400;
    font-family: Nunito;
    font-size: 14px;
    text-decoration: underline;
}

.footer-copyright a:hover {
    color: #7058D1;
    font-style: normal;
    font-weight: 400;
    font-family: Nunito;
    font-size: 14px;
    text-decoration: underline;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Media Queries */

/* If screen size is more than 600px wide */
@media screen and (min-width: 600px) {
  body {
    padding: 0px 6em 0px 6em;
  }
}

/* If screen size is 600px wide, or less, reduce the font-size */
@media screen and (max-width: 600px) {
  body {
    padding: 0px 3em 0px 3em;
    background-image: url("../img/humansbeing-growth-on-demand-mobile-alt-bright.png");
  }
  #headerwrap h1 {
    font-size: 52px;
    line-height: 54px;
    }
  body.landing-page {
    padding: 0px 10px 0px 10px;
  }
  body.landing-page-fs {
    padding: 0px 0px 0px 0px;
  }
  #feature-block {
    padding: 0px 30px 16px 30px;
}
}