/*-- brand colours:
    gold (primary):
      #957343 / RGB - 149, 115, 67
    gold (secondary):
      #a89374 / RGB - 168, 147, 116
    off white:
      #e0e0e0 / RGB - 224, 224, 224
    grey:
      #54595f / RGB - 84, 89, 95
    off black:
      #141414 / RGB - 20, 20, 20
    black:
      #000000 / RGB - 0, 0, 0
    --*/

.tso-brand-banner { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.0), 
    rgba(0,0,0,0.0)), 
    url(../videos/tso-brand-glitch.mp4);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.grunge-banner { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.0), 
    rgba(0,0,0,0.0)), 
    url(../images/banners/grunge-bg.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.tso-grunge-banner { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.0), 
    rgba(0,0,0,0.0)), 
    url(../images/banners/tso-grunge-bg.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.tso-grunge-banner-2 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.3), 
    rgba(0,0,0,0.0)), 
    url(../images/banners/tso-grunge-bg-2.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.tso-banner { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../images/banners/grunge-bg.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.tso-couple { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../images/banners/couple-holding-hands.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(0) contrast(150%);
}

.tso-couple-angle { 
  background: 
    linear-gradient(55deg, 
    rgba(168, 147, 116, 0.9) 0%, 
    rgba(168, 147, 116, 0.9) 49.9%, 
    rgba(255, 255, 255, 0) 50%, 
    rgba(255, 255, 255, 0) 100%),
    url(../images/banners/couple-holding-hands-gry.jpg);
  background-blend-mode: multiply;
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1) contrast(150%);
}

.tso-bible-angle { 
  background: 
    linear-gradient(55deg, 
    rgba(168, 147, 116, 0.9) 0%, 
    rgba(168, 147, 116, 0.9) 49.9%, 
    rgba(255, 255, 255, 0) 50%, 
    rgba(255, 255, 255, 0) 100%),
    url(../images/banners/bible-on-table-gry.jpg);
  background-blend-mode: multiply;
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1) contrast(150%);
}

.tso-bible { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../images/banners/bible-on-table.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.off-white { 
  background-color: #e0e0e0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#141414;
}

.off-black { 
  background-color: #141414;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#e0e0e0;
}

.prayer { 
  background: url(../images/banners/prayer.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.faith { 
  background: url(../images/banners/faith.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.surrender { 
  background: url(../images/banners/surrender-key-obedience.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.vulnerability-1 { 
  background: url(../images/banners/vulnerability-1.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.vulnerability-2 { 
  background: url(../images/banners/vulnerability-2.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}






.section-fullscreen {
  min-height: 100vh;
}

.section-75 {
  min-height: 75vh;
}

.section-65 {
  min-height: 65vh;
}

.section-50 {
  min-height: 50vh;
}

.section-35 {
  min-height: 35vh;
}

.section-20 {
  min-height: 20vh;
}

.section-xlg {
  padding: 150px;
}

.section-lg {
  padding: 90px;
}

.section-md {
  padding: 70px;
}

.section-sm {
  padding: 35px;
}

.flex-vertical-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align:baseline !important;
}

.flex-vertical-left {
  display: flex !important;
  align-items: center !important;
  justify-content: left !important;
  vertical-align:baseline !important;
}