/*
Theme Name: Custom Framework
Theme URI: https://boostbydesign.com
Description:
Author: Boost by Design
Author URI: https://boostbydesign.com
Template: Total
Version: 4.7.1
*/

/**********
01 Fonts
02 Global colors
03 Header & Menu
04 UX Elements (buttons, accordions, etc.)
05 Slider/Hero
06 Design Elements
07 Gravity Forms
08 Sidebar
09 Blog
10 Footer
11 eCommerce
12 Media Queries
**********/

/*** 01 fonts ***/
html {font-size:62.5%;}

body, p, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    color: #1e1e1e;
    font-size:2rem;
    line-height:2.6rem;
}

h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;
    color: #1c3144;
    font-size: 4.8rem;
    font-weight: 400;
}

h2 {
  font-size:3.5rem;
}

h3 {
    font-size:2.7rem;
}

h4 {
    font-size:2.2rem;
}

/*** 02 global colors ***/
body {background: #fdfdfd;}
.grey {color: #1e1e1e;}
.lt-blue, .entry-title a:hover {color: #4aa4d6;}
.blue {color: #1c3144;}
.white, .white h1, .white h2, .white h3,
.white h4, .white p, .white a {color: #fdf7fa;}

.grey-bg{background-color: #1e1e1e;}
.lt-blue-bg {background-color: #4aa4d6;}
.blue-bg {background-color: #1c3144;}
.white-bg {background-color: #fdf7fa;}

/*** 03 header & menu ***/
.main-navigation-ul>.current-menu-item>a, .main-navigation-ul>.current-menu-ancestor>a,
.sf-menu .menu-item a:hover, .main-navigation-ul .sub-menu .current-menu-item>a:hover {
    color: #4aa4d6;
}

.about-nav {
  text-align: center;
}

#site-header-inner {
    padding: 15px;
}

.main-navigation-ul .sub-menu .menu-item a:hover {
    color: #fdf7fa;
    background: #4aa4d6;
}

/*** 04 ux elements ***/
* { transition: all 0.1s ease; }

a {
  color: #4aa4d6;
  font-weight: 500;
}

a:hover {color: #1c3144;}

h3 a:hover, .wpex-no-underline:hover {color: #4aa4d6 ;}

.theme-button, .color-button, input[type="submit"], button, .button, .added_to_cart,
.wp-block-search .wp-block-search__button, .wp-block-file a.wp-block-file__button,
.wp-block-button__link {
  font-weight: 600;
  background: #1c3144;
  color: #fdf7fa;
  padding: 10px 35px;
  font-size: 0.8em;
}

.theme-button:hover, .color-button:hover, input[type="submit"]:hover, button:hover,
.button:hover, .added_to_cart:hover, .wp-block-button__link:hover {
  background: #4aa4d6;
}

.white-btn {
    background: #fdf7fa;
    color: #1c3144;
    border-radius: 2px;
    margin-top: 40px;
    font-weight: 600;
    padding: 10px 35px;
}

.white-btn:hover {
    background: #4aa4d6;
    color: #fdf7fa;
}

.blue-btn, .gform_button {
    background: #1c3144 !important;
    color: #fdf7fa;
    border-radius: 2px;
    margin-top: 40px;
    font-weight: 600;
    padding: 10px 35px;
}

.blue-btn:hover, .gform_button:hover {
    background: #4aa4d6 !important;
    color: #fdf7fa;
}

.lt-blue-btn {
    background: #4aa4d6 !important;
    color: #fdf7fa;
    border-radius: 2px;
    margin-top: 40px;
    font-weight: 600;
    padding: 10px 35px;
}

.lt-blue-btn:hover {
    background: #1c3144 !important;
}

.btn-margin {
    margin-top: 0px;
}

li {
    margin: 0.5em;
}

.page-numbers a:hover {
  background: #1c3144;
  color: #fff;
}

.consult {
    background: #4aa4d6;
    border-radius: 4px;
}

.consult a {
    color: #fff !important;
}

/*** 05 slider/hero  ***/
.header-bg-text, .header-bg-text h1, .header-bg-text p {
  color: #fdf7fa;
  text-align: center;
}

.page-banner {
    min-height: 400px;
    background-attachment: unset !important;
    background-position: top center !important;
}

.contact-link a:hover {
    color: #fff;
    text-decoration: underline;
}

/*** 06 design elements ***/
.site-content ul {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style: none;
}

.site-content ul li::before {
  content: "";
  border-color: transparent #4aa4d6;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 1em;
  position: relative;
}

.btm-margin { margin-bottom: 30px !important; }

.bg-padding {
  padding: 40px 0;
}

.cta {
    padding: 150px 0;
}

.cta p {
  font-family: 'Playfair Display', serif;
  color: #fdf7fa;
  font-size: 4rem;
  font-weight: 400;
  text-align: center;
}

.bio-container {
  margin-bottom: 20px;
}

.staff {
    margin: 15px 0;
    display: inline-block;
    width: 70%;
}

.headshot {
  display: inline-block;
  width: 20%;
}

.principle-name {
    font-size: 3rem;
    font-family: 'Playfair Display';
    color: #1c3144;
    margin-bottom: 15px;
}

.principle-title {
    font-size: 2rem;
}

.email, .staff-container a {
    font-size: 1.5rem;
    color: #1c3144;
}

.bio p {
    margin: 5px;
}

.staff-container {
    margin: 15px 0;
}

.staff-name {
    font-size: 2.25rem;
    font-weight: 400;
}

.staff-title {
    font-size: 2rem;
    font-weight: 100;
}

.webinar.date {
  font-weight: 400;
}

.testimonial-copy {
  font-style: italic;
  margin-left: 20px;
}

.testimonial-copy:before {
    content: open-quote;
    font-family: 'Playfair Display';
    font-size: 5em;
    font-style: normal;
    left: -20px;
    top: 15px;
    position: absolute;
}

.testimonial-name {
    font-size: 0.8em;
    margin: 15px 0 0 20px;
}

.service-box {
    font-family: 'Playfair Display';
    font-size: 1.4em;
    line-height: 1.3em;
    text-align: center;
    background: rgb(255 255 255 / 90%);
    color: #1c3144;
    padding: 50px 0;
    border-radius: 2px;
    border-bottom: 6px #4aa4d6 solid;
    min-height: 220px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.service-box:hover {
    background: #4aa4d6;
}

a.service-link:hover {
    text-decoration: none;
}

a .service-box:hover {
    color: #fff !important;
    text-decoration: none;
}

.webinar-entry, .podcast-entry {
    margin: 30px 0px;
}

.webinar-title, .podcast-title {
    font-family: 'Playfair Display', serif;
    color: #1c3144;
    font-size: 3.5rem;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 3.8rem;
}

.webinar-date, .podcast-date {
    font-family: 'Playfair Display';
    margin: 15px 5px;
}

.single-shp-podcast .post-pagination-wrap,
.single-shp-podcast .meta,
ul.wpex-social-share__list li::before {
    display: none;
}

.podcast-transcript {
    font-style: italic;
}

.filter-list {
    text-align: center;
    font-size: 0.9em;
}

li.page-item {
    display: inline-block;
    margin: 0 15px;
}

.vcex-toggle__title {
    font-weight: 600 !important;
    font-size: 1.1em !important;
}

.vcex-toggle__trigger {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/*** 07 gravity form ***/
#gform_wrapper_2 {
    margin-left: 15%;
}

#gform_12 .gchoice:hover {
    background: #4aa4d6;
    transition: 0.25s;
}

#gform_12 .gfield_label {
    font-size: 2em !important;
    line-height: 1.1em;
}

/*** 08 sidebar ***/

/*** 09 blog ***/
.entry-title {
    font-family: 'Playfair Display';
    line-height: 1.3em;
    color: #4aa4d6;
}

h2.wpex-card-title {
    font-family: 'Playfair Display';
    color: #4aa4d6;
}

h2.wpex-card-title:hover, .wpex-heading a:hover {
  color: #1c3144;
}

.wpex-text-xs {
    font-size: 0.7em;
    font-weight: 600;
    color: #1c3144;
}

.wpex-card-primary-term a {
    color: #1c3144;
    font-weight: 700;
}

.site-content ul.meta  li::before,
ul.page-numbers li::before {
    display: none;
}

.meta, .meta a {
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
    color: #1c3144;
}

.meta-date {
    border-bottom: var(--wpex-gray-400) solid 2px;
}

ul.meta, li.meta-date {
    margin: 0;
    padding: 15px 0;
}

.wpex-bordered-list li {
    font-size: 0.8em;
}

.widget ul li a {
    font-weight: 600;
}

/*** 10 footer ***/
.footer-builder {
  background: #1e1e1e;
  padding: 20px 0;
}

.copyright {
  margin-top:15px;
  font-size: 1.5rem;
}

#gform_12 .gchoice {
    border: 1px solid #b8b8b8;
    margin: 15px 0;
    padding: 15px;
}

/*** 11 eCommerce ***/

/*** 12 media queries ***/