body
{
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
}

p, ul, ol {
	font-size: 1.2rem;
}

b
{ font-weight: 600; }

h1 {
font-weight: 700;
}

h1, h2 {
color: #14233c;
}

a .text-link {
color: #007bb6;
border-bottom: 2px solid #007bb6;
}

w-90
{ width: 90% !important; }

.text-purple
{ color: #42145f; }

.text-nexttrick
{ color: #14233c; }

.text-minty
{ color: #1ebdc4; }

.btn-outline-purple {
border: 1px solid #42145f;
color: #42145f;
}

.btn-outline-purple:hover {
background: #42145f;
color: #f4f0e8;
}

.btn-purple {
background: #42145f;
color: #f4f0e8;
}

.btn-purple:hover {
background: #000000;
color: #f4f0e8;
}

.bg-purple {
background: #42145f;
}

.bg-ivory {
background: #f4f0e8;
}

.bg-gold-light {
background: #f0cd82;
}

.bg-green {
background: #82b46e;
}

.bg-green-light {
background: #c3dcb4;
}

.bg-lavender-light {
background: #c8b9d7;
}

.bg-nexttrick {
background: #14233c;
}

.bg-minty {
background: #1ebdc4;
}

.minty-bottom {
border-bottom: 4px #1ebdc4 solid;
line-height: 1.4em;
}

header .nav .active {
font-weight: 700;
}



.bubble 
{
position: relative;
width: 100%;
height: 60px;
padding: 0px;
background: #1ebdc4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #1ebdc4 transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -15px;
bottom: -15px;
right: 6%;
}

.pushy
{font-size: 16px !important;}

.pushy ul
{list-style: none; margin: 0; padding: 0;}

/* Extra small devices (phones) */
@media only screen and (max-width: 767.98px) {

  h1, .h1
  {font-size: 1.6rem;}
  
  p, ul, ol
  {	font-size: 1.1rem; }

}