/*CSS File For Sign-In webpage */
@font-face {
    font-family: "krub";
    src: url("../assets/fonts/krub/Krub-Regular.woff")  	format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "krubB";
    src: url("../assets/fonts/krub/Krub-Bold.woff")  	    format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "krubI";
    src: url("../assets/fonts/krub/Krub-Italic.woff")     format("woff");
    font-weight: normal;
    font-style: normal;
}
body{
  font-family: krub, Helvetica, Arial;
  width: 100%;
}
.bold {
  font-family: krubB, sans-serif;
}
.italic {
  font-family: krubI, sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: krubB, Helvetica, Arial;
    font-style: normal;
    font-weight: 100;
}
.logo{
  height: 6rem;
}
.nav-bar{
  font-size: 1.2rem;
  background: rgb(29,110,155);
  color: #e3e3e3;
}
/*.nav-bar-color{
  background: white;
  color: black;
}
.nav-bar-color a{
  background: white;
  color: black;
}*/
.nav-bar-right{
  margin-right: 2rem;
  margin-top: 1.5rem;
}
.nav-bar-right a:hover{
  color: grey;
  border-bottom: 2px solid #5993c3;
}
.nav-bar li{
  border: 1px solid transparent;
  background: transparent;
  color: #e3e3e3;
}
.nav-bar .offcanvas-trigger{
  background: transparent;
  color: #e3e3e3;
}
.submenu{
  background-color: transparent;
}
.page-title,
.page-title a{
  color: #e3e3e3;
  text-align:left;
}
.page-title a, .page-title a:hover{
  border: none;
}
.reverse-color,
.page-title-reverse a{
  color: #373737;
}
.page-title-reverse,
.page-title-reverse a{
  color: #e3e3e3;
}
.page-title-secondary,
.page-title-secondary a{
  color: #373737;
}
h1, h2, h3, h4, h5, h6, label{
  color: black;
  font-weight: normal;
}
.block-header,
.block-page-header {
  color: #e3e3e3;
  border-color: #e3e3e3;
}
.button {
  width: 15rem;
  background: transparent;
  color: #e3e3e3;
}
.card.title-overlay .card-section {
  background-color: transparent;
  color: #fefefe;
}
.card.title-overlay:hover .card-section {
  background: #fefefe;
  color: #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
.card.title-overlay:hover .card-section h2,
.card.title-overlay:hover .card-section h3,
.card.title-overlay:hover .card-section h4 {
  color: #e3e3e3;
}
.card-divider {
  color: #fefefe;
}
#main-content-section {
  color: #e3e3e3;
  background-color: #373737;
}
.breadcrumbs li:not(:last-child)::after {
  color: #e3e3e3;
}
.breadcrumbs a {
  color: #e3e3e3;
}
.news-display-teaser {
  border-bottom: none;
  padding: 5px;
}
.section {
  border-top: 2px solid #1d6e9b;
  border-top: none;
  text-align: left;
}
.section-title {
  border-top: none;
}
.dropdown .is-dropdown-submenu{
    background-color: #1d6e9b;
}
#homepage .dropdown .is-dropdown-submenu{
    background-color: transparent;
}
@media print, screen and (min-width: 40em) {
  .section, section {
      padding: 20px 0 20px 0;
  }
  .section-beveled .grid-container-half {
      padding: 10px 0 10px 0;
  }
}
.dropdown.menu > li.is-active > a {
  background: 0 0;
  color: #e3e3e3;
}
.nav-bar a.is-active {
  border: 2px solid #5993c3;
  border-radius: 5rem;
}
.dropdown.menu.vertical > li.opens-left > a::after {
    border-color: transparent #fefefe transparent transparent;
}
.dropdown.menu.vertical > li.opens-right > a::after {
    border-color: transparent transparent transparent #fefefe;
}
.testimonials{
  position: relative;
}
.testimonial-top-left{
  position: absolute;
  top: 0;
  left: 0;
}
.testimonial-bottom-right{
  position: absolute;
  bottom: 0;
  right: 0;
}
.slick-testimonial{
  color: #1d6e9b;
  background-color: #e3e3e3;
  margin-left: 5rem;
  margin-top: 2rem;
  text-align: right;
}
.slick-slidernav{
  color: #1d6e9b;
  background-color: #e3e3e3;
}
.slick-next:before,
.slick-prev:before {
    color: #1d6e9b;
}
.mid-screen{
  min-height: 50vh;
  height: 50vh;
}
.third-screen{
  min-height: 30vh;
  height: 30vh;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #e3e3e3 transparent transparent;
}
#main-content-section>.section{
  padding: 0;
  margin: 0;
}
.block-header, .block-page-header{
  border: none;
}
a:focus, a:hover {
  color: #e3e3e3;
}
.columns-img{
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
.columns-img2{
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 15vw;
  border-radius: 15vw;
}
.hero-full-screen .left-content-section{
  z-index: 1;
  text-align: left;
  max-width: 800px;
  color: #fefefe;
  font-weight: 700;
}
.section, section{
  padding: 2rem 0;
}
.caption-teaser-special{
  text-align: left;
  padding-right: 2rem;
  padding-left: 2rem;
}
.align-horizontal{
  display: -webkit-box;
	display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.align-vertical{
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.accent-colour{
  color: #1d6e9b;
}
.contact{
  padding: 3rem 0;
}
.bg-primary {
  background: #1d6e9b;
  color: #e3e3e3;
}
.bg-primary-grey {
  background: #e3e3e3;
  color: black;
}
.bg-primary-grey-reverse {
  color: #e3e3e3;
  background: black;
}
.bg-secondary {
  background: #5993c3;
  color: #e3e3e3;
}
.bg-secondary-reverse{
  color: #5993c3;
  background: #e3e3e3;
}
.bg-primary-reverse, .bg-primary-reverse1 {
  color: #1d6e9b;
  background: #e3e3e3;
}
.bg-white{
  color: #1d6e9b;
  background-color: white;
}
.bg-white-button{
  background-color: #1d6e9b;
  color: white;
}
.bg-white-reverse{
  background: black;
  color: #e3e3e3;
}
.hero-full-screen svg {
  fill: #e3e3e3;
}
.hero-full-screen, .center-content-section, .left-content-section {
  background-color: transparent;
}
.hero-full-screen .center-content-section{
  margin-top: 140px;
  margin-bottom: 40px;
}
.left-content-section{
  text-align: left;
  margin-left: 10vw;
}
.mid-screen .left-content-section{
  margin-top: 10vh;
}
.third-screen .left-content-section{
  margin-top: 10vh;
}
.bg-primary a, .bg-secondary a, .bg-white-reverse a{
  color: #e3e3e3;
}
.bg-primary a:hover, .bg-secondary a:hover{
  background: #e3e3e3;
}
.bg-white-reverse a:hover{
  color: white;
}
.bg-primary a:hover{
  color: #1d6e9b;
}
.bg-secondary a:hover{
  color: #5993c3;
}
.bg-primary-reverse a{
  color: #1d6e9b;
}
.bg-primary-reverse1 a{
  color: #e3e3e3;
}
.bg-secondary-reverse {
  color: #5993c3;
}
.page-footer .bg-primary-grey-reverse, .page-footer .bg-primary-grey-reverse1{
  color: grey;
}
.hero-full-screen a:hover, .clear a:hover{
  background: transparent;
}
.accordion-title {
  color: #1d6e9b;
  background: #e3e3e3;
  border: 2px solid #1d6e9b;
}
.accordion-title h2,
.accordion-title h3 {
    font-family: krubB;
}
.bg-primary .accordion-title:active,
.bg-primary .accordion-title:focus,
.bg-primary .accordion-title:hover {
    background: #5993c3;
    color: #e3e3e3;
}
.bg-secondary .accordion-title:active,
.bg-secondary .accordion-title:focus,
.bg-secondary .accordion-title:hover {
    background: #1d6e9b;
    color: #e3e3e3;
}
.bg-primary .accordion-title:active h2,
.bg-primary .accordion-title:active h3,
.bg-primary .accordion-title:focus h2,
.bg-primary .accordion-title:focus h3,
.bg-primary .accordion-title:hover h2,
.bg-primary .accordion-title:hover h3 {
    background: #5993c3;
    color: #e3e3e3;
}
.bg-secondary .accordion-title:active h2,
.bg-secondary .accordion-title:active h3,
.bg-secondary .accordion-title:focus h2,
.bg-secondary .accordion-title:focus h3,
.bg-secondary .accordion-title:hover h2,
.bg-secondary .accordion-title:hover h3 {
    color: #e3e3e3;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 2px solid #1d6e9b;
}
.accordion-title:focus,
.accordion-title:hover {
  background-color: #5993c3;
  color: #e3e3e3;
}
.accordion-title h3{
  background: transparent;
}
.bg-primary .accordion-content {
  background-color: #e3e3e3;
  color: #5993c3;
  border: 2px solid #5993c3;
}
.bg-secondary .accordion-content {
  background-color: #e3e3e3;
  color: #1d6e9b;
  border: 2px solid #1d6e9b;
}
:last-child > .accordion-content:last-child {
  border-bottom: 2px solid black;
}
.section-beveled .bg-img2 {
  background-size: cover;
  background-position: center;
  margin-top: -1rem;
}
.img-bio{
  display: block;
  width: 25rem;
  margin: 0 auto;
}
.logo-footer{
  display: block;
  width: 8rem;
}
.cell{
  /*border: 1px solid black;*/
}
.menu1, .menu2{
  margin-top: -2rem;
}
.menu1 li, .menu1 a{
  color: #c1c5c8;
  background: transparent;
}
.menu1 > .dropdown.menu.vertical > li.opens-left > a::after {
    border-color: transparent #c1c5c8 transparent transparent;
}
.menu > .dropdown.menu.vertical > li.opens-right > a::after {
    border-color: transparent transparent transparent #c1c5c8;
}
.menu1 > .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #c1c5c8 transparent transparent;
}
.button-burger{
  margin-top: 2rem;
  color: white;
  border: none;
  font-size: 200%;
}
.offcanvas-inner .menu.drilldown a {
    background: white;
    color: black;
}
.offcanvas-inner .menu.drilldown a:hover {
    background: #1d6e9b;
    color: white;
}
.hero-image{
  position: relative;
  width: 100%;
  height: 100%;
}
.hero-caption{
  position: absolute;
  top: 0;
  left: 0;
}
.hero-carousel .slick-dots{
  margin-bottom: 5rem;
}
.testimonials .slick-dots li button:before, .hero-carousel .slick-dots li button:before{
  font-size: 15px;
  line-height: 15px;
  color: white;
}
.testimonials .slick-dots li button:before{
  color: #5993c3;
}
.hero-carousel .slick-dots li.slick-active button:before {
  color: white;
}
.privacy-h1-font, .disclaimer-h1-font, .nopicture-h1-font{
  margin-top: 20vh;
}
.address-h1-font, .address-p-font{
  text-align: center;
}
.button-font{
  font-family: krubB;
  font-size: 23px;
  background: #5993c3;
  color: #e3e3e3;
  width: 10rem;
  border-radius: 50%;
}
.Values-p-font{
  width: 90%;
  margin: 0 auto;
}
.Who-p-font, .What-p-font, .Delivered-p-font, .whatitis-p-font, .peoplefirst-p-font, .aboutglobalcoaching-p-font {
  text-align: justify;
  text-justify: inter-word;
}
.user-menu-container{
  background-color: transparent;
}
.off-canvas, .offcanvas-inner .menu{
  background: #333333;
}
.offcanvas-inner .menu.drilldown a {
  font-family: krubB;
  font-size: 16px;
  background: #333333;
  color: #e3e3e3;
  border: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}
.offcanvas-inner .menu.drilldown a:hover {
  background: #e3e3e3;
  color: #333333;
}
.offcanvas-inner .menu.drilldown .is-active {
  background: #e3e3e3;
  color: #333333;
}
.post-display--teaser {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 1rem;
  height: 100%;
}
.post-display--teaser.card {
  padding-left: 0;
  padding-right: 0;
}
@media print, screen and (min-width: 64em) {
  .post-display--teaser {
      margin-bottom: 0;
      padding: 0;
  }
}
.post-display--teaser img {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.post-display--teaser .card-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.post-display--teaser .card-section .post-title {
  margin-bottom: 0.5rem;
}
.post-display--teaser .card-section .post-title .prototitle {
  font-weight: bold;
  font-size: 0.75rem;
}
.post-display--teaser .card-section .meta .date-event {
  font-weight: 600;
}
.post-display--teaser .card-section p {
  position: relative;
}
.post-display--teaser .card-footer .icon-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.absolute-link {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.prototitle {
  font-weight: bold;
  display: block;
  font-size: 1rem;
  text-transform: uppercase;
  color: #1d6e9b;
}