/*
Theme Name: ClarityFinancial
Description: A WordPress theme with Tailwind CSS support
Author: Digital Six
Version: 1.0.3s
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clarityfinancial
*/


/* This file is required by WordPress for theme identification */
/* Tailwind CSS styles are loaded from assets/css/tailwind.css */

/* Beausite Classic Font Family */
@font-face {
  font-family: "Beausite Classic";
  src: url("/wp-content/themes/clarityfinancial/assets/fonts/BeausiteClassic-Light.otf")
    format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Beausite Classic";
  src: url("/wp-content/themes/clarityfinancial/assets/fonts/BeausiteClassic-Clear.otf")
    format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Beausite Classic";
  src: url("/wp-content/themes/clarityfinancial/assets/fonts/BeausiteClassic-Regular.otf")
    format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Beausite Classic";
  src: url("/wp-content/themes/clarityfinancial/assets/fonts/BeausiteClassic-Medium.otf")
    format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Beausite Classic";
  src: url("/wp-content/themes/clarityfinancial/assets/fonts/BeausiteClassic-Semibold.otf")
    format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Beausite Classic Font Family */
/* Arial Font Family */
@font-face {
  font-family: "Arial";
  src: url("/wp-content/themes/clarityfinancial/assets/fonts/Arial_Font.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Arial Font Family */

html {
  overflow-x: hidden;
}

* {
  font-family: "Beausite Classic", sans-serif;
}

.cla-container > .cla-wrapper {
  /* width: min(1440px, 100%); */
  width: min(1440px, 100%) !important;  
  margin: 0 auto;
}

@media (min-width:1440px){
  .processes-swiper .cla-process-card {
      /* min-width:min(58.25vw,calc(1136px)) !important; */
}    
}

/* Buttons Custom Height */
[class*="cla-btn"]{
    height:48px ;
}

:root {
  --mb-padding: clamp(
    1.25rem,
    0.523rem + 3.636vw,
    1.5rem
  ); /* 24px - 18px for mobile screens.*/
  --cla-green: #b9f546;
  --cla-greendark: #87d241;
  --cla-black: #1a1a1a;
  --cla-grey: #6f6f6f;
  --cla-greybglight: #f6f4f2;
  --cla-greybgdark: #e3e2dd;
  --white: #ffffff;
  --black: #000000;
  --cla_hero: 72px;
  --cla_h1: 61px;
  --cla_h1-lh: 1.1em;
  --cla_h2: 48px;
  --cla_h2-lh: 1.1em;
  --cla_h3: 39px;
  --cla_h3-lh: 1.1em;
  --cla_h4: 31px;
  --cla_h4-lh: 1.1em;
  --cla_h5: 22px;
  --cla_h5-lh: 1.1em;
  --cla_subtext: 18px;
  --cla_subtext-lh: 1.4em;
  --cla_body: 16px;
  --cla_body-lh: 1.4em;
  --cla-largebody: 20px;
  --cla-body-18: 18px;
  --cla-body-18-lh: 1.4em;
  --cla-body-20: 20px;
  --cla-body-20-lh: 1.4em;
  --cla-largebody-lh: 1.4em;
  --cla_smallbody: 12px;
  --cla_smallbody-lh: 1.4em;
  --cla-mediumbody: 14px;
  --cla-mediumbody-lh: 1.4em;
  --cla-smallbodymobile: 14px;
  --cla-smallbodymobile-lh: 1.4em;
  --cla-arial: "Arial", sans-serif;
}

@media (max-width: 1024px) {
  :root {
    --cla_hero: 53px;
    --cla_h1: 42px;
    --cla_h1-lh: 1.2em;
    --cla_h2: 34px;
    --cla_h2-lh: 1.2em;
    --cla_h3: 24px;
    --cla_h3-lh: 1.2em;
    --cla_h4: 22px;
    --cla_h4-lh: 1.2em;
    --cla_h5: 22px;
    --cla_h5-lh: 1.2em;
    --cla-largebody: 16px;
    --cla-largebody-lh: 1.4em;
  }
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 24px center;
  background-size: 16px;
  padding-right: 48px !important;
  background-color: #e3e2dd !important;
}

.cs-excerpt,
.cs-excerpt * {
  line-height: 23px !important;
  display: -webkit-box;
  color: #6f6f6f !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cs-more-loop-excerpt,
.cs-more-loop-excerpt *,
.cla-news-excerpt,
.cla-news-excerpt *,
.cla-video-excerpt,
.cla-video-excerpt * {
  line-height: 23px !important;
  display: -webkit-box;
  color: #6f6f6f !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

body {
  position: relative;
  overflow: visible !important;
  max-width: 100%;
  overflow-x: hidden !important;
  padding-top: 96px;
}

.cla-header-container {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
}

header,
.mobile-menu {
  box-shadow: 0px 0px 20px -15px rgba(0, 0, 0, 0.5);
}
.text-tialic  {
	font-style: italic;
}

@media all and (max-width: 767px) {
	body.home .cla-reviews-section {
		margin-top: 72px;
	}
}
@media all and (max-width: 1024px) {
	.mobile-menu {
		max-height: calc(100vh - 110px);
		overflow: auto;
	}
}

main#primary{
  /* margin-top:124px !important; */
}