:root {
  --mainwidth: 1400px;
  --mainshadow: 0 0 10px rgba(0, 0, 0, .1);
  --mainpadding: 3rem 1rem;
  --smallpadding: 1.5rem 1rem;
  --bigpadding: 6rem 1rem;
  --headingfont: "AvenirLTStd-Heavy", Arial, sans-serif;
  --mainradius: 35px 0px;


  /* Colors */
  --red: #BA0C2F;
  --lightgray: #F2F2F0;
  --white: #fff;
  --dark: #695E4A;
  --black: #46433d;
  --blue: #21a2c2;
}


.page {
  & .post-password-form {
    max-width:var(--mainwidth);
    margin:auto;
  }

}

.advanced-flex-copy {
  &.medium-size *:not(sup) {
    font-size:1.9rem;

  }
  &.red-color {
    color:var(--red);
  }
}


/* -------- Hotspots ----------- */





/* --------- Title Section with Form ---------- */
.title-form-section {
  margin:0;
  & .inner-content {
    display:flex;
    flex-flow:wrap row;
  }
  & .title-side-inner {
    padding-right:40px;
  }
  & .form-title-img {
    width:250px;
    object-fit:contain;
    height:auto;
  }
  & .title-side {
    width:50%;
  }
  & h1 {
    font-size: clamp(2.5rem, 1.94rem + 2.56vw, 4.5rem) !important;
    margin-bottom:10px;
  }
  & h2 {
    font-size: clamp(1.5rem, 1.08rem + 1.92vw, 3rem) !important;
  }
  & .form-title-subtitle {
    font-size: clamp(1.25rem, 0.9rem + 1.6vw, 2.5rem);
    color:var(--dark);
  }
  & .form-side {
    background:var(--red);
    border-radius:var(--mainradius);
  }
  & .form-wrapper {
    padding:20px 30px;
  }
  & .gform_legacy_markup_wrapper label.gfield_label, .gform_legacy_markup_wrapper legend.gfield_label, .gform_wrapper.gravity-theme .gfield_label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    color:var(--white);
  }
  & .gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label {
    color:var(--white);
  }
  & .gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    border-radius:3px !important;
    box-shadow:var(--mainshadow) !important;
    border:none !important;
  }
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
  font-size:.85rem;
  margin-top:5px !important;
  padding-top:0 !important;
}

.form-wrapper {
  & .gform_legacy_markup_wrapper label.gfield_label, .gform_legacy_markup_wrapper legend.gfield_label, .gform_wrapper.gravity-theme .gfield_label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    font-family:var(--headingfont);
  }  
  & .gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    font-family:var(--headingfont);
  }
}

.gfield_required {
  color:#790000 !important;
}
.gform-footer .gform_button[type="submit"] {
  font-size:1rem !important;
  padding:20px 40px !important;
}


@media only screen and (max-width: 768px) {
.title-form-section {
  & .inner-content {
    flex-flow:nowrap column;
    & .title-side {
      width:100% !important;
      padding:0 !important;
    }
    & .title-side-inner 
    {
      padding-bottom:20px;
      padding-right:0 !important;
    }
  }
}
}


/* Post Authors */
.individual-post-content .post-author a {
  font-family:var(--headingfont) !important;
}
.post-author {
  border-bottom:solid 1px var(--lightgray);
}

.author-title {
      background:var(--lightgray) !important;

  & .blog-title-content-side {
    flex-grow:1;
    max-width:100% !important;
    display:flex; 

  }
}
.individual-author-body .wysiwyg {
  max-width:var(--mainwidth) !important;
  margin:auto;
}
.no-image .author-content  {
  max-width:var(--mainwidth) !important;
  margin:auto;
  padding-left:0 !important;
}


@media only screen and (max-width: 768px) {
.author-title {
  & .blog-title-content-side {
    display:flex; 
    align-items: center !important;
    justify-content: center !important;

  }
}
}



/* ------------ Popup ----------- */
.pum-theme-default-theme .pum-content + .pum-close {
	color:var(--white) !important;
	position:absolute !important;
	height:25px !important;
	width:25px !important;
	top:5px !important;
	right:5px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	padding:0 !important;
	&:after {
		content:"";
		background:url("/wp-content/themes/smartvest-2022/img/close.svg") no-repeat;
		height:15px;
		width:15px;
		display:block;
		background-size:contain;
		position:absolute;
top:2.5px;
		left:2.5px;
	}
}

.pum-theme-default-theme .pum-title {
	font-family:var(--headingfont) !important;
	color:var(--dark) !important;
}

.pum-container {
border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 35px !important;
  border-top-left-radius: 35px !important;
	overflow:hidden;
	box-shadow:var(--mainshadow);
}




/* ----------- New Blog Style -------------- */
@media only screen and (max-width: 600px) {
.mobile-only {
	display:block;
}
.desktop-only {
	display:none;
}
}

@media only screen and (min-width: 601px) {
.desktop-only {
	display:block;
}
.mobile-only {
	display:none;
}
}

.blog-sticky-links {
  & .nav-link-items {
    justify-content: space-around !important;
  }
}
.post-template-new-style-single * {
  box-sizing:border-box;
}
body section.banner.blog-title-section {
  background:var(--white);
  padding:0 !important;
  display:flex;
  & .blog-featured-image-side, .blog-title-content-side {
    min-width:50%;
    max-width:50%;
  }
  & .blog-featured-image-side {
    display:flex;
    align-items: stretch;
    & img {
      width:100%;
      min-width:100%;
      height:100%;
      max-height:500px;
      object-fit:cover;
    }
    & .blog-hero-image {
      width:100%;
      display:flex;
      align-items: stretch;;
    }
  }
  & .blog-title-content-side {
    box-sizing:border-box;
    padding:40px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    & h1 {
    color:var(--red);
    font-size:3rem;
    margin-top:10px;
    }
    & .blog-title-inner-content {
      max-width:calc(var(--mainwidth) / 2 - 40px);
    }
  }
}

.post-meta {
  font-size:1.25rem;
  font-family:var(--headingfont);
  & a {
    text-decoration-thickness: 2px;
    text-decoration-color: var(--red);
    text-underline-offset: 1.5px;
    color: var(--dark);     
   }
}


.individual-blog-body {
  display:flex;
  margin:auto;
  padding:0;
  max-width:var(--mainwidth);
  overflow-x:hidden !important;
  & .individual-post-content {
	  & img {
		  max-width:100%;
		  height:auto;
	  }
    & p, li {
      font-size:1.1rem;
    }
    & a {
      text-decoration-thickness: 2px;
      text-decoration-color: var(--red);
      text-underline-offset: 1.5px;
      color: var(--dark); 
	  word-break:break-word;
    }
    img {
      display:block !important;
    }
  }
}

.sidebar {
  min-width:400px;
  max-width:400px;
  background:var(--lightgray);
  padding:20px;
  box-sizing:border-box;
  & h5 {
    font-size:1.5rem;
    color:var(--red);
    margin-bottom:20px;
  }
  & .sidebar-content {
    box-sizing:border-box;
  }
  & .sidebar-module {
    margin-bottom:40px;
    border-left:solid 4px var(--red);
    padding-left:20px;
  }
}
.sidebar-adjacent-content {
  min-width:calc(100% - 400px);
  max-width:calc(100% - 400px);
  padding:20px;
}

.custom-social-share {
  display:flex;
  flex-flow:wrap row;
  & img {
    height:45px;
    width:45px;
    margin-right:20px;
  }
}


.sidebar-stuck:not(.widget--sticky) {
  bottom:80px !important;
}

.toc-link-items, .toc-link-items-mobile {
  display:flex;
  flex-flow:nowrap column;
  list-style-type:none;
  padding:0;
  margin:0;
  width:100%;
  & li {
    border-bottom:solid 1px var(--white);
    width:100%;
    padding:10px 0;
  & a {
    text-decoration:none;
    font-family:var(--headingfont);
    color:var(--dark);
    font-size:1.15rem;
    width:100%;
    transition: all ease .25s;
    opacity:.5;
    &:hover {
      opacity:1;
    }
    &.current {
      opacity:1;
      color:var(--red);
    }
  }
  }
}





.stepped-form-cta {
	& .partial_entry_warning {
		color:#fff !important;
		font-size:10px;
		font-style:italic;
		margin-bottom:10px;
	}
  & .gform_legacy_markup_wrapper .gf_progressbar_percentage.percentbar_blue {
    background:linear-gradient(to bottom, #21a2c2 0%, #0090A0 100%) !important;
  }
  & .gf_progressbar_wrapper {
    margin-bottom:0 !important;
  }
  & .gf_progressbar_title {
    color:var(--white) !important;
    opacity:1 !important;
  }
  & .gform_page_footer .button {
    font-family:"AvenirLTStd-Light", Arial, sans-serif;
    pointer-events:pointer;
    width:100% !important;
    margin:0 !important;
    background:linear-gradient(to bottom, #21a2c2 0%, #0090A0 100%) !important;
    color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration:
none;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  border:
none;
  transition:
all 0.25s ease;
  outline:
none;
padding:10px;
&:hover {
  background:
linear-gradient(to bottom, #21a2c2 0%, #007d8b 100%) !important;
  }
}

  & .gform-field-label--type-sub {
    color:var(--white);
    margin-top:5px !important;
  }
  & .gform_legacy_markup_wrapper ul li.gfield {
    margin:10px 0 !important;
  }
  & .gform_fields input {
    border-radius:5px !important;
    border:none !important;
    box-shadow:var(--mainshadow) !important;
  }
  & .gfield_label {
    font-family:var(--headingfont);
    color:var(--white);
  }
  & .gform_legacy_markup_wrapper .gf_page_steps, .gform_legacy_markup_wrapper .gform_page_footer {
    border:none !important;
  }
  & .inner-content {
    display:block !important;
  }
  & #gform_fields_21 {
    display:flex;
  }
  & #gform_page_21_1 {
    display:flex ;
    & .gform_page_fields {
      width:calc(100% - 200px);    }
    & .gform_page_footer {
      width:200px;
      padding:0;
      margin:0;
      display:flex;
      align-items: center;
    }
    & #field_21_1, #field_21_18 {
      width:50%;
    }
  }
}

.stepped-form-cta {
  & .gchoice label {
    color:var(--white) !important;
  }
  & #gform_page_21_2 .gform-page-footer {
    display:flex !important;
    & input {
      margin-right:20px !important;
      line-height:1 !important;
    }
  }
  & .gform_legacy_markup_wrapper li.gfield.gfield_error {
    background:var(--white) !important;
    border:solid 3px var(--blue);
  }
  & .gform_legacy_markup_wrapper div.validation_error {
    background:var(--white) !important;
    border: solid 2px var(--blue) !important;
  }

}




.featured-posts {
  background:var(--lightgray);
  & .inner-content {
    display:flex;
    flex-flow:nowrap column;
  }
}

.blog-tile {
  display:flex;
  background:var(--white);
  box-shadow:var(--mainshadow);
  margin-bottom:20px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 35px;
  border-top-left-radius: 35px;
  overflow:hidden;
  position:relative;
  & .post-image-link {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
  }
  & .post-meta {
    margin-bottom:20px;
    display:block;
    position:relative;
    z-index:9;
  }
  & .blog-tile-title a {
    text-decoration:none;
    color:var(--red);
  }
  & .blog-tile-img {
    width:400px;
	  overflow:hidden;
	  display:flex;
	  align-items:center;
	  flex-grow:1;
    & img {
      object-fit:cover;
      height:100%;
      width:100%;
    }
  }
  & .blog-tile-content {
    width:calc(100% - 400px);
    flex-grow:1;
    padding:40px;
  }
}

@media only screen and (max-width: 768px) {
  .sidebar-cta {
    display:none;
  }
  .post-tiles-grid {
    width:100%;
    & .blog-tile {
      flex-flow:nowrap column;
    }
    & .blog-tile-img {
      width:100%;
      max-height:250px;
    }
    & .blog-tile-content {
      width:auto;
      padding:20px;
    }
  }

  .stepped-form-cta {
    & #gform_page_21_1 {
      flex-flow:nowrap column;
      & .gform_page_fields {
        width:100%;
      }
      & #gform_fields_21 {
        flex-flow:nowrap column;
      }
      & #field_21_1, & #field_21_18 {
        width:100%;
      }
    }
    & .gform_page_footer .button {
      margin-top:20px !important;
    }
  }
  
}









/* ---- Buttonize Gravity Forms ----------- */
/* Buttonize Radio & Checkbox Fields */
.form-side {
& .gform_button {
  cursor:pointer;
  background:linear-gradient(to bottom, #21a2c2 0%, #0090A0 100%) !important;
    &:hover {
      background:linear-gradient(to bottom, #21a2c2 0%, #007d8b 100%) !important;
    }
  }

 & .gform_wrapper .gfield .gfield_radio .gchoice,
 .gform_wrapper .gfield .gfield_checkbox .gchoice {
    position: relative;
    text-align: left;
	padding-right:10px !important;
	padding-bottom:10px !important;
 }
 & .gform_wrapper .gfield input[type="radio"],
 .gform_wrapper .gfield input[type="checkbox"] {
    position: absolute;
    left: -9999px;
 }
 & .gform_wrapper .gfield .gfield_radio label,
 .gform_wrapper .gfield .gfield_checkbox label {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: 5px;
    cursor: pointer;
	font-size:.85rem;
	padding-left:20px;
	transition: all ease .25s;
  font-weight:400 !important;
	&:hover:before {
    border:solid 2px var(--white);
    background:var(--white);
	}
		&:before {
		content:"";
		height:15px;
		width:15px;
		border:solid 2px var(--white);
		border-radius:50%;
		display:block;
		position:absolute;
		left:0;
		top:7px;
		transition: all ease .25s;
	}

 }
 & .gform_wrapper .gfield input[type="radio"]:focus+label,
 .gform_wrapper .gfield input[type="checkbox"]:focus+label {

 }
 & .gform_wrapper .gfield input[type="radio"]:checked+label,
 .gform_wrapper .gfield input[type="checkbox"]:checked+label {
	opacity:1;
 }
 & .gform_wrapper .gfield input[type="radio"]:checked+label::before,
 .gform_wrapper .gfield input[type="checkbox"]:checked+label::before {
 border:solid 2px var(--lightblue);
 background:var(--lightblue);
 }
  & .ginput_container_checkbox .gfield_checkbox, .gfield_radio  {
	display:flex;
	flex-flow:wrap row;
	& .gchoice {
		width:50%;
		text-align:left;
	}
 }
  & .gform_wrapper .gfield .gfield_checkbox label {
    &::before {
		border-radius:3px !important;
	}
  &::after {
    content:"";
    background:url(/wp-content/themes/smartvest-2022/img/check-green.svg) no-repeat;
    background-size:contain;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 2px;
    top: 4px;
    transition: all ease .25s;
    opacity:0;
  }
}
& .gform_wrapper .gfield input[type="checkbox"]:checked + label::after {
  opacity:1;
}
 & .gform_legacy_markup_wrapper .ginput_complex .ginput_left input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), .gform_legacy_markup_wrapper .ginput_complex .ginput_right input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), .gform_legacy_markup_wrapper .ginput_complex input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]) {
  border-radius:3px !important;
  border:none !important;
  box-shadow:var(--mainshadow) !important;
  padding:10px !important;
 }
 & .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_legacy_markup_wrapper .ginput_complex .ginput_right select, .gform_legacy_markup_wrapper .ginput_complex select {
    border-radius:3px !important;
  border:none !important;
  box-shadow:var(--mainshadow) !important;
  background:var(--white) !important;
  padding:10px !important;
 }
}

.form-side {
  & .gform_wrapper .gfield .gfield_radio label, .gform_wrapper .gfield .gfield_checkbox label {
    color:var(--white);
  }
  & .gform_wrapper .gfield input[type="radio"]:checked + label::before, & .gform_wrapper .gfield input[type="checkbox"]:checked + label::before {
    border:solid 2px var(--white);
    background:var(--white);
  }
    & .gf-turnstile-container {
  &::before {
color:Var(--white) !important;
  }
  & .cf-turnstile-br {
    display:none !important;
  }
}
}

body .gform_fields {
  margin-top:16px !important;
}

.gform_required_legend {
  display:none;
}


#medchat-launcher-frame {
	z-index:9 !important;
}
#moove_gdpr_cookie_info_bar {
	z-index:9999 !important;
}
p a {
	text-decoration-thickness: 2px;
      text-decoration-color: var(--red);
      text-underline-offset: 1.5px;
      color: var(--dark);
	font-weight:400;
	font-family:var(--headingfont);
}
.individual-post-content p a {
	font-family:"AvenirLTStd-Light", Arial, sans-serif !important;
}
section p strong {
	font-family:var(--headingfont);
	font-weight:400;
}
section iframe {
	border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 35px;
    border-top-left-radius: 35px;
    box-shadow: 1px 6px 10px 0px rgba(50, 50, 50, 0.25);
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family:var(--headingfont);
  font-weight:500;
	& sup {
		font-size:.45em !important;
	}
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.background-image img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.container {
  max-width:var(--mainwidth) !important;
}




section.flex--multi-column .columns-wrapper .column-item {
  width:25%;
  flex-grow:1;
  max-width:none;
}
section.flex--info-block .text-container {
  max-width:none !important;
}


body section.product-hero {
  display:block;
  & .image-gallery-module {
    width:40%;
  }
}

body section.banner {
  padding:40px 20px !important;
  margin-top:0;
  background:var(--red);
  margin-bottom:0;
  position:relative;
  & .banner__media {
    margin-top:0;
  }
  & .inner-content {
    max-width:var(--mainwidth) !important;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    margin-bottom:0;
    height:100%;
    display:flex;
    align-items: center;
  }
  & h1 {
    color:var(--white);
    font-size:4rem;
    margin:0;
  }
}
section.video-background .container h1 {
  top:0 !important;
  position:relative !important;
  bottom:0;
}


@media only screen and (max-width: 768px) {
  body section.banner {
    & h1 {
      font-size:2.5rem !important;
    }
  }
  body section.product-hero {
  }
}

.default-padding .inner-content {
  padding:var(--mainpadding);
}
.large-padding .inner-content {
  padding:var(--bigpadding);
}
.small-padding .inner-content {
	padding:var(--mainpadding);
	padding-top:20px !important;
	padding-bottom:20px !important;
}

section.homepage--hero .text-container p.subheading {
  text-transform: none;
  font-weight: normal !important;
  font-family: var(--headingfont);
}
.superheading {
  font-weight:normal !important;
  text-transform: none !important;
}
section.homepage--hero .text-container h1 {
  margin-top:20px;
}
body section.homepage--hero {
  align-items: center;
  display:flex !important;
  padding-top:40px !important;
  & .hero-wrapper {
    max-width:var(--mainwidth) !important;
  }
}
section.homepage--hero {
	min-height:calc(100dvh - 250px) !important;
	height:auto !important;
	display:flex;
	align-items:center;
	justify-content:flex-start !important;
	position:relative;
	& .hero-wrapper {
		max-width:1080px;
		width:100%;
		margin:auto;
		position:relative;
		z-index:1;
	}
	&:after {
		background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		content:"";
		position:absolute;
		display:block;
		left:0;
		right:0;
		top:0;
		bottom:0;
		z-index:0;
	}
}




section.homepage--hero .text-container h1 sup {
	font-size:40%;
}
section.homepage--hero {
	& .btn {
		margin-top:10px;
		margin-right:10px;
	}
}
section.homepage--hero .container {
	flex-flow:nowrap column;
	align-items:flex-start !important;
	justify-content:center;
	margin:0;
}
.blue-btn {
	background:linear-gradient(to bottom, #21a2c2 0%, #0090A0 100%) !important;
	transition: all ease .25s;
	&:hover {
		background:linear-gradient(to bottom, #21a2c2 0%, #007d8b 100%) !important;
	}
}


/* ------------ Header -------------------- */
.super-header {
  background:var(--lightgray);
  position:relative;
  z-index:9;
  width:100%;
	& .menu-superheader-menu-container {
		padding:10px;
	}
}

#menu-superheader-menu {
  margin:0;
  padding:0;
  list-style-type:none;
  display:flex;
  flex-flow:wrap row;
  justify-content: flex-end;
  max-width:var(--mainwidth);
  margin:auto;
  & a {
    color:var(--gray);
    text-decoration:none;
    font-weight:400;
    font-family:var(--headingfont);
    padding:5px 10px;
  }
}


 .menu-button a {
    text-align:center;
    position: relative;
    display: inline-block;
    padding: 22px 20px 20px !important;
    padding-right: 40px !important;
    margin-left:60px;
    top: 0;
    left: 0;
    color: #ffffff !important;
    font-family: "AvenirLTStd-Light", Arial, sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.2;
    text-decoration: none;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border: none;
    transition: all 0.25s ease;
    outline: none;
    background: #d31245;
    background: -moz-linear-gradient(top, #d31245 0%, #b8113d 100%);
    background: -webkit-linear-gradient(top, #d31245 0%, #b8113d 100%);
    background: linear-gradient(to bottom, #d31245 0%, #b8113d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d31245", endColorstr="#b8113d",GradientType=0 );
    transition: all 0.25s ease;
    -webkit-box-shadow: 1px 6px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 1px 6px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 1px 6px 10px 0px rgba(50, 50, 50, 0.5);
  }
  & .menu-button a::after {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    right: 15px;
    height: 14px;
    width: 14px;
    margin-top: -10px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("img/icons/btn-arrow-fwd.svg");
    background-size: 100%;
  }


.section-anchor {
  position:absolute;
  background:none;
  visibility:hidden;
  display:block;
  height:10px;
  width:100px;
  top:-100px;

}

section {
  position:relative;
}


.header {
  padding:0 !important;
  height:150px !important;
}
.header .container {
  padding-top:0 !important;
  padding-left:20px;
  padding-right:20px;
  height:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
  max-width:var(--mainwidth) !important;
  & .header-logo {
    position:relative;
    top:0 !important;
    display:flex;
    align-items: center;
    left:0;
  }
}
.header-navigation {
  height:100%;
  display:flex;
  align-items: center;
  & > ul {
    list-style-type:none;
    margin:0;
    padding:0;
    display:Flex;
    align-items: center;
    height:100%;
  }
  & li:not(.header-button) {
    height:100%;
    display:flex;
    align-items: center;
  }
  & li:not(.header-button) a {
    text-decoration: none;
    color:var(--gray);
    font-family:var(--headingfont);
    font-size:1.5rem;
    padding:10px 30px;
  }
  & li.menu-item-has-children a {
    position:relative;
    &:after {
      content:"";
      background:url("wp-content/themes/smartvest-2022/img/icons/icon-link-arrow-fwd.svg") no-repeat;
      background-size:contain;
      position:absolute;
      top:0;
      bottom:0;
      right:-20px;
      height:20px;
      width:20px;
    }
  }

}

/* megamenu */



.mega-menu {
  position:absolute;
  top:0px;
  width:100%;
  max-width:var(--mainwidth);
  box-shadow:0 0 20px rgba(0,0,0,.25);
  background:var(--lightgray);
  margin:auto !important;
  transition: all ease .25s;
  opacity:0;
  pointer-events:none;
  visibility:hidden;
}

.mega-menu.is-active {
  opacity:1;
  top:100%;
  pointer-events:all;
  visibility:visible;
}

.megamenu-container {
  display:flex;
  align-items: stretch;
  & .menu-side {
    width:400px;
  }
  & .cta-side {
    display:flex;
    align-items: center;
    padding:0 20px;
    width:calc(100% - 400px);
    & p {
      margin-bottom:40px;
    }
    & .cta-content {
      padding:20px;
    }
  }
  & .megamenu-img {
    max-width:300px;
    height:100% !important;
    object-fit:contain;
    object-position: center bottom;
    margin-bottom:-5px;
  }
  & h3 {
    font-family:var(--headingfont);
    color:var(--red);
    font-size:3rem;
    margin:0;
  }
  & .menu-side {
    padding:20px;
    height:auto;
    background:#fff;
    display:flex;
    align-items: center;
    & ul {
      list-style-type:none;
      margin:0;
      padding:0;
      width:100%;
    }
    & li a {
      font-family:var(--headingfont);
      color:var(--gray);
      text-decoration: none;
      font-size:1.75rem;
      padding:15px 10px;
      display:flex;
      position:relative;
      align-items: center;
      justify-content: space-between;
      &:after {
        content:"";
        background:url("/wp-content/themes/smartvest-2022/img/arrow.svg") no-repeat;
        background-size:contain;
        display:block;
        height:15px;
        width:20px;
        position:absolute;
        right:10px;
        transition: all ease .25s;
      }
      &:hover:after {
        right:0px;
      }
    }
    & li:not(:last-child) a {
      border-bottom:solid 1px var(--lightgray);
    }
  }
}

.drop-down a {
  position:relative;
  display:flex;
  align-items: center;
  &:after {
    background:url("/wp-content/themes/smartvest-2022/img/icons/angle.svg") no-repeat;
    background-size:contain;
    display:block;
    height:15px;
    width:15px;
    position:absolute;
    right:0;
    content:"";
    transition: all ease .25s;
    transform:rotate(90deg);
  }
}
.drop-down.is-active a:after {
  transform:rotate(270deg);
}



@media only screen and (max-width: 1000px) {
  .megamenu-container {
    & h3 {
      font-size:1.5rem;
    }
    & .megamenu-img {
      width:200px;
    }
    & .cta-side {
      width:calc(100% - 300px);
    }
    & .menu-side {
      width:300px;
      & li a {
        font-size:1rem;
    }
  }
}
}

/* ---------- Mobile Menu ----------- */
.mobile-menu-wrapper {
  position: absolute;
  width: 400px;
  height:100dvh;
  overflow:hidden;
  left:-400px;
  background: #fff;
  z-index: 9;
  top:0;
  bottom:0;
  transition: all ease 0.25s;
  transition-delay: 0.15s;
  box-shadow: var(--mainshadow);
  display: flex;
  flex-flow: Wrap row;
  align-items: space-between;
  visibility:hidden;
}

@media only screen and (max-width: 500px) {
.mobile-menu-wrapper {
  width:calc(100% - 75px);
}
.mobile-logo img {
  width:150px !important;
}
.menu-toggle {
  margin-right:-12.5px !important;
}
}

.mobile-menu-is-visible {
 & .mobile-main-overlay {
 opacity:1;
 }
 & .mobile-menu-wrapper {
   left:0;
   opacity:1;
   visibility: visible;
 }
}
.mobile-main-overlay {
 content:"";
 background:rgba(0,0,0,.75);
 position:fixed;
 height:100dvh;
 width:100dvw;
 left:0;
 top:0;
 z-index:99;
 opacity:0;
 backdrop-filter: blur(10px);
 pointer-events:none;
 transition: all ease .25s;
}
.mobile-menu-inner {
 height:100dvh;
 max-height:100dvh;
 overflow:hidden;
 display:flex;
 flex-flow:nowrap column;
 width:100%;
}


.header-container {
  height: 120px;
  transition: all ease 0.25s;
}

.mobile-logo {
  padding:20px;
  & img {
    widtH:250px;
    height:auto;
  }
}

.mobile-top-half {
  width: 100%;
  background: var(--white);
  flex-grow:1;
  max-height:100%;
  overflow-y:auto;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;          /* "auto" or "thin" */
    scrollbar-color: var(--accent) var(--light); 
}
.mobile-top-half::-webkit-scrollbar-thumb {
 background-color: var(--accent);    
  border-radius: 20px;       
}
.mobile-top-half::-webkit-scrollbar {
 width: 8px; 
}

.mobile-top-half::-webkit-scrollbar-track {
 background:var(--light);
}


.open-mobile-sub-menu {
  border:none;
  background:none;
}
#mobile-menu {
  & li:not(.menu-button) {
    display:flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow:Wrap row;
    & a {
      padding:15px;
      font-family:var(--headingfont);
      text-decoration: none;
      color:var(--gray);
      font-size:1.5rem;
    }
  }
  & .sub-menu {

    & li {
      padding-left:20px;
    }
    & a {
      font-size:1rem !important;
    }
  }

  & li:not(:last-child) {
    border-bottom:solid 1px var(--lightgray);
  }
  & button {
    height:auto;
    width:50px;
    cursor:pointer;
    & img {
      transition:all ease .25s;
    }
  }
  & .menu-button a {
    margin-left:0;
    margin-top:20px;
  }
  & .menu-button {
    display:flex;
    padding-left:20px;
    padding-right:20px;
  }

}

.close-mobile-menu {
  position:absolute;
  height:50px !important;
  width:50px;
  top:10px;
  right:10px;
  display:block;
  background:none;
  border:none;
  font-family:var(--headingfont);
}

.sub-menu-open {
  & img {
    transform:rotate(90deg);
  }
}

.mobile-menu-items .menu {
  padding-left: 0;
  list-style-type: none !important;
  margin: 0;
}
.mobile-menu-items ul {
  list-style-type: none !important;
}

.mobile-menu-items .menu-item-has-children button::after {
  top: auto;
  bottom: auto;
  right: 1rem;
}
.mobile-menu-wrapper #global-menu {
  flex-flow: wrap row;
  padding-left: 0;
  margin: 0;
}
.toggle-elements div {
  background: var(--red);
  height: 4px;
  border-radius: 2px;
  width: 100%;
  position: relative;
  transition: all ease 0.25s;
  left: 0;
  right: 0;
}
.menu-toggle {
  margin-left: auto;
  margin-right: 0;
  background: none;
  border: none;
  cursor: pointer;
  flex-flow: wrap column;
  align-items: center;
  justify-content: center;
  display:none;
  position:relative;
  z-index:9;
}
@media only screen and (max-width: 768px) {
.menu-toggle {
  display:flex;
}
.desktop-menu {
  display:none !important;
}
.mega-menu {
  display:none;
}
}

.menu-toggle span {
  font-family:var(--headingfont);
  text-align: center;
  color: var(--black);
}

.scrolled .menu-toggle span {
 display:none;
}
@media only screen and (max-width: 600px) {
  .header-btn, .menu-toggle span {
    font-size: 0.85rem !important;
 }
  body .header-btn {
    padding: 0.5rem !important;
 }
  body .menu-toggle span {
    padding-right: 0px !important;
 }
}
.toggle-elements {
  width: 50px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: Wrap column;
}
.mobile-toggle-top {
  top: -7px;
}
.mobile-toggle-bottom {
  bottom: -7px;
}
.mobile-menu-is-visible .mobile-toggle-middle {
  opacity: 0;
}
.mobile-menu-is-visible .mobile-toggle-top {
  transform: rotate(45deg);
  margin-top: 5px;
}
.mobile-menu-is-visible .mobile-toggle-bottom {
  transform: rotate(-45deg);
  margin-top: -22px;
}
.mobile-menu-wrapper .menu-main-menu-container {
  display: block !important;
}
/* Mobile Submenu */
.mobile-menu-wrapper .menu-item-has-children .sub-menu {
  display: none;
}
.mobile-menu-wrapper .menu-item-has-children.sub-menu-open > .sub-menu {
  display: block;
  flex-flow: wrap row;
  margin: 0;
  padding: 0.5rem 1rem 0.5rem 1rem;
  width:100%;
}

.mobile-menu-wrapper .sub-menu {
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 2rem !important;
}
.mobile-menu-wrapper .sub-menu li {
  background: none !important;
}
@media only screen and (max-width: 900px) {
  body .menu-item-has-children {
    position: relative !important;
 }
}
@media only screen and (max-width: 900px) {
  body .menu-item-has-children.mobile-sub-open:after {
    transform: rotate(-90deg) !important;
 }
}
@media only screen and (max-width: 900px) {
  body #primary-menu {
    list-style: none !important;
    margin-left: 0 !important;
 }
}
.mobile-menu-wrapper li {
  transition: all ease 0.25s;
}
.mobile-menu-wrapper .mobile-menu > ul li:nth-child(odd) {
  background: var(--lightgray);
}
.mobile-menu-wrapper .mobile-menu > ul li {
  padding: 0 2rem 0 2rem;
  width:100%;
  position:relative;
}
.mobile-menu-wrapper .menu-item-has-children ul li {
  padding-left: 0;
}
.mobile-menu-wrapper li .sub-menu li:last-child {
  border: none;
}





/* Logo */
.header-logo {
  width:300px !important;
  & a img {
  max-width:300px;
  }
}

/* -------------- Header ---------- */
.header-wrap {
  top:0px !important;
  height:auto !important;
  display:flex;
  flex-flow:nowrap column;
  align-items: center;
  position:sticky !important;
}

.admin-bar {
  & .header-wrap {
    top:32px !important;
  }
}

body:has(.header-hidden) {
  & header {
  display:none;
  }
  & .banner {
    margin-top:0 !important;
  }
}

.video-pre-content p a {
  text-decoration-thickness: 2px;
text-decoration-color: var(--red);
text-underline-offset: 1.5px;
color:var(--dark);
font-weight:600;
font-family:"AvenirLTStd-Medium", Arial, sans-serif;
}
.video-pre-content p {
  line-height: 1.5;
  font-family: "AvenirLTStd-Light", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
}




/*------------------ Super Advanced Flex Section ----------- */

.clinical-evidence .module-inner {
  & h6 {
  margin-bottom:10px !important;
  font-size:1rem !important;
  }
  & h3 {
    margin-bottom:30px !important;
  }
  & p {
    margin-top:0;
  }
  & hr {
    width:100%;
    background:none;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: solid 1px var(--lightgray);
    margin-bottom:40px;
  }
}
.super-flex-section {
  &.blue-button {
    & .btn {
      background:linear-gradient(to bottom, #21a2c2 0%, #0090A0 100%) !important;
      transition: all ease .25s;
      &:hover {
        background:linear-gradient(to bottom, #21a2c2 0%, #007d8b 100%) !important;
      }
    }
  }
  padding:0;
  margin:0;
  & .text-center {
    text-align:center;
  }
  &.gray {
    background:var(--lightgray);
    & .statistics-module {
      & li {
        background:var(--white);
      }
    }
  }
  &.black {
    background:var(--black) !important;
    & h1, h2, h3, h4, h5, h6, p, a, .superheading {
    color:Var(--white);
    }
    & .btn {
      background:linear-gradient(to bottom, #21a2c2 0%, #0090A0 100%) !important;
      &:hover {
        background:linear-gradient(to bottom, #21a2c2 0%, #007d8b 100%) !important;
      }
    }
    & p a {
      text-decoration-color:var(--blue);
    }
    & .slick-dots li.slick-active button {
      border: solid 2px var(--white);
      background: var(--white);
    }
    & .slick-dots button {
      border-color:var(--white);
    }
  }
  &.red {
    background:var(--red);
    & h1, h2, h3, h4, h5, h6, p, a, .superheading, li, li a {
    color:Var(--white);
    }

    & .btn {
      background:linear-gradient(to bottom, #21a2c2 0%, #0090A0 100%) !important;
      &:hover {
        background:linear-gradient(to bottom, #21a2c2 0%, #007d8b 100%) !important;
      }
    }
    & p a {
      text-decoration-color:var(--blue);
    }
    & .slick-dots li.slick-active button {
      border: solid 2px var(--white);
      background: var(--white);
    }
    & .slick-dots button {
      border-color:var(--white);
    }
  }
  & p {
    line-height: 1.5;
  font-family: "AvenirLTStd-Light", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  & a {
    text-decoration-thickness: 2px;
  text-decoration-color: var(--red);
  text-underline-offset: 1.5px;
  color:var(--dark);
  }
  }
  & h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
  color: var(--red);
  margin-bottom: 10px;
  margin-top:0;
  font-family: var(--headingfont);
  font-weight: normal;
  text-wrap:balance;
  &:first-child {
    margin-top:0;
  }
  }
  & .superheading {
    margin-bottom:20px;
  }
  & .button-holder {
    margin-top:10px;
    & .btn {
      margin-right:10px;
      margin-bottom:10px;
    }
  }
  & h1 {
    font-size:4rem;
  }
  & h2 {
    font-size:3.5rem;
  }
  & h3 {
    font-size:3rem;
  }
  & h4 {
    font-size: 2.5rem;
  }
  & h5 {
    font-size:2rem;
  }
  & h6 {
    font-size:1.5rem;
  }
	&.center-aligned .module-inner {
    justify-content: center;
  }
	& .inner-content {
		align-items: stretch !important;
    justify-content: stretch;
		container-type: inline-size;
    display:flex;
    max-width:var(--mainwidth);
    margin:auto;
	}
	& .module {
		min-height:100%;
		width:50%;
		flex-grow:1;
		display:flex;
    padding:20px;
    &.white-bg:after {
      background:var(--white);
      opacity:1;
    }
    &.white-bg {
      & h1, h2, h3, h4, h5, h6 {
        color:var(--red);
      }
      & p, li, a:not(.btn) {
        color:var(--dark);
      }
    }
		&.grow-width {
			width:50%;
		}
		&.full-width {
			width:100%;
		}
		&.default-padding .module-inner {
			padding:0px 20px;
		}
    &.large-padding .module-inner {
      padding:40px;
    }
	}
	& .flex-video {
		width:100%;
		& video {
			aspect-ratio:16/9;
		}
	}
	& .center-aligned .module-inner {
		text-align:center;
	}
	& .module-inner {
		width:100%;
    display:flex;
    flex-flow:nowrap column;
    min-width:0;
	}
  & ol li {
    padding:10px 0;
  }
}

.super-flex-section.stacked {
  & .inner-content  {
    flex-flow:nowrap column !important;
    justify-content: center;
    align-items: center !important;
    & .module {
      width:100% !important;
    }
  }
}

.content-module {
  &.plattered {
    position: relative;

    & .module-inner {
      padding: 60px 20px !important;
      z-index: 9;
      position: relative;
    }

    &:after {
      background: var(--red);
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: .8;
      z-index: 0;
    }
    &.lightgray-bg {
      background:var(--lightgray);
      &:after {
        display:none;
      }
    }
  }

  &.red-bg {
    &:after {
      background: var(--red);
    }

    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6,
    p,
    a,
    li,
    li a {
      color: #fff;
    }
  }

  & .link-list {
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-flow: wrap row;
    margin: 20px 0;
    padding: 20px;
    position: relative;
    border-top: solid 2px var(--lightgray);
    border-bottom: solid 2px var(--lightgray);
  }
}

& .link-list-item {
  margin-right: 40px;
  width: calc(50% - 40px);
}

& .link-list-item a {
  font-family: var(--headingfont);
  color: var(--black) !important;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;

  &:after {
    content: "";
    background: url("/wp-content/themes/smartvest-2022/img/arrow.svg") no-repeat;
    background-size: contain;
    height: 15px;
    width: 25px;
    display: block;
    position: absolute;
    right: 5px;
    transition: all ease .25s;
  }

  &:hover:after {
    right: 0px;
  }
}

.stat-list {
  list-style-type:none;
  padding-left:0;
  margin-left:0;
  & li {
    display:flex;
    flex-flow:nowrap row;
    align-items: center;
    margin-bottom:30px;
    &:last-child {
      margin-bottom:0;
    }
    & h5 {
      font-size:45px;
      margin-right:20px;
      margin-bottom:0;
    }
    & p {
      margin:0;
      font-size:20px;
    }
  }
}
@media only screen and (max-width: 768px) { 
.stat-list-item h5 {
  font-size:35px !important;
}
}


.image-module {
  & figure {
    position:relative;
    & a {
      position:absolute;
      left:0;
      top:0;
      right:0;
      bottom:0;
    }
  }
  & .styled-image img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 35px;
    border-top-left-radius: 35px;
    box-shadow:1px 6px 10px 0px rgba(50, 50, 50, 0.25);
  }
  & img {
    max-width:100%;
    width:100%;
    height:auto;
  }
  &.full-height-image {
    padding:0 ;
    & img {
      height:100%;
      object-fit:cover;
    }
    & figure {
      margin:0;
      height:100%;
    }
  }
  &.medium-size {
    & img {
      max-width:400px;
      margin:auto;
    }
    & figure {
      text-align:center;
    }
  }
  &.small-size {
    & figure {
      text-align:center;
    }
    & img {
      max-width:250px;
    }
  }
}




/* Flex Table */
.first-column-bold-yes {
	& tbody tr td:first-child {
		font-weight:700;
		text-align:left;
	}
	& thead th:first-child {
		text-align:left;

	}
}
.flex-table {
	overflow-x:auto;
}
.module-inner {
  & .table-holder {
        border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  overflow:hidden;
  overflow-x:auto;
  container-type: inline-size;
  position:relative;
  }
	& table {
		border:none;
		border-collapse: collapse;
		margin: 0;
		padding: 0;
		width: 100%;
		table-layout: fixed;
    min-width:600px;
    overflow-x:auto;
	  }
	  
	  & table caption {
		font-size: 1.5em;
		margin: .5em 0 .75em;
	  }
	  & thead {
		& tr {
			background:var(--orange) !important;
		}
		& th {
			padding:20px !important;
      font-family:var(--headingfont);
      font-size:20px;
      background:var(--red);
      color:#fff;
      font-weight:500;
		}
	  }
	  & table tr {
		background-color: var(--white);
		padding: .35em;
	  }
	  
	  & table th,
	  table td {
		padding: 10px 15px;
		text-align: center;
		vertical-align:top;
		border:none;
	  }
	  
	
	}


	 

	

	tbody {
		& tr:nth-child(even) {
			background:var(--lightgray);
		}
	}
  


/* Featured Posts Module */
.featured-posts-module {
	& .post-grid {
		display:flex;
		flex-flow:Wrap row;
		& .single-post {
			box-sizing:border-box;
		}
	}
}


.icon-grid-module {
  & .icon-grid-link {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
  }
	& .tile-grid-tile.plattered {
		padding:10px;
		& .tile-grid-tile-inner {
			&.white-bg {
				background:var(--white);
				box-shadow:var(--mainshadow);
			border-radius:var(--mainradius);
			padding:30px 20px !important;
			}
		}
	}
  & .tile-grid {
    display:flex;
    flex-flow:wrap row;
    &.three-column .tile-grid-tile {
      width:33.33%;
    }
    &.two-column .tile-grid-tile {
      width:50%;
    }
    &.four-column .tile-grid-tile {
      width:25%;
    }
    & .tile-grid-tile {
       flex-grow:1;
		box-sizing:border-box;
      & .image-wrapper {
        width:100%;
        margin-bottom:20px;
        position:relative;
        &.styled-image img {
              border-top-right-radius: 0;
              border-bottom-left-radius: 0;
              border-bottom-right-radius: 35px;
              border-top-left-radius: 35px;
              box-shadow:1px 6px 10px 0px rgba(50, 50, 50, 0.25);
        }
        & img {
          height:250px;
          width:100%;
          object-fit:cover;
        }
      }
      & .tile-grid-tile-inner {
        padding:10px;
      }
    }
  }
}
@media only screen and (max-width: 650px) {
.icon-grid-module {
  & .tile-grid {
    flex-flow:wrap row;
  }
  & .tile-grid-tile {
    width:50% !important;
  }
}
}

@media only screen and (max-width: 500px) {
.icon-grid-module {
  & .tile-grid-tile {
    width:100% !important;
  }
}
}


.three-col-module .module-inner {
  display:flex;
  flex-flow:nowrap row;
  align-items: flex-start;
  justify-content: space-between;
  & .col {
    width:33.33%;
    & img {
      width:100%;
      object-fit:contain;
      height:auto;
    }
  }
  & .right-col {
    text-align:right;
  }
  & .center-col {
    position:relative;
    z-index:9;
  }
}



@media only screen and (max-width: 768px) {
.three-col-module .module-inner {
  flex-flow:nowrap column;
  & .col {
    width:100%;
  }
  & .center-col {
    padding-top:40px;
    padding-bottom:40px;
  }
  & .left-col {
    border-bottom:solid 4px var(--dark);
    position:relative;
    z-index:0;
    &:after {
      content:"";
      background:url("/wp-content/themes/smartvest-2022/img/top-angle.svg") no-repeat;
      background-size:contain;
      width:125px;
      height:375px;
      position:absolute;
      top:100%;
      left:75px;
      z-index:0;
    }
  }
  & .right-col {
    border-top:solid 4px var(--red);
    position:relative;
    z-index:0;
    text-align:left;
    padding-top:40px;
    &:after {
      content:"";
      background:url("/wp-content/themes/smartvest-2022/img/bottom-angle.svg") no-repeat;
      background-size:contain;
      width:125px;
      height:375px;
      position:absolute;
      bottom:100%;
      right:75px;
      z-index:0;
    }
  }
}


}


.left-flush {
  display:flex;
  align-items: center;
  position:relative;
  & .inner-content {
    width:100%;
    z-index:9;
    padding-left:180px;
  }
  & .flush-image {
    position:absolute;
    left:0;
    top:auto;
    bottom:auto;
    z-index:1;
  }
}


.right-flush {
  display:flex;
  align-items: center;
  position:relative;
  & .inner-content {
    width:100%;
    z-index:9;
    padding-right:180px;
  }
  & .flush-image {
    position:absolute;
    right:0;
    left:auto;
    text-align:right;
    top:auto;
    bottom:auto;
    z-index:1;
    display:flex;
    align-items: center;
    max-height:100%;
    height:100%;
    & img {
      object-fit:contain;
      object-position:center right;
      height:inherit;
    }
  }
}


@media only screen and (max-width: 768px) { 
  .left-flush {
    & .inner-content {
      padding:var(--mainpadding) !important;
    }
    & .flush-image {
      display:none;
    }
  }
  .right-flush {
    & .flush-image {
      max-height:300px;
      bottom:0;
    }
    & .inner-content {
      padding:var(--mainpadding) !important;
    }
  }
}




.left-col {
  & .icon-content-tiles {
    & .grid-tile {
      &:first-child {
        margin-top:40px;
      }
      margin-bottom:40px;
    }
    & .icon-wrapper img {
      width:75px;
    }
  }
}

.right-col {
  & .checkmark-content-tiles {
    list-style-type:none;
  }
  & .checkmark-tile {
    margin-bottom:40px;
    &:first-child {
      margin-top:40px;
    }
  }
  & h6 {
    position:relative;
    font-size:55px;
    display:flex;
    align-items: center;
    justify-content: flex-end;
    &:before {
      content:"";
      background:url("/wp-content/themes/smartvest-2022/img/good-check-mark.svg") no-repeat;
      background-size:contain;
      display:inline-block;
      height:50px;
      width:50px;
      position:relative;
      margin-right:5px;
    }
  }
}

@media only screen and (max-width: 768px) {
  .checkmark-content-tiles {
    padding-left:0;
  }
.checkmark-tile {
  text-align:left;
  position:relative;
  padding-left:60px;
  &:before {
      content:"";
      background:url("/wp-content/themes/smartvest-2022/img/good-check-mark.svg") no-repeat;
      background-size:contain;
      display:inline-block;
      height:50px;
      width:50px;
      position:absolute;
      left:0px;
      margin-right:5px;
    }
  & h6 {
    justify-content: flex-start;
    font-size:55px !important;
    &:before {
      display:none;
    }
  }
}
}



.blend-video video {
	mix-blend-mode:lighten;
}
.video-module {
  & .video-wrapper {
    aspect-ratio:16/9;
    width:100%;
    object-fit:contain;
  }
  & iframe {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 35px;
    border-top-left-radius: 35px;
    box-shadow:1px 6px 10px 0px rgba(50, 50, 50, 0.25);
    width:100%;
    aspect-ratio:16/9;
    height:auto;
  }
}

.rll-youtube-player {
	border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 35px !important;
    border-top-left-radius: 35px !important;
    box-shadow:1px 6px 10px 0px rgba(50, 50, 50, 0.25) !important;
}


.list-module {
  & .list-check {
    height:25px;
    width:25px;
    display:block;
  }
  & li {
    align-items: flex-start !important;
    & p {
      margin-top:0;
      margin-bottom:0;
    }
  }
}



.comparison-module {
  & .column-one, .column-two, .column-three {
    width:33.33%;
    padding:5px;
  }
  & .column-two, .column-three {
    text-align:center !important;
  }
  & .column-one {
    font-family:var(--headingfont);
  }
  & .table-row:first-child {
    background:var(--red) !important;
    color:var(--white);
    font-family:var(--headingfont);
  }
}

.statistics-module {
  & .btn {
    width:auto;
    margin-top:20px;
  }
  & .module-inner {
    align-items: flex-start;
  }
  & .statistics-list {
    list-style-type:none;
    padding:0;
    margin:0;
    width:100%;
  }
  & li {
    padding:20px;
    margin:10px 0;
    background:var(--lightgray);
    display:flex;
    justify-content: flex-start;
    align-items: center;
  }
  & .statistic-number {
    font-size:3rem;
    line-height: 1;
    color: var(--red);
    margin-top:0;
    font-family:var(--headingfont);
    font-weight: normal;
    margin-right:20px;
  }
  & .statistic-label {
    font-weight:600;
    font-size:1.5rem;
    color:var(--dark);
  }
}



.table-module {
  & .content-table {
    list-style-type:none;
    padding:0;
    margin:0;
    margin-top:20px;
  }
  & .table-row {
    display:flex;
    justify-content: space-between;
    padding:20px;
    &:nth-child(odd) {
      background:var(--lightgray);
    }
  }
  & .row-label {
    font-size:1rem;
    width:200px;
  }
  & .row-content {
    width:calc(100% - 200px);
    padding-left:30px;
    & p:first-child {
      margin-top:0;
    }
    & ul {
      padding:0;
      padding-left:20px;
      margin:0;
    }
    & li {
      font-size:1.1rem;
      line-height:1.5;
    }
  }
}

@media only screen and (max-width: 900px) {
.table-row {
  flex-flow:nowrap column;
  & .row-label {
    width:100%;
  }
  & .row-content {
    width:100%;
    padding-left:0;
  }
}
}

@media only screen and (max-width: 1100px) {
  .comparison-module {
    & .table-row {
      flex-flow:nowrap row;
      padding:10px;
      font-size:12px;
    }
  }
}

.testimonial-carousel {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}
.testimonial-carousel.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.testimonials-module {
  & .slick-track {
    display:flex;
    align-items: center;
  }
  & p.testimonial-content {
    font-size: 1.375rem;
    line-height: 1.5;
    padding: 1rem 0;
    text-align: left;
    position:relative;
    margin:0;
    &:before {
      content:"";
      background-image:url("/wp-content/themes/smartvest-2022/img/quote.svg") !important;
      background-repeat:no-repeat;
      background-size:contain;
      height:30px;
      width:30px;
      display:block;
      position:relative;
    }
  }
  & .testimonial-individual {
    visibility:hidden;
    &.slick-current {
      visibility:visible;
    }
  }
}



.alt-style {
  & .testimonial-content {
    font-size: clamp(1.75rem, 1.4rem + 1.6vw, 3rem) !important;
    font-family:var(--headingfont);
    color:var(--red);
    line-height:1.25 !important;
    &:before {
      height: 75px !important;
      width: 75px !important;
      left: -20px;
      top: 50px;
      z-index: -1;
      position:absolute;
    }
    &:after {
      content: "";
      background-image: url("/wp-content/themes/smartvest-2022/img/quote.svg") !important;
      transform:rotate(180deg);
      background-repeat: no-repeat;
      background-size: contain;
      height: 75px;
      width: 75px;
      display: block;
      position: absolute;
      right: -20px;
      bottom: 0px;
      left:auto;
      z-index: -1;
    }
  }
  & .testimonial-individual h6 {
    font-family:var(--mainfont);
    color:var(--dark);
    font-style:italic;
    font-size:1rem !important;
  }
  & .testimonial-individual {
    padding:30px;
  }
}



.accordion-module {

}


.toggle-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -25px;
}
.toggle-a, .toggle-b {
  content: "";
  position: absolute;
  left: 0;
  right:0;
  bottom:0;
  top: 0;
  width: 3px;
  margin: auto;
  height: 15px;
  transition: all ease 0.25s;
  border-radius: 3px;
  background:var(--red);
}
.toggle-a {
  transform: rotate(90deg);
}
.toggle-title {
  padding-left: 40px;
  margin-bottom: 20px;
  cursor: pointer;
  width: calc(100% - 75px);
}
.toggle-copy {
  display: none;
  transition: all ease 0.25s;
}
.toggle-visible .toggle-copy {
  display: block !important;
}

.toggle-title {
  padding-left: 0 !important;
}
.toggle-title {
  font-size: 1.15rem !important;
  font-family:var(--headingfont);
  margin-top: 20px;
}
.toggle-title-bar {
  display: flex;
  align-items: center;
  position: relative;
  flex-flow: wrap row;
  cursor: pointer;
  justify-content: space-between;
  &:focus-visible {
    border:solid 2px var(--red);
  }
}
.toggle-wrap {
  display: flex;
  right: 0;
  top: auto;
  bottom: auto;
  height: 25px;
  width: 25px;
  align-items: center;
  justify-content: center;
  left: auto;
  transition: all ease 0.25s;
}
.toggle-copy {
  margin-bottom: 2rem;
}
.toggle {
  position: relative;
  border-bottom: solid 1px var(--lightgray);
}
.toggle:last-child {
  border-bottom: none !important;
}
.toggle-visible .toggle-wrap {
  transform: rotate(135deg);
}

.toggle-visible .toggle-title-bar {
  border-bottom: none !important;
}






.image-gallery-module {
	& .gallery-item img {
		max-width:590px !important;
		width:100% !important;
	}
  & .gallery-thumbs-slider .gallery-module-thumb {
    aspect-ratio:1/1;
    object-fit:cover;
    padding:5px;
    cursor:pointer;
    overflow:hidden;
    & img {
      height:100%;
      width:100%;
      object-fit: cover;
      transition:all ease .25s;
    }
  }
	
  & .gallery-thumbs-slider {
    padding:5px;
    &:hover {
      & img {
        opacity:.5;
      }
    }
    & .gallery-module-thumb:hover {
      & img {
      opacity:1;
      }
    }
  }
  & .gallery-active-image a {
    aspect-ratio:4/3;
    & img {
      width:100%;
      height:100%;
      object-fit:cover;
    }
  }
  & .gallery-active-image {
    position: relative;
    &:after {
      content:"";
      background-image:url("/wp-content/themes/smartvest-2022/img/zoom.svg") !important;
      background-repeat:no-repeat;
      background-size:20px;
      background-position:center center;
      position:absolute;
      right:20px;
      top:20px;
      height:40px;
      width:40px;
      pointer-events: none;
      border-radius:50%;
      box-shadow:1px 4px 5px 0px rgba(50, 50, 50, 0.15);
      z-index:2;
      transition: all ease .25s;
    }
    &:before {
      content:"";
      background:#fff;
      position:absolute;
      right:20px;
      top:20px;
      height:40px;
      width:40px;
      pointer-events: none;
      border-radius:50%;
      z-index:1;
      transition: all ease .25s;
    }
    &:hover:before {
      transform:scale(1.1);
    }
    &:hover:after {
      transform:scale(1.1);
    }
  }
}



@media only screen and (max-width: 1024px) {
  body section.homepage--hero {
    min-height:auto !important;
    margin-top:100px;
  }
}

@media only screen and (max-width: 768px) {
  .footer-links {
    padding-left:0 !important;
    display:flex !important;
    flex-flow:nowrap column;
    & li {
      margin:10px 0;
      display:block;
    }
    & a {
      padding:15px !important;
    }
  }
  .super-flex-section .inner-content {
    flex-flow:wrap row;
    justify-content: center;
    & h1 {
      font-size:3rem;
    }
    & h2 {
      font-size:2.5rem;
    }
    & h3 {
      font-size:2rem;
    }
    & h4 {
      font-size: 1.5rem;
    }
    & h5 {
      font-size:1.25rem;
    }
    & h6 {
      font-size:1rem;
    }
  }
  .reverse-order .inner-content {
    flex-wrap:wrap-reverse;
  }
  .module {
    padding-top:20px !important;
    padding-bottom:20px !important;

  }
.homepage--hero {
  padding:40px
}
section.homepage--hero .text-container {
  max-width:none !important;
}
.super-flex-section {
  & .module {
    &.large-padding .module-inner {
      padding: 20px;
    }
  }
}
.customizer-thumbs {
  margin-left:0 !important;
}
.module-customizer-active {

}
.link-list {
  flex-flow:nowrap column !important;
  & .link-list-item {
    width:100%;

  }
}
}







@media only screen and (max-width: 768px) {
.bg-image {
  display:flex;
  flex-flow:nowrap column;
  & .inner-content {
    width: auto;
    margin:0 !important;
  }
  & .background-image {
    position:relative;
    order:-1;
    width:100%;
    aspect-ratio:16/9;
  }
  & .content-module {
    &.plattered {
      &::after {
        opacity:1;
      }
    }
  }
}

.placeholder {
  display:none !important;
}

}






/* Footer */
body:has(.footer-hidden) {
  & footer {
  display:none;
  }
}






/* --------------- Color Customizer ----------------- */
.customizer-thumb {
  width:auto !important;
  height:100px;
  object-fit:contain;
  overflow:visible !important;
  margin:0 0 0 -35px;
  cursor:pointer;
  position:relative;
  transition: all ease .25s;
  &:first-child {
    margin-left:0;
  }
  & img {
    height:100%;
    width:100%;
    object-fit:contain;
    transform-origin:bottom center;
    transition: all ease .25s;
    position:relative;
    top:0;
  }
  &:hover img {
    top:-10px;
  }
  &.slick-current {
    top:5px;
  }
  &.slick-current img {
      transform:scale(1.35) !important;
      top:0;
  }
}
.customizer-thumbs {
  margin-top:100px;
  margin-left:40px;
  & .slick-list {
    overflow:visible !important;
  }
  & .slick-track {
    display:flex;
    flex-flow:nowrap row;
  }
}

.customizer-image {
  display:flex !important;
  justify-content: center;
  aspect-ratio:1/1;
  align-items: center;
  max-height:400px;
  width:auto;
  object-fit:contain;
  margin:auto;
  & img {
    height:100%;
    object-fit:contain;
  }
}
.customizer-active {
  position:relative;
}
.customizer-section {
  overflow:hidden;
}
.module-customizer-active .module-inner {
  position:relative;
  display:flex;
  justify-content: center !important;
  overflow:hidden;
  &:before {
       content:"";
      height:100%;
      aspect-ratio:1/1;
      border-radius:50%;
      background:#fff;
      position:absolute;

      align-self:center;
  }
}

@container (max-width: 600px) {
.customizer-thumb {
  margin:0 0 0 -15px;
  & img {
    width:75px;
  }
}
.customizer-thumbs {
  & .slick-track {
    justify-content: center;
  }
}
}




/* Calculator */

.calculator-section .inner-content {
  & .module {
    min-height:auto;
  }
  & .statistics-module {
    background:var(--white);
    padding:40px !important;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 35px;
    border-top-left-radius: 35px;
    box-shadow:1px 6px 10px 0px rgba(50, 50, 50, 0.25);
  }
  & .statistic-item {
      justify-content: space-between;
  }
  & .calc__input {
    padding:20px 20px 15px 20px !important;
    font-size:1.5rem;
    font-family:var(--headingfont);
    color:var(--black);
    color:var(--red);
  }
  & label {
    line-height: 1.5;
    font-family: "AvenirLTStd-Light", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    margin-bottom:10px;
    margin-top:10px;
  }
}
.calc-intro-content {
  max-width:1000px;
  margin:auto;
  padding:0 20px;
  & a {
    margin-top:20px !important;
    display:block;
  }
}

.calculator-section .calc__body-block {
  display:flex;
  flex-flow:nowrap column;
  margin-bottom:20px;
}



/* ------------------ Sticky Page Nav Section ----------------- */
.sticky-page-nav {
	position:sticky;
	z-index:99;
	top:187.5px;
	background:var(--red);
	display:flex;
	align-items: center;
  margin:0;
  padding:0;
	& .inner-content {
		padding:0;
		display:flex;
		align-items: center;
		justify-content: center;
    width:100%;
    max-width:var(--mainwidth);
    margin:auto;
	}
	& .nav-link-items {
		display:flex;
		align-items: center;
    width:100%;
    justify-content: space-between;
	}
	& .btn {
		margin:0;
		margin-left:20px;
	}
	& .nav-link {
		text-decoration:none;
		color:var(--white);
		padding:15px 20px;
		transition: all ease .25s;
    font-family:var(--headingfont);
    text-align:center;
		&.current {
      background:rgba(0,0,0,.1);
		}
    &:hover {
      background:rgba(0,0,0,.1);
		}

	}
}

.no-padding .module {
  padding:0 !important;
}


@media only screen and (max-width: 768px) {
.super-flex-section .module {
	width:100%;
	&.order-first {
		order:-1;
	}
}
.nav-link-items {
  flex-flow:Wrap row;
  justify-content: center !important;
  & .nav-link {
    font-size:.85rem;
    padding:10px;
    flex-grow:1;
  }
}
.sticky-page-nav {
  top:115px !important;
}
.header {
  height:85px !important;
}
.header-wrap {
  height:115px !important;
}
}

@container (max-width: 600px) {
	.super-flex-section .inner-content .module {
		width:100%;
		padding:10px;
    }
}

@media only screen and (max-width: 768px) {
  .sticky-page-nav {
    top:124px !important;
  }

  .super-flex-section .image-module {
    order:-1;
  }
  }
  .super-flex-section {
    & .module {
      &.default-padding .module-inner {
        padding: 20px;
      }
    }
}

/* ---------- Other updates ------------ */

section.flex--testimonial {
	margin:1rem auto;
}
section.flex--testimonial .testimonial-wrapper::before {
	background-image:url("/wp-content/themes/smartvest-2022/img/quote.svg") !important;
	background-repeat:no-repeat;
	background-size:contain;
}
section.flex--testimonial .testimonial-wrapper::after {
	background-image:url("/wp-content/themes/smartvest-2022/img/quote.svg") !important;
	background-repeat:no-repeat;
	background-size:contain;
	transform:rotate(180deg);
	bottom:0;
}
section.flex--testimonial .testimonial-wrapper {
	max-width:850px;
}




/* Slick Slider */
.slick-dots > li {
  display: inline-block;
}
.slick-dots > li:only-child {
  display: none;
}
.slick-dots {
  padding-left: 0 !important;
}
.slick-dots button {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots ul {
  list-style-type: none !important;
}
.slick-dots li::marker {
  display: inline-block;
  font-size: 0;
  color: rgba(255, 255, 255, 0);
  width: 0;
  height: 0;
}
.slick-dots button {
  top: 0;
  color: rgba(255, 255, 255, 0) !important;
  left: 0 !important;
  width: 15px !important;
  height: 15px !important;
  padding:10px;
  text-align: center;
  opacity: 1;
  background: none;
  border: solid 2px var(--red);
  border-radius: 50% !important;
  transition: all ease 0.25s;
}
.slick-dots li.slick-active button {
  border: solid 2px var(--red);
  background: var(--red);
}

.slick-dotted {
  flex-flow: wrap column;
}
.slick-dots {
  display: flex;
  justify-content: flex-start;
}

.slick-dots li button {
  font-size: 0;
}














/* Lightbox */
/* Lightbox background */
.lightbox-bg {
  display: none;
  position: fixed;
  z-index: 9999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  background: none;
  overflow: hidden;
}
.lightbox-overlay {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(5px);
}
/* Lightbox content */
.lightbox-inner {
  position:relative;
}
.lightbox-content {
  position: relative;
  margin: auto;
  padding: 20px;
  max-width: calc(100vw - 200px);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease; /* Add opacity transition */
}

/* Lightbox image */
.lightbox-img {
  max-height: calc(100dvh - 150px);
  max-width:calc(100dvw - 100px);
  margin: auto;
  box-shadow: var(--mainshadow);
  transition: opacity 0.3s ease; /* Add opacity transition */
}

/* Thumbnails */
.lightbox-thumbnails {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
  transition: opacity 0.3s ease; /* Add opacity transition */
}


/* Close button */
.lightbox-close {
  position: absolute;
  top: 35px;
  right: 50px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

.lightbox-close {
  position: absolute;
}

.lightbox-close:after {
  content:"";
  background:url("/wp-content/themes/smartvest-2022/img/close.svg");
  width:30px;
  height:30px;
  position: absolute;
  top:0;
  left:0;
  background-size: contain;
  display: block;
}
.lightbox-close:before {
  content:"";
  height:100vh;
  width:100vw;
  position:absolute;
  right:-50px;
  top:0;
  z-index:0;
}
/* Navigation buttons */
.lightbox-prev, .lightbox-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  height:50px;
  width:50px;
  user-select: none;
  -webkit-user-select: none;
  z-index:9;
  display:flex;
  align-items: center;
  justify-content: center;
}

.lightbox-prev {
  left: 20px;
}

.lightbox-next {
  right:20px;
}


.lightbox-next:after, .lightbox-prev:after {
  content:"";
  background:url("/wp-content/themes/smartvest-2022/img/arrow.svg") no-repeat;
  width:25px;
  height:25px;
  position: absolute;
  top:auto;
  bottom:auto;
  right:auto;
  left:auto;
  background-size: contain;
  ;
}
.lightbox-prev:after {
  transform: rotate(180deg);
}



/* Thumbnails */
.lightbox-thumbnails {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  width:100%;
  position:absolute;
}

.lightbox-thumbnail {
  padding:5px;
  cursor: pointer;
  opacity: 0.5;
  aspect-ratio:1/1;
  filter:grayscale(1);
  transition:all ease .25s;
}
.lightbox-thumbnail:hover {
  opacity:1;
  filter:grayscale(0);
}

.lightbox-thumbnail.active {
  opacity: 1;
  filter:grayscale(0);
}

.lightbox-thumbnail img {
  width: 50px;
  height: 100%;
  object-fit: cover;
}

.lightbox-thumbnails {
  display:none;
}


/* Responsive Edits */
@media only screen and (max-width: 768px) {

  .lightbox-prev, .lightbox-next {
      height:35px;
      width:35px;
  }
  .lightbox-next::after, .lightbox-prev::after { 
      width:15px;
      height:15px;
  }
  .lightbox-prev {
      left:10px;
  }
  .lightbox-next {
      right:10px;
  }
  .lightbox-content {
      max-width:none;
      padding:0;
  }
}



/* Accessibility */
.pojo-a11y-toolbar-toggle {
  top:auto !important;
  bottom:0 !important;
}
#pojo-a11y-toolbar {
  top:auto;
  bottom:0;
}
.pojo-a11y-toolbar-overlay {
  bottom:0;
  top:auto;
  position:absolute !important;
  border:none !important;
  transition: all ease .25s;
}
.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay {
	  box-shadow:var(--mainshadow) !important;

}
.pojo-a11y-toolbar-title {
  font-family:var(--headingfont);
  font-weight:400 !important;
}


/* Title Section */
body section.video-background {
  padding:40px calc(20px + 1rem) !important;
}
body section.video-background .container h1 {
  text-shadow:none !important;

 }
.banner__media {
  &:after {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:9;
    mix-blend-mode: lighten;
    opacity:1;

  }
}


/* Blog */
.post-tags {
  & h5 {
    font-size:1.25rem;
    color:var(--red);
    margin-bottom:10px;
  }
  & a {
    font-family:var(--headingfont);
  }
}
section.single-post {
  padding-top:40px !important;
}
section.single-post .container {
  padding:0 20px;
}
.mobile-toc {
  display:none;
  & h5 {
    font-size:1.25rem;
    margin:0;
  }
  & li {
    border-bottom:solid 1px var(--lightgray);
  }
  & a {
    text-decoration:none !important;
  }
}


@media only screen and (max-width: 768px) {
.blog-title-section {
  flex-flow:nowrap column;
}
.blog-featured-image-side {
  width:100% !important;
  max-width:none !important;
  max-height:350px;
}
.blog-title-content-side {
  width:100% !important;
  max-width:none !important;
}
.blog-title-inner-content {
  text-align:center;
}

  .individual-blog-body {
    flex-flow:nowrap column;
	  overflow-x:hidden !important;
  }
  .sidebar-adjacent-content, .sidebar {
    width:100%;
    max-width:none;
	  min-width:none;
  }
  .desktop-toc {
    display:none !important;
  }
  .mobile-toc {
    display:block;
  }


  section.single-post {
    padding-top:20px !important;
  }
  section.page--blog .posts-column .post-preview .post-thumbnail img {
    width:100%;
    max-width:none !important;
    aspect-ratio:3/2;
  }
}

  body section.blog-header .section-title {
    padding-top:20px !important;
    margin:0;
  }

section.page--blog .posts-column .post-preview .post-thumbnail img {
  height:100% !important;
  object-fit:cover;
}

#blog-index {
  width:calc(100% - 300px);
}
section.page--blog .sidebar-column {
  width:300px;
}

section.page--blog .container {
  padding:0 20px;
}
section.blog-header .section-title {
  max-width:var(--mainwidth) !important;
  padding-left:20px !important;
  padding-right:20px !important;
}
section.page--blog .posts-column .post-preview .post-text {
  max-width:none !important;
}

@media only screen and (max-width: 1024px) {
  #blog-index {
    width:100%;
  }
}