/*
Theme Name: Oakline Private Wealth
Version: 1.0
Description: Custom theme
Author: DigiSage, Inc.
Author URI: https://digisage.com
template: bb-theme
*/

:root {
   --opw-green: #005457;
   --opw-gold: #cc961f;
   --opw-gold-ada: #cc961f;
   --opw-purple: ;
}

/* general */

body {
   font-weight: 300;
}

/* layering helpers */
.z-index-1 {
   position: relative;
   z-index: 1;
}
.z-index-5 {
   position: relative;
   z-index: 5;
}
.z-index-10 {
   position: relative;
   z-index: 10;
}

/* full-row padding to equalize content width */
.pad-left-pagewidth > .fl-col-content {
   padding-left: calc((100vw - 1100px) / 2);
}
.pad-right-pagewidth > .fl-col-content {
   padding-right: calc((100vw - 1100px) / 2);
}
@media(max-width:1140px) {
   .pad-left-pagewidth > .fl-col-content {
      padding-left: 0px;
   }
   .pad-right-pagewidth > .fl-col-content {
      padding-right: 0px;
   }
}

/* masthead */
#masthead .fl-row-content-wrap {
   transition: .3s;
}
.fl-theme-builder-header-scrolled #masthead .fl-row-content-wrap {
   background: #f8f8f2;
}

button.pp-advanced-menu-mobile-toggle {
   border: none !important;
}
button.pp-advanced-menu-mobile-toggle:hover {
   background: none !important;
}

.mobile-only {
   display: none !important;
}
@media(max-width:768px) {
   .mobile-only {
      display: block !important;
   }
}

/* homepage */

/* principles grid adjust BG positioning */
.principles-grid {
   background-position: center, center, -300px -350px !important;
   background-size: auto, auto, 130% !important;
}
/* principles grid with parallax - this hides the parallax image that is on left/right side */
.principles-grid-plax {
   position: relative;
}
body:not(.fl-builder-edit) .principles-grid-plax {
   overflow: hidden;
}
.principles-grid-plax::before,
.principles-grid-plax::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   top: -5px;
   width: calc((100vw - 1100px) / 2);
   height: calc(100% + 10px);
   background: #ffffff;
}
.principles-grid-plax::before {
   left: 0;
}
.principles-grid-plax::after {
   right: 0;
}
@media(max-width:1140px) {
   .principles-grid-plax::before,
   .principles-grid-plax::after {
      width: 20px;
   }
}
@media(max-width:992px) {
   .principles-wrapper-box > .fl-module-box {
      border-bottom-width: 0 !important;
   }
}
@media(max-width:500px) {
   .principles-wrapper-box > .fl-module-box {
      width: 100% !important;
   }
}

/* Moving case study buttons to align at bottom */
.case-studies .fl-module-button {
    margin-top: auto;
}