/*
Theme Name: Coaching By Kim
Theme URI: 
Author: Pippin Gilman
Author URI: https://wwww.coachingbykim.com
Description: Website for a coaching business
Tags: coaching
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cbktheme
*/

/* Variables */
:root {
  --font-sans: "Poppins", Helvetica, sans-serif; /*  "Inter", "Montserrat", defines variables that can be passed into css */
  --font-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman,
    Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol;
  --font-size: 17px;

  --color-green: #27ae60; /* hover over links color */
  --color-light: #f2f2f2;
  --color-dark: #333;
  --color-yellow: #ffda00; /* hover nav menu links color */
  --color-white: #ffffff;
  --color-red: #ef1f22;
  --color-pink: #f50057;
  --color-purple: #8711c1; /* to transformation color */
  --color-teal: #007481;
  --color-hover-teal: #008dae;
  --color-blue: #0067a4;
  --color-dark-blue: #00277b;
  --color-light-blue-gray: #020202;
  --color-medium-blue-gray: #6699CC;
  --color-dark-blue-gray: #366BA1;
  --color-hero-header: #4d5188; 
  --color-hero-sub-head:  #234567; 
  --color-quote-box: #e3e5f1;

  --transition-dur: 0.3s;
}

/* Typography Styles */

html {
  font-family: var(--font-sans);
  font-size: var(--font-size); /*Sets font-size to the root font-size value to work off of*/
  line-height: 1.3rem; /*rem is to root em   you could just say em which would be to the entity*/
}

body {
  font-family: var(--font-sans);
  font-size: 1rem; 
  line-height: 1.3rem; 
}

p {
  color: var(--color-dark-blue);
  font-weight: 400;
}

em {
  color: var(--color-dark-blue);
  font-weight: 500;
}

div.row > div {
  padding-left: 0;
  padding-right: 0;
}

a {
  text-decoration: none;
  transition: var(--transition-dur);
}

a:hover {
  color: var(--color-hover-teal);
}

h1,
h2,
h3 {
  font-weight: 800;
}

h1 {
  color: var(--color-light);
  font-size: 3.5rem;
}

h2 {
  color: var(--color-dark-blue);
  font-size: 2.8rem;
  margin-bottom: 1rem;
  transition: var(--transition-dur);
}

h3 {
  color: var(--color-dark-blue);
  font-size: 2rem;
  margin-bottom: 0.9rem;
  transition: var(--transition-dur);
}

h4 {
  color: var(--color-dark-blue);
  font-size: 1.2rem;
  font-weight: 700;
}

.sub-title {
  margin-bottom: 0;
}

.spacer {
  margin: 75px 0;
}

.legal-h3,
.legal-h2 {
  font-family: var(--font-sans);
  font-size: 1rem;
  color: var(--color-dark-blue);
  font-weight: bold;
  line-height: 1.3rem;
}

/* Elementor Widgets Styles */

.title-wrapper .sub-title {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--color-pink);
}


/* Package Page Elements*/

#package-content {
  background-color: var(--color-light);
  margin-bottom: 20px;
}

.package-h4 {
  font-size: 1.2rem;
}

#package-content-intro h2 {
  margin-bottom: 40px;
}

#package-content-footer-callout-ul {
  list-style: none;
}

.checkmark-li:before {
  content: "\2714\0020" ; /* checkmark for the bullet '✓' with some bold weighting*/
  margin-left: -15px;
  color: var(--color-dark-blue);
}

.checkmark-li span {
  color: var(--color-dark-blue);
}

#package-content {
  border: 1px solid var(--color-dark-blue);
  box-shadow: 5px 5px 10px rgba(0 39 123 / 50%); /* RGB is same as the Dark Blue color */
  padding: 2rem;
}

#package-content-footer {
  margin-top: 20px;
}

/* end package page*/

span.read-more a {
  color: var(--color-dark-blue);
  font-weight: 600;
}

span.read-more a:hover  {
  color: var(--color-hover-teal);
}

/* Button Styles*/

.btn {
  padding: 20px 30px; 
  display: inline-block;
  border: none;
  transition: var(--transition-dur);
  margin-bottom: 20px;
  font-weight: bold;
}

.btn:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0, 0.5);
}

.btn.btn-primary {
  color: #111;
  background-color: var(--color-yellow);
  padding: 20px 50px;
}

.btn.btn-secondary {
  color: #fff;
  background-color: rgba(51, 51, 51, 0.1);
  padding: 20px 50px;
}

.btn.btn-invert {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 12px 0;
}

.btn.btn-invert:hover {
  box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.2);
}

/* Form Styles */

input[type="text"] {
  font-size: 1rem;
  padding: 8px 5px;
  border-radius: 5px;
}

/* Title Banner */
/*
.title-banner {
  padding: 80px 0 60px 0;
   background: linear-gradient(
    2.5deg,
    #8711c1 0%,
    var(--color-dark-blue) 50%,
    var(--color-blue) 100% 
  );
}
*/
.page-title {
  margin-top: 25px;
}

.banner-text .elementor-text-editor  
p {
  color: var(--color-light);
}

.title-banner .sub-title {
  color: var(--color-yellow);
}

/* Top Navigation */

#top-navigation {
  position: absolute;
  width: 100%;
  z-index: 999;
}


#mobile-menu-btn {
  padding-top: 20px;
}

/* Coaching By Kim h2 in header.php */
.navbar-brand {
  color: var(--color-white);
  padding: 0 0 15px 0; 
  font-size: 1.3rem;
  font-weight: 600;
}

.navbar-brand a, 
.navbar-brand a:hover {
  color: var(--color-white);
  font-size: 1.75rem;
}

/* Tagline under Coaching by Kim in header.php */
.navbar-brand-tagline {
  margin-top: -22px;
  color: var(--color-white);
  font-style: italic;
  font-size: 0.95rem;
}

/* Hide titles from showing up in banner-title*/

#page-heading {
  display: none;
}

/* div components to align logo and text in navbar-brand area in header.php*/
#navbar-brand-text-block {
  padding: 0;
}

#navbar-brand-logo-block {
  padding: 0;
}

#logo-img {
  max-width: 100px;
  height: auto;
  padding: 5px;
}

.main-menu .navigation {
  position: static;
  margin: 0;
  padding-right: 10px;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  margin-right: 15px;
  padding: 15px 0 15px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease; /*custom fallback for firefox copied from example, unclear if needed now*/
  -webkit-transition: all 500ms ease; /*custom fallback for webkit copied from example, unclear if needed now*/
  -ms-transition: all 500ms ease; /*custom fallback for Microsoft copied from example, unclear if needed now*/
  -o-transition: all 500ms ease; /*custom fallback for Opera copied from example, unclear if needed now*/
}

.main-menu .navigation > li.current-menu-item a {
  color: var(--color-yellow);
}

.main-menu .navigation li a {
  font-weight: 600;
}

.main-menu .navigation > li:last-child {
  margin-right: 0;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a {
  opacity: 1;
  color: var(--color-yellow);
}

.main-menu .navigation > li > a {
  position: relative;
  display: block;
  color: var(--color-white);
  text-align: center;
  line-height: 30px;
  text-transform: capitalize;
  letter-spacing: 0;
  opacity: 1;
  overflow: hidden;
  font-weight: 400;
  font-size: 1.1rem;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease; 
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease; 
  -o-transition: all 500ms ease; 
}

.main-menu .navigation > li:hover > a::after,
.main-menu .navigation > li.current > a::after {
  width: 22px;
}

.main-menu .navigation > li.menu-item-has-children > a {
  padding-right: 16px !important;
}

.main-menu .navigation > li.menu-item-has-children > a:before {
  font-family: flaticon;
  content: "\f104"; /* this refers to a flaticon value that is referenced in the font folder  .flaticon-arrow-down-sign-to-navigate:before */
  position: absolute;
  right: 0px;
  font-size: 12px;
  line-height: 34px;
  font-weight: 800;
}

.main-menu .navigation > li > ul {
  position: absolute;
  right: -50px;;
  top: 60px;
  min-width: 180px;
  z-index: 100;
  opacity: 0; 
  list-style: none;
  visibility: hidden;
  display: block;
  transition: all var(--transition-dur) 2s 1s;
  -webkit-transition: all var(--transition-dur) 2s 1s;
  padding: 20px 15px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f9f9f9; /* Sets small border line below the sub-menu items */
}

.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none; /* Hides the small border line on the last item in the list */
}

.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height: 24px;
  font-weight: 400;
  font-size: 0.9rem;
  text-transform: capitalize;
  color: var(--color-dark);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a {
  color: var(--color-yellow);
  padding-left: 10px;
}

.main-menu .navigation > li > ul > li.menu-item-has-children > a:after {
  font-family: flaticon;
  content: "\f105"; 
  position: absolute;
  right: 15px;
  top: 14px;
  width: 10px;
  height: 20px;
  display: block;
  color: var(--color-dark);
  line-height: 20px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
  font-weight: 800;
}

.main-menu .navigation > li > ul > li.menu-item-has-children:hover > a:after {
  color: var(--color-dark);
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 120%;
  top: 0%;
  min-width: 150px;
  z-index: 100;
  list-style: none;
  opacity: 0;
  display: block;
  padding: 20px 15px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  transition: all var(--transition-dur) ease;
  -moz-transition: all var(--transition-dur) ease;
  -webkit-transition: all var(--transition-dur) ease;
  -ms-transition: all var(--transition-dur) ease;
  -o-transition: all var(--transition-dur) ease;
}


.main-menu .navigation > li > ul > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 18px;
  line-height: 24px;
  font-weight: 400;
  font-size: 0.9rem;
  text-transform: capitalize;
  color: var(--color-dark);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a {
  color: var(--color-yellow);
  padding-left: 10px;
}

.main-menu .navigation > li.menu-item-has-children:hover > ul {
  visibility: visible;
  opacity: 90%;
  display: block;
  right: -50px;
  border-top: 0px !important;
  transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
}

.main-menu .navigation li > ul > li.menu-item-has-children > ul {
  transform: rotateZ(8deg);
  -moz-transform: rotateZ(8deg);
  -webkit-transform: rotateZ(8deg);
  -ms-transform: rotateZ(8deg);
  -o-transform: rotateZ(8deg);
}

.main-menu .navigation li > ul > li.menu-item-has-children:hover > ul {
  visibility: visible;
  display: block;
  opacity: 1;
  top: 0;
  left: 100%;
  transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-menu > ul li.menu-item-has-children .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  border: 1px solid #ffffff;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-menu
  > ul
  li.menu-item-has-children
  .dropdown-btn
  i.flaticon-arrow-down-sign-to-navigate::before {
  font-size: 100px;
}

.navbar-open {
  position: relative;
  display: none;
  background-color: unset !important;
  padding: 0;
  border: none;
  position: absolute;
  right: 32px;
  top: 0px;
}

.navbar-open .flaticon {
  color: #fff;
  display: block;
  font-size: 30px;
  line-height: 40px;
  cursor: pointer;
  padding: 18px 0px;
}

/* Mobile Menu*/

.mobile-menu {
  position: fixed;
  right: 0;
  top: 125px;
  width: 300px;
  max-width: 100%;
  height: 400px;
  padding-right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1500;
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  /* Toggles the menu visible*/
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 125px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
  transform: translateX(101%);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transition: all var(--transition-dur) ease;
  -moz-transition: all var(--transition-dur) ease;
  -webkit-transition: all var(--transition-dur) ease;
  -ms-transition: all var(--transition-dur) ease;
  -o-transition: all var(--transition-dur) ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
}

.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 500px;
  max-height: 2000px;
  overflow-y: auto;
  background: #fff;
  padding: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  transform: translateX(101%);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-size: 26px;
  color: var(--color-dark);
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all var(--transition-dur) ease;
  -moz-transition: all var(--transition-dur) ease;
  -ms-transition: all var(--transition-dur) ease;
  -o-transition: all var(--transition-dur) ease;
  transition: all var(--transition-dur) ease;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
  opacity: 0.5;
}

.mobile-menu .navigation {
  position: relative;
  padding-top: 50px;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > ul > li:last-child {
  border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 0.9rem;
  color: var(--color-dark);
  text-transform: capitalize;
  transition: all var(--transition-dur) ease;
  -webkit-transition: all var(--transition-dur) ease;
  -moz-transition: all var(--transition-dur) ease;
  -ms-transition: all var(--transition-dur) ease;
  -o-transition: all var(--transition-dur) ease;
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover {
  color: var(--color-hover-teal);
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44px;
  height: 144px;
  text-align: center;
  font-size: 1rem;
  line-height: 44px;
  color: var(--color-dark);
  cursor: pointer;
  z-index: 5;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn:after {
  content: ""; /* sets it to be  like a real element despite being a psuedo element :after */
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}

/* Welcome */

#welcome-text h2,
.welcome-h3,
.welcome-p,
.my-story-p,
.framework-li,
.how-it-works-li,
.why-it-matters-li,
.client-li,
.welcome-li {
 color: var(--color-dark-blue);
}

.legal-section{
  margin-bottom: 1rem;
}

.legal-section > h3 {
  position: relative;
  padding-left: 1.5rem;
  counter-increment: section;
}

.legal-section > h3::before {
  content: counter(section)".\00a0";
  position: absolute;
  left: 0;
  margin-right: 0.25rem;
}

.legal-indent-p {
  margin-left: 1.5rem;
}

.row.stand-alone-row {
  margin-top: 2rem;
  align-items: center;
  padding: 10px 25% 10px 25%;
}

.cbk-stand-alone-segment {
  background-color: var(--color-quote-box); 
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 39, 123, 0.1);
  margin-top: 1rem;
  margin-bottom: 2rem;
}

#client-leaders-stand-alone {
  background-color: white; 
  border-radius: 8px;
  box-shadow: 0px 0px 0px white;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

#client-emerging-text,
#client-emerging-side-bullet,
#client-leader-side-bullet,
#client-leader-text {
  padding-left: 10%;
  padding-right: 10%;
}

.cbk-side-segment {
  background-color: var(--color-quote-box); 
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 39, 123, 0.1);
  margin-bottom: 1rem;
}

#client-emerging-white-bg.cbk-side-segment {
  background-color: white;
  border-radius: none;
  box-shadow: none;
}

#client-leaders.cbk-side-segment {
  padding: 10px 0;
}

#client-leaders .cbk-side-bullet {
  padding: 1rem 1rem 0;
}

#client-exp-prof {
  margin-top: 1.5rem;
}

div.row .stand-alone-segment,
div.row .stand-alone-segment-bullet {
  padding: 10px 25% 10px 25%;
  justify-content: center;
  margin-top: -1rem;
  margin-bottom: 1rem;
}

.stand-alone-quote-segment {
  padding: 10px 25% 10px 25%;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#client-leaders-stand-alone .stand-alone-segment-bullet {
  padding: 10px 15% 10px 25%;
}

.stand-alone-quote-segment .stand-alone-quote > div > figure {
  padding-top: 1rem;
}

div.row .cbk-side-bullet {
  padding: 10px 7% 10px 7%;
  justify-content: center;
}

div.row .stand-alone-legal {
  padding: 10px 15%;
  counter-reset: section;
}


.welcome-2-column {
  padding: 10px 0 10px 0;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.client-li,
.framework-li,
.why-it-matters-li,
.welcome-li {
  margin-top: 10px;
 }

 .framework-ul,
 .welcome-ul {
  margin-bottom: 16px;
  padding-inline-start: 3rem;
 }

 .legal-ul {
  margin-left: 15px;
  font-family: var(--font-sans);
  font-size: 1rem;
  color: var(--color-dark-blue);
  margin-bottom: 10px;
 }

  .legal-ul li.square-bullet {
  margin-top: 10px;
 }

.square-bullet {
  list-style: square;
}

.square-bullet li::marker {
  font-size: 1rem;
  vertical-align: middle;
}


 .client-li,
 .framework-li {
  /*list-style-type: '✅'; '✅'*/
  list-style-image: URL("./assets/images/check-square-fill-blue.svg");
  padding-left: 0.75rem;
 }


/* Client */
#client-text h2,
.client-h3,
.client-p {
 color: var(--color-dark-blue);
}



/* Subscribe Bar */

.subscribe-bar {
  background-color: #111;
  padding: 30px 0;
}

.subscribe-bar p {
  color: var(--color-white);
  margin-bottom: 0;
}

.subscribe-bar input,
.subscribe-bar .btn {
  width: 100%;
  overflow: hidden;
  display: inline-block;
}

.subscribe-bar .container .row {
  display: flex;
  align-items: center;
}

/* Content */

.content-area {
  padding: 50px 0;
}

/* Post List */

article.post {
  margin: 50px 0;
}

.post .meta {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-pink);
  margin-bottom: 8px;
}

.blog .post h2 a {
  font-size: 3rem;
  color: #111;
}

.blog .post h2 a:hover {
  color: var(--color-hover-teal);
}

.blog .post p {
  font-size: 1.2rem;
  font-weight: 500;
  color: #828282;
  line-height: 1.5;
}

.blog .post .read-more {
  color: var(--color-pink);
  font-size: 1.2rem;
  font-weight: 500;
  display: inline-block;
  margin-top: 12px;
  transition: var(--transition-dur);
}

.blog .post a.read-more:hover {
  color: var(--color-hover-teal);
  padding-left: 5px;
}

/* Footer */

footer {
  position: relative;
  z-index: 999;
}

#footer-container {
  padding: 20px 0; 
  background: linear-gradient(
    2.5deg,
    var(--color-purple) 0%,
    var(--color-blue) 50%,
    var(--color-dark-blue) 100%
  ); /*(degree(or angle), start color #% (where to start, end color #% where to end) */
}

#footer-container .sub-title {
  color: var(--color-yellow);
}

#footer-container h2 {
  color: var(--color-light);
  font-size: 2rem;
  margin-bottom: 1rem;
}

#footer-container p {
  color: rgba(255, 255, 255, 0.7); 
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
}

#footer-container .btn {
  margin-top: 1rem;
}

.copyright {
  padding: 1rem 0;
}

#main-footer-content > div.copyright > p#legal-disclaimer,
#main-footer-content > div.copyright > p#legal-disclaimer a {
  color: rgba(255, 255, 255, 0.4); 
}

#main-footer-content > div.copyright > p#legal-disclaimer {
  margin-bottom: 10px;
}

#main-footer-content > div.copyright p {
  color: rgba(255, 255, 255, 0.4);  
  margin-bottom: 0;
  font-weight: 500;
  font-size: 0.7rem;
}

/* Credly Badge formats*/

.footer-badge {
  height: 125px;
  width: 125px;
}

#icf-acc-badge-img {
  margin: 0 10px 10px 20px;
}

#prosci-change-badge-img {
  position: absolute;
  right: 0;
  margin: 0 20px 10px 10px;
}

.social-media-icon {
  display: block;
  font-size: 2.2rem;
  padding: 2px;
  background-color: var(--color-white);
  width: 40px;
  border-radius: 3px;
  margin: 0 20px 20px 10px;
}



/* Other Syles tied to WordPress or custom functions*/

/* cbk_testimonial_carousel_pagination elements*/

#testimonial-carousel-post-previous,
#testimonial-carousel-post-next,
#testimonial-carousel-post {
    border: 1px solid var(--color-dark-blue);
}

/* cbk_pagination function */
.cbk-blog-pagination,
.cbk-testimonial-pagination,
.cbk-pagination {
  position: relative;
  padding-top: 40px;
  text-align: center;
}

.cbk-blog-pagination li,
.cbk-testimonial-pagination li,
.cbk-pagination li {
  position: relative;
  margin-left: 6px;
  display: inline-block;
}

.cbk-blog-pagination li .page-numbers,
.cbk-testimonial-pagination li .page-numbers,
.cbk-pagination li .page-numbers {    /*page-numbers class is generated by wordpress*/
  position: relative;
  width: 40px;
  height: 40px;
  color: #161616;
  font-size: 1rem;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  transition: all var(--transition-dur) ease;
}
a.return-link,
a.more-link {
  text-align: center;
  color: var(--color-dark-blue);
}

/* Author's plugin disable link to Author Page */

.pp-author-boxes-name {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: var(--color-dark-blue);
}

/* the UL by default has 32px of padding on the left */
.pp-multiple-authors-boxes-ul {
  padding: 0;
}

.pp-avatar-only {
  margin-top: 10px;
  align-items: center;
}

/* Testimonial widget styles */

.testimonial-block {
  /*font-family: var(--font-serif);*/
  font-size: 1rem;
  font-style: normal;
  text-align: center;
  line-height: 1.25;
  background-color: var(--color-light);
  margin: 0 5px 2em 5px;
  border: 1px solid var(--color-light);
  box-shadow: 5px 5px 10px rgba(0 39 123 / 75%); /* RGB is same as the Dark Blue color */
  border-radius: 25px;
  overflow: hidden;
  /*max-height: 35em;*/
}

.testimonial-content {
 /* max-height: 32em;*/
  overflow: hidden;
  padding-bottom: 1em;
}

h3.testimonial-title {
  display: none;
 }

.testimonial-content p {
  text-align: left;
 }

.testimonial-title {
  padding: 0 5px;
  padding-top: 10px;
}

.testimonial-content p {
  padding: 0 15px;
}

.testimonial-title,
.testimonial-content p {
  color: var(--color-dark-blue);
}

/* Add basic styling for the carousel */

div.content-area:has(>div#carousel-container) {
  margin: 0;
  padding: 0;
}
div#carousel-container {
  position: relative;
  margin: 5em 0;
  overflow: hidden;
  padding: 0;
}

.carousel {
  display: flex;
  transition: transform 0.3s ease;
  background-color: rgba(0 39 123 / 68%);
}


.carousel-indicators {
  position: absolute;
  bottom: 1em;
}


.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  width: 10%;
  margin: auto 0;
  top: 30%;

}

.carousel-control-next-icon {
  display: inline-block;
  content: "";
  vertical-align: -.125em;                                                                         /* %23 = # so to change color leave %23 */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
}

.carousel-control-prev-icon {
  display: inline-block;
  content: "";
  vertical-align: -.125em;                                                                         /* %23 = # so to change color leave %23 */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
}

.carousel {
  display: flex;
  transition: transform 0.3s ease;
  
}

.carousel-inner {
  padding: 2.5em 10%;
  /*height: 35em;
  align-items: center;*/
}

.carousel-inner p {
  font-size: 1rem;
  line-height: 1.3rem;
}

.carousel-item.active p {
  color: var(--color-dark-blue);
}

/* Single Post Page navigations */

/* clear extra padding and margin to fit on a small screen better */

.single-post-page-item,
div#single-post-previous,
div#single-post-next,
div#single-testimonial-post-previous,
div#single-testimonial-post-next {
  margin: 0;
  padding: 0;
}

/* Remove bullets from UL element*/

.testimonial-carousel-post-page-item,
.single-post-page-item {
  list-style-type: none;
}

/* Format navigation on full page posts in single.php */


.testimonial-carousel-post-previous li.testimonial-carousel-post-page-link-item a, 
.single-post-previous li.single-post-page-link-item a {
  position: fixed;
  top: auto;
  bottom: auto;
  left: 10%;
  z-index: 50;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}

.testimonial-carousel-post-next li.stestimonial-carousel-post-page-link-item a, 
.single-post-next li.single-post-page-link-item a {
  position: fixed;
  top: auto;
  bottom: auto;
  right: 10%;
  z-index: 50;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}

.testimonial-carousel-post-next li.stestimonial-carousel-post-page-link-item a, 
.single-post-next li.single-post-page-link-item a:hover {
  background-color: rgba(0 39 123 / 68%);
  border-radius: 50%;
  padding: 5px;
  color: var(--color-white);
}

.testimonial-carousel-post-previous li.stestimonial-carousel-post-page-link-item a, 
.single-post-previous li.single-post-page-link-item a:hover {
  background-color: rgba(0 39 123 / 68%);
  border-radius: 50%;
  padding: 5px;
  color: var(--color-white);
}

/* Calendly formats */

/* creates space for calendly calendar insert to fill full screen with no scroll bar required */


#calendly-box-frame {
  padding: 50px;
  height: 1250px;
  /* min-width: 60vw; */
  width: auto;
  background-color: rgba(0 39 123 / 68%);
}

#cbk-calendly-widget {
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-width:320px;
  max-width: 600px;
  height:1250px;
  overflow-y: hidden !important;
}

/* Header background color gradient */

.cbk-header {
/*     content: "";
    display: table;
    clear: both; */
    position: relative;
    height: 175px;
    width: 100vw;
    background: linear-gradient(
    2.5deg,
    #8711c1 0%,
    var(--color-dark-blue) 50%,
    var(--color-blue) 100%
  );
}

/* Header - Get Started button */

#subscribe-container {
  margin: 0 0 -25px 0;
  padding-top: 10px;
  z-index: 1600;
  max-width: 95%;
}

#discovery-cta-form-header {
  width: auto;
  right: 10px;
  display:inline-block;
  margin: 10px 0;
  z-index: 1700;
}


#discovery-cta-form-footer {
  width: auto;
  right: 10px;
  display:inline-block;
  margin: 10px 0;
  z-index: 1700;
}

#discovery-cta-btn-header,
#discovery-cta-btn-footer {
  width: auto;
  background-color: var(--color-yellow);
  color: var(--color-dark-blue);
  font-size: 1rem;
  font-weight: 600;
  border-width: 0.5px;
  border-color: var(--color-dark-blue);
  padding-inline: 5px;
  border-style: solid;
  border-radius: 10px;
  height: 2rem;
  padding: 0 10px;
  margin-left: 5px;
  z-index: 2000;
}

/* WPForms - Contact Form */

div#wpforms-307 {
  margin: 50px auto;
  width: 50%;
}

/* stylize featured post image*/

.wp-post-image {
  margin-bottom: 2rem;
}

/* Hiding the Featured Post image at top of the blog */

figure.wp-block-post-featured-image {
  display: none;
}

/* My Story Page */

#get-started-h2 h2,
#testimonial-h2 h2 {
  position: absolute;
  left: -9999px;
}

/* Image Specific Cropping */

div.cbk-img-div {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 0px 0px;
  margin-bottom: 1rem;
  margin-top: 1rem;
  overflow: hidden;
  border-radius: 8px;
  align-items: stretch;
}

div.cbk-img-div img {
  height: 100%;
  object-fit: cover;
}

.cbk-img-margin-top {
  margin-top: 1rem;
}

#welcome-quote-box-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.stand-alone-quote {
  /* margin: 0 10px 0 -10px; */
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* .pull-quote-box-left {
  margin: 1.5rem -10px 1rem 10px;
} */

.pull-quote-box-left p {
  text-align: left;
}

/* .pull-quote-box-right {
  margin: 1rem 10px 1.5rem -10px;
} */

.pull-quote-box-right figcaption,
.pull-quote-box-right p {
  text-align: right;
}

.pull-quote-box-right,
.pull-quote-box-left {
  /* padding: 0 7%; */
  min-height: 100%;
  align-items: center;
  background-color: var(--color-quote-box);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.border-start-left {
  padding-left: 1rem;
  border-left-width: 5px; 
  border-left-style: solid;
  border-left-color: var(--color-hero-sub-head);
  margin-left: 2rem;
  margin-right: 1rem;

}

.border-end-right {
  padding-right: 1rem;
  border-right-width: 5px; 
  border-right-style: solid;
  border-right-color: var(--color-hero-sub-head);
  margin-left: 1rem;
  margin-right: 2rem;
}

.border-start-left .blockquote,
.border-end-right .blockquote {
  line-height: 1.5rem;
}



.pull-quote-box-center {
  padding: 5% 10%;
  background-color: var(--color-quote-box);
  align-items: center;
}

.pull-quote-box-right figure,
.pull-quote-box-left figure {
  padding-top: 1rem;
}

figcaption.blockquote-footer {
  margin-bottom: 0;
}

.second-hero-header,
.hero-header {
  color: var(--color-hero-header); 
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  line-height: 1.3;
}

.hero-header {
  margin-top: 1em;
}

.second-hero-header {
  margin-top: 1.5em;
}

.hero-sub-head {
  color: var(--color-hero-sub-head);
  font-size: 1.1rem;
  font-weight: 800;
  /* font-family: "Montserrat", sans-serif; */
  letter-spacing: 0.05em;
  line-height: 1.5rem;
}




.text-block {
  margin: 50px 0 50px 0;
  padding: 10px 10% 10px 10%;
  border-radius: 8px;
}

.text-block-right h2,
.text-block-right h3,
.text-block-right p {
  margin: 5px 0 5px 0;
  padding: 10px 0% 10px 4%;
  border-radius: 8px;
}

.col-lg-7.text-block-right > div {
  padding-left: 10%;
  min-height: 300px;
}

.col-lg-7.text-block-left > div {
  padding-right: 10%;
  min-height: 300px;
}

.text-block-left p {
  /* min-height: 600px; */
  margin: 5px 0 5px 0;
  padding: 10px 4% 10px 0%;
  border-radius: 8px;
}

/* Icon customization */

.flaticon-div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}

.flaticon-icon {
  display: block !important;
  height: 100%;
  width: auto;
}

.flaticon-attribution {
  position: relative;
  display: block !important;
  font-size: 0.5rem;
  color: #000;
  text-align: center;
  margin-bottom: 1rem;
}


.container-fluid.cbk-container-header {
  max-width: 90vw;
  margin: 0 auto;
}

/* Complianz Customization */

.cmplz-contact-address,
.cmplz-contact-telephone {
  display: none;
}


/*--------------------------------------------------------------
  # Media Queries
  --------------------------------------------------------------*/

/********** Bootstrap override for high res mobile phones using DPR **********/
/*   @media screen and (max-width: 991.98px),
       screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .force-mobile-stack > [class*="col-lg"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
} */



/********** Bootstrap 5 xxl devices only **********/
@media only screen and (min-width: 1400px) {
    
   #navbar-brand-text-block {
    position: relative;
    margin-left: -30px;
  } 

#cbk-calendly-widget {
  width: 60vw;
  max-width: 600px;
}


}

/********** Bootstrap 5 xl devices only **********/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    #subscribe-container {
    max-width: 95%;
  }

   #navbar-brand-text-block {
    position: relative;
    margin-left: -15px;
  } 

  .stand-alone-segment-bullet {
    margin-top: 15px;
    padding: 25px 20% 10px 20%;
  }

    .stand-alone-segment {
    margin-top: 15px;
    padding: 20px 20% 10px 20%;
  }

  #cbk-calendly-widget {
  width: 60vw;
  max-width: 600px;
  }

  
  #gold-medallion-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }

}


/********** Bootstrap 5 lg devices only **********/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .footer-badge {
    height: 110px;
    width: 110px;
  }

  .stand-alone-segment-bullet {
    margin-top: 15px;
    padding: 25px 20% 10px 20%;
  }

    .stand-alone-segment {
    margin-top: 15px;
    padding: 20px 20% 10px 20%;
  }

  #subscribe-container {
    max-width: none;
    padding-right: 25px;
  }

  .main-menu .navigation > li {
  position: relative;
  float: left;
  margin-right: 10px;
  padding: 15px 0 15px;
  }

  .container-fluid.cbk-container-header {
  max-width: 98vw;
  margin: 0 auto;
  }

  #cbk-calendly-widget {
  width: 60vw;
  max-width: 600px;
  }
  
  #gold-medallion-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
  }
}

/********** Bootstrap 5 md devices only **********/
@media only screen and (min-width: 768px) and (max-width: 991px) {

  .footer-badge {
    height: 110px;
    width: 110px;
  }

  h2.footer-h3 {
    font-size: 1.5rem;
  }

 #navbar-brand-text-block {
    position: relative;
    margin-left: -40px;
  } 
 
  .text-block-right,
  .text-block-left {
    min-height: 0;
    padding: 10px;
    margin: 0 auto;
    float: none;
    text-align: left;
  }
  
  .col-lg-7.text-block-right > div,
  .col-12.text-block-left > div,
  .col-12.text-block-right > div {
  padding: 0;
  /* min-height: 100%; */
}

.text-block-right h2,
.text-block-right h3,
.text-block-right p {
  margin: 5px 0 5px 0;
  padding: 10px 0 10px 0;
}

.pull-quote-box-right,
.pull-quote-box-left {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

  #client-leaders-stand-alone .stand-alone-segment-bullet,
  div.row .stand-alone-segment-bullet {
    margin-top: 15px;
    padding: 15px 10% 5px 10%;
  }

.stand-alone-quote-segment {
  padding: 10px 10%;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

  .stand-alone-row {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

    div.row .stand-alone-segment {
    margin-top: 15px;
    padding: 15px 15% 7px 15%;
  }

  .cbk-side-segment {
    box-shadow: none;
    border-radius: none;
    background-color: white;
  }

  .mobile-banded-side-segment-bg {
  background-color: var(--color-quote-box); 
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 39, 123, 0.1);
  margin-bottom: 1.5rem;
  overflow: hidden;
  }

  .mobile-white-side-segment-bg {
    background-color: white;
    border-radius: none;
    box-shadow: 0px 0px 0px white;
  }

/* .my-story-img-div {
  margin: 0 auto;
  justify-content: center;
} */

/*  img.my-story-img {
    width: 100%;
    height: auto;
  } */
    
  div.cbk-img-div/* ,
  div.my-story-img-div */ {
    margin-bottom: 10px;
  }

/*   .stand-alone-segment {
    padding: 10px;
    margin-bottom: 1rem;
  } */

  #calendly-box-frame {
    padding: 15px;
    width: 90vw;
    max-width: 600px;
  }

/*   #cbk-calendly-widget {
  width: 60vw;
  max-width: 600px;
  } */

  
}

/********** Bootstrap 5 sm devices only **********/
@media only screen and (min-width: 575px) and (max-width: 767px) {
  

 
  .text-block-right,
  .text-block-left {
    min-height: 0;
    padding: 10px;
    margin: 0 auto;
    float: none;
    text-align: left;

  }
  
  .col-lg-7.text-block-right > div,
  .col-12.text-block-left > div,
  .col-12.text-block-right > div {
  padding: 0;
  /* min-height: 100%; */
}

.text-block-right h2,
.text-block-right h3,
.text-block-right p {
  margin: 5px 0 5px 0;
  padding: 10px 0 10px 0;
}

  .pull-quote-box-right,
  .pull-quote-box-left {
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #client-leaders-stand-alone .stand-alone-segment-bullet,
  div.row .stand-alone-segment-bullet {
    margin-top: 15px;
    padding: 10px 5% 5px 7%;
  }

  .stand-alone-segment-bullet ul li {
    padding: 0 15px 0 5%;
  }

  .second-hero-header,
  .hero-header {
    font-size: 1.75rem;
    line-height: 1.2;
  }

  div.row .stand-alone-segment {
    padding: 10px 5% 5px 7%;
    margin-bottom: 1rem;
  }

.stand-alone-quote-segment {
  padding: 10px 10%;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
  
  div.cbk-img-div,
  div.my-story-img-div {
    margin-bottom: 10px;
  }

  #schedule-row {
    display: flex;
  }

/*   #schedule-container {
    margin: 0;
    align-content: center;
    align-items: center;
  } */

  #calendly-box-frame {
    padding: 15px;
    width: 90vw;
    max-width: 600px;
  }

  div#carousel-container,
  div.caorousel-inner {
    height: auto;
    overflow: auto;
  }

  div.testimonial-block {
    max-height: auto;
  }

.main-menu .top-menu {
    display: none !important;
    visibility: hidden;
  }

  .navbar-open {
    opacity: 1;
    visibility: visible;
    display: inline-block;
  }

  header.site-header nav.main-navigation div.menu-mobile-containter ul.menu {
    display: none;
  }

  nav.main-navigation ul.nav-menu.toggled-on,
  .menu-toggle {
    display: inline-block;
  }

  /* Subscribe-bar Modifications */
  .subscribe-bar p {
    margin-bottom: 20px;
  }

   #navbar-brand-text-block {
    position: relative;
    margin-left: -10px;
  } 

  #client-emerging-side-bullet,
  #client-emerging-text,
  #client-leader-side-bullet,
  #client-leader-text {
    padding-left: 5%;
    padding-right: 5%;
  }

  .cbk-side-segment {
    box-shadow: none;
    border-radius: none;
    background-color: white;
  }

  .mobile-banded-side-segment-bg {
  background-color: var(--color-quote-box); 
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 39, 123, 0.1);
  margin-bottom: 1rem;
  overflow: hidden;
  flex: 0 1 auto;
  }

  .mobile-white-side-segment-bg {
    background-color: white;
    border-radius: none;
    box-shadow: 0px 0px 0px white;
  }


}

/********** Bootstrap 5 col-# (xs) devices only **********/
@media only screen and (min-width: 480px) and (max-width: 574px) {

  body {
    font-size: 0.9rem;
  }

  /* p, */
  div.text-block-left > div > div> ul > li,
  div.text-block-right > div > div> ul > li,
  div.text-block-left > div > ul > li,
  div.text-block-right > div > ul > li,
  .text-block-left p,
  .text-block-right p {
    font-size: 1rem;
  }

div.text-block-left > div > div> ul > li,
div.text-block-right > div > div> ul > li,
div.text-block-left > div > ul > li,
div.text-block-right > div > ul > li {
  margin: 10px 0 0 0;
  padding: 0 10px;
}

  h3 {
    color: var(--color-dark-blue);
    font-size: 1.5rem;
    margin-bottom: 0.6rem;
  }

  div.cbk-img-div {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 8px;
    margin-left: 10px;
    margin-right: 10px;
  }
 
  .text-block-right,
  .text-block-left {
    min-height: 0;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    float: none;
    text-align: left;
  }
  
  div.row .col-lg-7.text-block-right > div,
  div.row .col-12.text-block-left > div,
  div.row .col-12.text-block-right > div {
  padding: 0px;
  /* min-height: 100%; */
}

#client-leaders.cbk-side-segment {
  margin-right: 20px;
  flex: 0 1 auto;
}

#client-emerging-leader.cbk-side-segment,
#client-exp-prof.cbk-side-segment {
  margin-left: 10px;
  margin-right: 10px;
  flex: 0 1 auto;
}

  #client-emerging-side-bullet,
  #client-emerging-text,
  #client-leader-side-bullet,
  #client-leader-text {
    padding-left: 10px;
    padding-right: 10px;
  }

.cbk-side-segment {
    box-shadow: none;
    border-radius: none;
    background-color: white;
  }

  .mobile-banded-side-segment-bg {
  background-color: var(--color-quote-box); 
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 39, 123, 0.1);
  margin-bottom: 1rem;
  overflow: hidden;
  flex: 0 1 auto;
  }

.mobile-white-side-segment-bg {
  background-color: white;
  border-radius: none;
  box-shadow: 0px 0px 0px white;
}


.text-block-left h2,
.text-block-left h3,
.text-block-left p,
.text-block-right h2,
.text-block-right h3,
.text-block-right p {
  margin: 5px 0 5px 0;
  padding: 10px;
}

  div.row .cbk-stand-alone-segment {
    margin: 0 10px 1rem 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    flex: 0 1 auto;

  }

  #client-leaders-stand-alone .stand-alone-segment-bullet,
  div.row .stand-alone-segment-bullet {
    margin-top: 0;
    padding: 0 10px;
  }

  .stand-alone-quote-segment {
    padding: 10px 10%;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  ul.framework-ul,
  ul.welcome-ul {
    padding-inline-start: 2rem;
  }

  .second-hero-header,
  .hero-header {
    font-size: 1.5rem;
    line-height: 1.25;
  }

  .hero-sub-head {
    letter-spacing: 0.05em;
  }

  div.row .stand-alone-segment {
    padding: 10px 2% 10px 4%;
    margin-bottom: 1rem;
  }

  #schedule-row {
    display: flex;
  }

  #calendly-box-frame {
    padding: 10px;
    width: 95vw;
    max-width: 600px;
  }

  .testimonial-carousel-post-previous li.testimonial-carousel-post-page-link-item a, 
  .single-post-previous li.single-post-page-link-item a {
    left: 10px;
  }
  
  .testimonial-carousel-post-next li.stestimonial-carousel-post-page-link-item a, 
  .single-post-next li.single-post-page-link-item a {
    right: 10px;
  }

.pull-quote-box-right,
.pull-quote-box-left {
  margin: 0 10px 1rem 10px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: hidden;
  width: auto;
  flex: 0 1 auto;
}


.border-start-left,
.border-end-right {
  overflow: hidden;
}

}

/********** custom xxs devices only **********/
@media only screen and (max-width: 479px) {
  /* Navigation Modifications */
  
  .stand-alone-segment-bullet p,
  .stand-alone-segment-bullet ul li,
  body {
    font-size: 0.8rem;
  }
  
  /* p, */
  div.text-block-left > div > div> ul > li,
  div.text-block-right > div > div> ul > li,
  div.text-block-left > div > ul > li,
  div.text-block-right > div > ul > li,
  .text-block-left p,
  .text-block-right p {
    font-size: 1rem;
  }

  h3 {
    color: var(--color-dark-blue);
    font-size: 1.5rem;
    margin-bottom: 0.6rem;
  }


  div.row > div {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }

    div.row > div.col-lg-5.col-12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  div.row > div.col-lg-5.col-12 > div.cbk-img-div {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 8px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .second-hero-header,
  .hero-header {
    font-size: 1.3rem;
    line-height: 1.1;
  }
  
  .hero-sub-head {
    letter-spacing: 0.03em;
  }

div.text-block-left > div > div> ul > li,
div.text-block-right > div > div> ul > li,
div.text-block-left > div > ul > li,
div.text-block-right > div > ul > li {
  margin: 10px 0 0 0;
  padding: 0 10px;
}

  .text-block-right,
  .text-block-left {
    min-height: 0;
    padding: 0px;
  }

  .text-block-right h2,
  .text-block-right h3,
  .text-block-right p {
  margin: 5px 0 5px 0;
  padding: 10px 0 10px 0;
}
  
  div.row .cbk-stand-alone-segment {
    margin: 0 10px 1rem 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    flex: 0 1 auto;

  }
#client-leaders-stand-alone .stand-alone-segment-bullet,
  div.row .stand-alone-segment-bullet {
    margin-top: 0;
    padding: 0 10px;
  }

#client-leaders.cbk-side-segment {
  margin-right: 0;
  flex: 0 1 auto;
}

  .cbk-side-segment {
    box-shadow: none;
    border-radius: none;
    background-color: white;
  }

  .mobile-banded-side-segment-bg {
  background-color: var(--color-quote-box); 
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 39, 123, 0.1);
  margin-bottom: 1.5rem;
  overflow: hidden;
  }

.mobile-white-side-segment-bg {
  background-color: white;
  border-radius: none;
  box-shadow: 0px 0px 0px white;
}

#client-emerging-leader.cbk-side-segment,
#client-exp-prof.cbk-side-segment {
  margin-left: 10px;
  margin-right: 10px;
  flex: 0 1 auto;
}

  ul.framework-ul,
  ul.welcome-ul {
    padding-inline-start: 2rem;
  }

  div.row .stand-alone-segment {
    padding: 1rem;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .stand-alone-quote-segment {
    padding: 10px 5%;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  #subscriber-container {
    margin: 0 0 -5px 0;
    padding-top: 5px;
    max-width: none;
  }

  #discovery-cta-form-header {
    margin: 0;
  }

  #discovery-cta-btn-header.btn-flex {
    flex: 0 1 auto;
    max-width: 100%;
  }
  .cbk-header {
    height: 150px;
  }

  #mobile-menu-btn {
    padding-top: 20px;
  }

  #top-navigation {
    padding-top: 30px;
  }

  #top-navigation .main-menu {
    display: none !important;
    visibility: hidden;
  }

  #logo-img {
    display: none !important;
  }

  #navbar-brand-logo-block {
    display: none !important;
  }

  .cbk-container-header {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .cbk-container-header .row {
    padding-left: 0;
    margin-left: 0;
  }

  .cbk-container-header .row .col-lg-6 {
    padding-left: 0;
    margin-left: 0;
  }

  #navbar-brand-text-block.col-10 {
    flex: 1 1 100% !important;
    width: 100% !important;
    padding-left: 10px;
  }

  .navbar-open {
    opacity: 1;
    visibility: visible;
    display: inline-block;
  }

  header.site-header nav.main-navigation div.menu-mobile-containter ul.menu {
    display: none;
  }

  nav.main-navigation ul.nav-menu.toggled-on,
  .menu-toggle {
    display: inline-block;
  }

  /* Subscribe-bar Modifications */
  .subscribe-bar p {
    margin-bottom: 20px;
  }

  #schedule-row {
    display: flex;
  }

  #calendly-box-frame {
    padding: 5px;
    width: 95vw;
    max-width: 600px;
  }

  .testimonial-carousel-post-previous li.testimonial-carousel-post-page-link-item a, 
  .single-post-previous li.single-post-page-link-item a {
    left: 10px;
  }
  
  .testimonial-carousel-post-next li.stestimonial-carousel-post-page-link-item a, 
  .single-post-next li.single-post-page-link-item a {
    right: 10px;
  }

  .footer-badge {
    height: 100px;
    width: 100px;
  }

  h2.footer-h3 {
    font-size: 1.25rem;
  }

div.row > div.col-lg-5.col-12.pull-quote-box-right,
div.row > div.col-lg-5.col-12.pull-quote-box-left {
  margin: 0 10px 1rem 10px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: hidden;
  width: auto;
  flex: 0 1 auto;
}

  
.col-12.text-block-right > div {
  padding-left: 0;
  min-height: 0;
}

.col-lg-7.text-block-left > div,
.col-12.text-block-left > div {
  padding-right: 0;
  /* padding-left: 1rem; */
  min-height: 0;
}

}