CSS

//ADDING BEBASNEUEPRO FONT//
@font-face {    
font-family: 'BEBASNEUEPRO';       
src: url('https://static1.squarespace.com/static/5e96429d7c1dd078f7283c7f/t/5ea71a5470aadd4ee9368d17/1588009557982/BebasNeuePro-Bold.ttf');  
}

@font-face {    
font-family: 'BEBASNEUEPROREGULAR'; 
src: url('https://static1.squarespace.com/static/5e96429d7c1dd078f7283c7f/t/5ea71c4c07ed4440bbfd5879/1588010061986/BebasNeuePro-Regular.ttf');  
}
h1, h2, h3 {
font-family: 'BEBASNEUEPRO';
}

@button: #2f4f4f;
/* quote block color */
/* page has quote block: /workplace-culture-101, /getting-the-most-from-leadership-training,... */
.quote-block * {
    color: @button;
}
/* buttons color */
a.sqs-block-button-element {
    background-color: @button !important;
}

/* Prevent header appears behind Page Content */
/* button overlap header */
body:not(.sqs-edit-mode-active) {
  .Mobile-bar.Mobile-bar--top, header.Header.Header--top {
    z-index: 99999999999;
}}

/* Fix overlap between Header - Mobile Folder Dropdown Content */
.Mobile-overlay-folder {
    margin-top: 80px !important;
}
/* Fix overlap between Header - Mobile menu content */
nav.Mobile-overlay-nav.Mobile-overlay-nav--primary {
    margin-top: 80px;
}

/* MOBILE MENU - space between mobile menu items */
a.Mobile-overlay-folder-item {
    padding-bottom: 1.2em;
}
/* space between mobile menu folder items */
.Mobile-overlay-nav-item {
    padding-bottom: 1.2em;
}
/* DESKTOP HEADER - Disable Dropdown title click */
a.Header-nav-folder-title {
    pointer-events: none;
}

/* Align Header - Page Content*/
@media screen and (min-width:1020px) {
    .Header-inner.Header-inner--top {
    padding-left: 138px;
    padding-right: 138px;
}
body:not(.sqs-edit-mode) header.Header.Header--top {
    position: sticky;
    top: 0;
width: 100%;
    float: left;
}
a.Header-branding {
    padding-left: 0px !important;
}
nav.Header-nav.Header-nav--secondary {
    display: none;
}
nav.Header-nav.Header-nav--primary {
    padding-right: 0px !important;
}}
@media screen and (max-width:1019px) and (min-width:641px) {
    .Header-nav-inner>a:last-child {
        margin-right: 0px !important;
    }
}

/* HOME - Increase spacer block heigh on top image */
div#block-yui_3_17_2_1_1758908157303_10423 div {
    padding-bottom: 40% !important;
}
/* HOMEPAGE - Top section Fade text */
#block-e9061f5265d76c2394bb, #block-yui_3_17_2_1_1758909404537_5275 {
  p {
  opacity: 0;
  transform: translateY(30px);
  font-size: 18px;
  margin-bottom: 30px;
  color: #fff;
  text-align: justify;
  animation: fadeInUp 1s ease-out forwards;
}
p:nth-child(1) {
  animation-delay: 0s;
}
p:nth-child(2) {
  animation-delay: 1.2s;
}
p:nth-child(3) {
  animation-delay: 2.4s;
}
p:nth-child(5) {
  animation-delay: 3.6s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
  }}
@media screen and (max-width:640px) {
  div#block-yui_3_17_2_1_1758909404537_5275 * {
    font-size: 16px;
}
}
/* END HOMEPAGE - Top section Fade text */
/* HOMEPAGE - Fixed space on top on reload */
@media screen and (max-width:640px) {
section#climbing-cover-image2 {
display: none !important;
}
}
section#climbing-cover-image2 {
max-height: 100px;
overflow: hidden;
min-height: 150px !important;
}
/* BLOG OVERVIEW PAGE - Adding a space on top */
@media screen and (min-width:641px) {
  .collection-type-blog.view-list {
    main {
    padding-top: 200px;
}}}

/* BLOG DETAIL POSTS - Align title center */
.tweak-blog-item-alignment-left .BlogItem-title {
    text-align: center;
}
/* BLOG DETAIL POSTS - space between header - blog title */
h1.BlogItem-title {
    margin-top: 50px;
}

/* FORM BLOCK - Submission text style, ex: Contact Page */
.form-submission-text {
    text-align: center;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    letter-spacing: 0em;
    line-height: 1.1em;
    text-transform: none;
    font-family: 'BEBASNEUEPRO';
    color: #2b4f69;
}