/* ----------------------------------------------------------------
	Canvas: Insurance
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #FF6049;
	--cnvs-themecolor-rgb: 255, 96, 73;
	--cnvs-secondary-color: #FDE3A1;

	--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-primary-font: 'Quattrocento', serif;
	--cnvs-secondary-font: 'Shadows Into Light', cursive;
}

#header {
	--cnvs-primary-menu-font:     		var(--cnvs-body-font);
}

.color-2 {
	color: var(--cnvs-secondary-color) !important;
}

.bgcolor-2 {
	background-color: var(--cnvs-secondary-color) !important;
}

.feature-box {
	--cnvs-featured-box-font-weight: 600;
}

/* .button-reveal */
.button.button-reveal i {
	opacity: 0;
	left: auto !important;
	right: 20px !important;
	background-color: transparent;
	transition: all .3s ease !important;
}

.button.text-end.button-reveal i {
	left: 20px !important;
	right: auto !important;
}

.button:not(.text-end).button-reveal i {
	left: auto !important;
	right: 20px !important;
}

.button:hover.button-reveal i {
	opacity: 1;
	right: 0 !important;
	transform: translateX(-10px);
}

.button-xlarge:hover.button-reveal i {
	transform: translateX(-22px);
}

.button.button-reveal:not(.text-end):hover span { left: -13% !important; }

.button i {
	position: relative;
	top: 1px;
}

/* ----------------------------------------------------------------------------
	Services Grid
---------------------------------------------------------------------------- */

.grid-border {
	--cnvs-grid-border-opacity: 0;
}

.grid-border .fbox-content h3 {
	font-size: 1.375rem;
}

.dark .grid-border [class^=col-]:before,
.dark .grid-border [class^=col-]:after { border-color: rgba(255,255,255,0.05); }

.ins-categories .nav-link {
	padding: 20px 30px;
	color: #444;
	background-color: var(--bs-light);
	margin-top: 17px;
	font-size: 1.2em;
	border-radius: .25rem;
    transition: max-height .5s;
    max-height: 70px;
    overflow: hidden;
}

.ins-categories .nav-link:first-child {
	margin-top: 0;
}

.ins-categories .nav-link:hover {
	background-color: #F5F5F5;
}

.ins-categories .nav-link.active {
	color: #000;
	background-color: #E3EAF1;
	max-height: 200px;
}

.ins-categories .nav-link .tab-header img {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 15px;
	opacity: .5;
}

.ins-categories .nav-link .tab-desc {
    opacity: 0;
    transition: opacity .3s;
    color: #5B5855;
    font-size: 1.025rem;
    padding-left: 45px;
}

.ins-categories .nav-link.active .tab-desc {
	opacity: 1;
    transition: opacity .5s;
    transition-delay: .25s;
}

.widget {
	--cnvs-widget-title-font-weight: 600;
}

/* ----------------------------------------------------------------------------
	ADDITIVE: icon face the theme does not ship
	The design's "View Details" links use one glyph from the Phosphor icon
	family (MIT). Shipped demo-scoped as a single-glyph subset so the exact
	source classes render without loading a full icon font.
---------------------------------------------------------------------------- */

@font-face {
	font-family: "Phosphor";
	src: url("insurance/phosphor/phosphor-subset.woff2") format("woff2"),
		 url("insurance/phosphor/phosphor-subset.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="ph-"],
[class*=" ph-"] {
  display: inline-flex;
}

[class^="ph-"]:before,
[class*=" ph-"]:before {
  font: normal normal normal 1em/1 "Phosphor";
  color: inherit;
  flex-shrink: 0;
  speak: none;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph-arrow-right:before {
  content: "\f28b";
}

/* ----------------------------------------------------------------------------
	Coverage records
---------------------------------------------------------------------------- */

.insurance .coverage-card .fbox-icon img { opacity: .55; }

.insurance .coverage-card h3 a { color: inherit; }

.insurance .coverage-card h3 a:hover { color: var(--cnvs-themecolor); }

.insurance .coverage-card-premium { font-size: 1.025rem; }

.insurance .coverage-attributes {
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1.75rem;
}

.insurance .coverage-attributes li { display: flex; flex-direction: column; }

.insurance .coverage-attributes .attr-label {
	font-size: .8125rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	opacity: .6;
	margin-bottom: .25rem;
}

.insurance .coverage-attributes .attr-value {
	font-family: var(--cnvs-primary-font);
	font-size: 1.375rem;
	font-weight: 700;
}

.insurance .coverage-category {
	display: inline-block;
	margin-bottom: 1rem;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-size: .8125rem;
	font-weight: 700;
	color: var(--cnvs-themecolor);
}

.insurance .coverage-benefits { margin-bottom: 2rem; }

.insurance .single-coverage .entry { box-shadow: none; }

.insurance .single-coverage-details h1 {
	font-family: var(--cnvs-primary-font);
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 1.5rem;
}

.insurance .single-coverage-cta { margin-top: 2rem; }

.insurance .single-coverage-footer {
	margin-top: 5rem;
	padding-top: 3rem;
	border-top: 1px solid var(--bs-border-color);
}

.insurance .coverage-related { margin-top: 2.5rem; }

.insurance .coverage-related-title { width: 100%; font-size: 1.5rem; }

/* ----------------------------------------------------------------------------
	Blog archive + single
---------------------------------------------------------------------------- */

.insurance .entry-title h2,
.insurance .entry-title h1 {
	font-family: var(--cnvs-primary-font);
	text-transform: none;
	letter-spacing: 0;
}

.insurance-post .entry { box-shadow: none; }

.insurance-post .sidebar .widget h4,
.insurance-archive .sidebar .widget h4 {
	font-family: var(--cnvs-body-font);
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .9375rem;
	font-weight: 600;
}

.insurance-post .sidebar .wp-block-latest-posts__list,
.insurance-archive .sidebar .wp-block-latest-posts__list,
.insurance-post .sidebar .wp-block-categories,
.insurance-archive .sidebar .wp-block-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}

.insurance-post .sidebar .wp-block-latest-posts__list li,
.insurance-archive .sidebar .wp-block-latest-posts__list li,
.insurance-post .sidebar .wp-block-categories li,
.insurance-archive .sidebar .wp-block-categories li {
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--bs-border-color);
}

.insurance-post .sidebar .tag-cloud-link,
.insurance-archive .sidebar .tag-cloud-link {
	display: inline-block;
	font-size: .8125rem !important;
	line-height: 1;
	margin: 0 .25rem .5rem 0;
	padding: .5rem .75rem;
	border-radius: .25rem;
	background-color: var(--bs-light);
	color: #444;
}

.insurance-post .sidebar .tag-cloud-link:hover,
.insurance-archive .sidebar .tag-cloud-link:hover {
	background-color: var(--cnvs-themecolor);
	color: #FFF;
}