/*!
Theme Name: Instilled Kadence Child for Newcastle Eye Specialists
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Instilled Ltd
Author URI: https://instilled.co.uk/
Description: A child theme for the Kadence Theme.
Version: 1.1.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


:root {
  --global-kb-font-size-sm: clamp(0.875rem, 0.842rem + 0.175vw, 1rem);
  --global-kb-font-size-md: clamp(1.125rem, 1.036rem + 0.238vw, 1.25rem);
  --global-kb-font-size-lg: clamp(1.438rem, 1.304rem + 0.357vw, 1.625rem);
  --global-kb-font-size-xl: clamp(1.875rem, 1.786rem + 0.238vw, 2rem);
  --global-kb-font-size-xxl: clamp(2.25rem, 1.893rem + 0.952vw, 2.75rem);
  --global-kb-font-size-xxxl: clamp(2.75rem, 2.125rem + 1.667vw, 3.625rem);
}




/* SVG minimum widths */

.wp-block-site-logo img.custom-logo {
  min-height: 70px;
}

.kadence-navigation-link-image-inner-intrinsic img { 
	min-width: 30px;
}


/* Timeline */

.timeline-section {
  display: flex;
  position: relative;
  align-items: stretch;
}

.timeline-line {
  position: relative;
  width: 4px;
  background: #ddd;
  margin: 0 auto;
}

.timeline-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #0C5E5C;
  transition: height 0.8s linear;
}


.timeline-content .timeline-item .kt-infobox-textcontent {
  opacity: 1;
  /*transform: translateX(-10px);*/
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.timeline-item.active .kt-infobox-textcontent {
  opacity: 1;
  transform: translateX(0); 
}

/* Dashed Border */

.dashed-border .kt-inside-inner-col {
border-style: dashed !important;
}

/* Filled icons on buttons */

/* B&B Icon Buttons 3 */

.ins-icon-buttons .kt-button {
  overflow: visible;
}

.ins-icon-buttons .kb-button {
  text-align: left;
align-items: center;
justify-content: start;
}

.ins-icon-buttons .kb-svg-icon-wrap {
  background: var(--global-palette-btn-bg-hover);
  position: relative;
  transition: all 0.2s ease;
  border-radius: 50%;
  margin: 3px 0 3px 3px;
  
}

.ins-icon-buttons .kb-button:hover .kb-svg-icon-wrap {
  background: var(--global-palette-btn-bg);
}

.ins-icon-buttons .kt-btn-inner-text {
  padding-left: 0em;
  padding-right: 0.1em;
}

@media only screen and (max-width: 768px) {
  .mobile-hidden {
    display: none;
  }