:root {
	--colour-light-blue: rgb(224, 232, 243);
	--colour-med-blue: rgb(37, 153, 211);
	--colour-blue: rgb(39, 65, 107);
	--colour-hero-blue: rgb(0, 0, 80);
	--colour-span-blue: rgb(11,121,174);
}


/* Theme overrides */
.hero-large-text {
	color: var(--colour-hero-blue) !important;
	font-family: "Raleway", Helvetica, Arial, sans-serif !important;	
}
.hero-large-text .animated {
	color: var(--colour-hero-blue) !important;
	font-family: "Raleway", Helvetica, Arial, sans-serif !important;	
}
.hero-small-text p {
	font-weight: bolder !important;
}

.section-title {
	color: var(--colour-blue) !important;
}

.footer-connect {
	background-color: var(--colour-blue) !important;
}
.site-footer .site-info {
	color: var(--colour-med-blue) !important;
}
.back-to-top {
	color: var(--colour-blue) !important;
	background-color: var(--colour-light-blue) !important;
}
.back-to-top:hover {
	color: var(--colour-med-blue) !important;
}
.site-info {
	background-color: var(--colour-light-blue) !important;
}

.entry-title {
	color: var(--colour-med-blue) !important;
}


/* TOC */
.wpig-btn-toggledisplay {
	color: var(--colour-med-blue) !important;
}

/* About us */
#about .section-title-area, .kbs-h3-last {
	margin-bottom: 0px !important;
}

h3 span {
	color: var(--colour-span-blue);
}

.kbs-logo-show {
	height: 200px;
}

.kbs-p {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	line-height: 1.7;
	margin-bottom: 0.9375rem;
	margin-top: 0;
}

blockquote {
  border-color: #2599d3;
}
.kbs-blockquote {
  padding: 30px;
  position: relative;
  background: #f8f9f9;
  border-left: 3px solid #03c4eb;
  border-left-color: rgb(3, 196, 235);
  font-style: italic;
}


.about-image {
	border: 1px dotted rgba(51,51,51,.5);
	margin: 0 5px 25px 5px;
}

/* action pulse */
.action-pulse {
  color: rgb(51,51,51);
  border: 2px solid rgb(51,51,51);
  padding: 6px;
  font-family: "Philosopher", "Raleway", Helvetica, Arial, sans-serif;  
  font-size: 16px;
  line-height: 16px;
  text-align: center;

  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;

  transition: color .3s;
  text-decoration: none !important;  
}

a.action-pulse:hover {
  color: var(--colour-span-blue);
  border: 2px solid var(--colour-span-blue);
}

@-webkit-keyframes action-pulse 
{
  45% 
  {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }

  100%
  {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes action-pulse 
{
  45% 
  {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
  }

  100% 
  {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
.action-pulse-100
{
	width:100%;
}
.action-pulse 
{
  display:inline-block;
  vertical-align:middle;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  box-shadow:0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -moz-osx-font-smoothing:grayscale;
}
.action-pulse:hover, 
.action-pulse:focus, 
.action-pulse:active 
{
  -webkit-animation-name:action-pulse;
  animation-name:action-pulse;
  -webkit-animation-duration:0.3s;
  animation-duration:0.3s;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;
}


/* the quote */
#quote {
	background-color: var(--colour-blue) !important;
}
#quote h2 {
	color: #fff !important;
	text-align: left;
	font-size: 30px;
}
#quote h3 {
	color: #fff !important;
	text-align: left;
	font-size: 20px;
	padding-left: 30px;
	padding-top: 20px;
}