/**
 * Color classes and default styling are in /assets/main.css, focus your efforts there
 * @import external fonts at top of this page before default.css
 * remove comment for dark-mode.css if you want to enable that -- will not be 100%, you will need to fix minor things
 */
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */

body { font-size: 20px; }
h1, .h1, h2, .h2, h3, .h3, h3 > .accordion-button, .h3 > .accordion-button, h4, .h4, h5, .h5, h6, .h6 { font-weight: 400; font-variant: small-caps; color: #c8af79; }
h2, .h2 { font-size: 1.875rem; }
.lead { font-size: 1rem; font-weight: 400; }
a { color: #c8af79; text-decoration: none; }
a:hover:not(.nav-link):not(.dropdown-item):not(.btn) { text-decoration: underline; }
b, strong { font-weight: bold; }
.btn:hover, .btn:focus { box-shadow: none; }
.btn-primary, .btn-primary:hover, .btn-primary:focus { padding: 12px 20px; color: #fff; background-color: #303030; border-color: #333; text-transform: uppercase; }
.form-control { padding: 12px 20px; }
.bg-lt-gray { background-color: #ededed; }
.fs-18 { font-size: 1.125rem; }

.navbar { padding: 0.75rem; border-bottom: 0.5rem solid #866d37; }
.navbar a, .navbar a:hover, .navbar .nav-link.show, .navbar .nav-link.active, .navbar .nav-link:active { font-weight: 600; color: #b1b1b1; text-transform: uppercase; }
.dropdown-menu { border-radius: 0; }
.dropdown-item { text-transform: uppercase; }
.dropdown-item:hover, .dropdown-item:active, .dropdown-item.active { color: #b1b1b1; background-color: transparent; }
.navbar-toggler { border: 1px solid #fff; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(255,255,255,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>"); }
.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.form-control:focus { box-shadow: none; }
#quickquote { background-color: #a98f57; }
#quickquote input { padding: 0.75rem 1.25rem; font-size: 1.125rem; }
#quickquote .wpcf7-text { background-color: transparent; border-color: #fff; }
#quickquote .wpcf7-text::placeholder, .carousel-caption input::placeholder { color: #fff; }
#quickquote .btn:hover, #quickquote .btn:focus { color: #fff; }

.carousel-caption input { margin: 0.75rem 0; }
.carousel-caption a:hover { text-decoration: none !important; }
#jwbs-banner-home .carousel-caption { display: flex !important; align-items: center; position: absolute; padding: 2rem; top: 0; right: 16px; bottom: 0; left: 16px; background-color: rgba(0, 0, 0, 0.6); }
#jwbs-banner-home .carousel-caption > .container { padding: 0; }
#jwbs-banner-home .carousel-caption h1, #jwbs-banner-home .carousel-caption .h1, .home .carousel-caption h2, .home .carousel-caption .h2, .home .carousel-caption h3, .home .carousel-caption .h3 { font-variant: none; }
#jwbs-banner-home .carousel-caption h1, #jwbs-banner-home .carousel-caption .h1 { font-size: 2.25rem; }
#jwbs-banner-home .carousel-caption h2, #jwbs-banner-home .carousel-caption .h2 { margin-bottom: 2rem; font-size: 1.875rem; font-weight: 400; line-height: 1.1; }
#jwbs-banner-home .carousel-caption h3, #jwbs-banner-home .carousel-caption .h3 { font-size: 1.625rem; }
#jwbs-banner-home .carousel-caption form { margin: 16px 0 0; }
#jwbs-banner-home .carousel-caption #postal-code, #jwbs-banner-home .carousel-caption .btn-primary, #jwbs-banner-home .carousel-caption .btn-primary:hover, #jwbs-banner-home .carousel-caption .btn-primary:focus, #jwbs-banner-home .carousel-caption .btn-primary, #jwbs-banner-home .carousel-caption .btn-primary:active { color: #fff; background-color: #7c6334; border-color: #7c6334; border-radius: 0; }
#jwbs-banner-home .carousel-caption h3, .carousel-caption .h3 { margin-top:-0.5em; padding-bottom: 0.5em; }
:not(.home) .jwbs-banner .carousel-item { display: flex; align-items: center; justify-content: center; }
body:not(.home) .jwbs-banner .carousel-caption { position: static; }
:not(.home) .jwbs-banner h1 { font-size: 1.75rem; font-weight: 400; }
:not(.home) .jwbs-banner p { font-size: 1.25rem; }
:not(.home) .jwbs-banner #postal-code { color: #fff; background-color: transparent; border-color: #fff; }
:not(.home) .jwbs-banner .btn-primary { background-color: #303030; border-color: #333; }
:not(.home) .jwbs-banner .btn-primary:hover { color: #fff; }
:not(.home) .jwbs-banner .saved-quote { font-size: 1.125rem; color: #c8af79; }
:not(.home) .jwbs-banner .saved-quote:hover { text-decoration: none; }

.wp-block-cover .has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) { background-color: transparent; }
/* .wp-block-cover, .wp-block-cover-image { min-height: unset; } */
.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { padding: 0 15%; font-size: 1.625rem; font-weight: 500; font-variant: none; text-transform: uppercase; text-align: center; line-height: 1.1; }
.expertise .wp-block-cover { min-height: unset; aspect-ratio: 1.47 / 1; }

tr, th, td { display: block; }
th, td { position: relative; }
.compare-table { width: 100%; }
.compare-table thead { display: none; }
.compare-table th, .compare-table td { text-align: left; border-bottom: 1px solid #d1d1d6; }
.compare-table th { font-size: 18px; font-weight: 400; }
.compare-table th[scope='col'] { position: relative; padding: 10px 12px 15px; width: 18.75%; text-align: center; border: 1px solid #d1d1d6; border-bottom: none; border-left: none; }
.compare-table th[scope='col']:first-child { border-top: none !important; border-bottom: none !important; }
.compare-table .table-section-header { padding: 16px 0; background: #f8f8f8; border-top: 1px solid #d1d1d6; border-right: 1px solid #d1d1d6; border-left: 1px solid #d1d1d6; }
.compare-table h3 { margin: 0; font-size: 24px; text-align: center; }
.compare-table th[scope="row"] { padding: 24px; width: 100%; line-height: 1.4; text-align: center; vertical-align: middle; border-right: 1px solid #d1d1d6; border-left: 1px solid #d1d1d6; }
.compare-table td { padding: 62px 20px 10px; font-size: 14px; line-height: 1.3; background-color: #f8f8f8; background-image: url('/wp-content/uploads/2025/10/circle-partial.png'); background-repeat: no-repeat; background-position: 84% 16px; text-align: right; border-right: 1px solid #d1d1d6; border-left: 1px solid #d1d1d6; }
.compare-table td:before { position: absolute; top: 30px; left: 16px; font-size: 16px; }
.compare-table td.check:before { content: 'Lavalier'; }
.compare-table tr td:nth-child(3):before { content: 'Renter’s Policy'; }
.compare-table tr td:nth-child(4):before { content: 'Homeowner’s Policy'; }
.compare-table td.ex:before { content: 'Jewelry Warranty'; }
.compare-table .check { background-color: transparent; background-image: url('/wp-content/uploads/2025/10/circle-check.png'); }
.compare-table .ex { background-image:url('/wp-content/uploads/2025/10/circle-x.png'); }
.compare-table .check, .compare-table .ex { padding-right: 34px; }
.footnote { margin: 24px 0; font-size: 14px; }
.table table, .table th, .table td { border: 1px solid #d1d1d6; }
.table th { font-weight: 400; background-color: #f8f8f8; }

.accordion-item { margin-bottom: 20px; }
.accordion-button { font-size: 24px; border-bottom: 3px solid #ededed; }
.accordion-button.collapsed { border-bottom: 0 none; }
.accordion-button.collapsed:after { content: '\f0a8'; font: var(--fa-font-regular); font-size: 0.75em; color: #8e8e8e; background-image: none; opacity: 0.6; }
.accordion-button:not(.collapsed):after { content: '\f0ab'; font: var(--fa-font-regular); font-size: 0.75em; color: #8e8e8e; background-image: none; opacity: 0.6; }

/* why collectibles insurance */
#page-links a { padding: 24px; text-transform: uppercase; }
#page-links a:hover { background-color: #eee; text-decoration: none; }

main > footer { background-color: #f9f9f9; }
#inner-footer { padding-top: 2rem; padding-bottom: 2rem; font-size: 0.875rem; }
#inner-footer .menu { margin: 0; padding: 3rem 0; list-style: none; }
#inner-footer .menu li { margin-right: 1.25rem; }
#inner-footer .menu a { font-weight: 600; color: #b1b1b1; text-transform: uppercase; text-decoration: none; }

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
	tr { display: table-row; }
	th, td { display: table-cell; position: relative; }
	.lead { font-size: 1.325rem; }
	.w-md-66 { width: 66.66% !important; }
	#jwbs-banner-home .carousel-caption { top: 0; right: auto; bottom: 0; left: 16px; width: 55%; }
	.wp-block-cover .wp-block-cover__inne	r-container, .wp-block-cover-image .wp-block-cover__inner-container { padding: 0 22%; font-size: 2.5rem; }
	.compare-table thead { display: table-header-group; }
	.compare-table th[scope="row"] { padding-left: 0; width: 25%; text-align: initial; border-left: 0 none; }
	.compare-table td { text-align: center; background-position: center 16px; border-left: 0 none; }
	.compare-table td:before { display: table-cell; content: '' !important; position: relative; }
	.compare-table .check, .compare-table .ex { padding-right: 10px; }
	#inner-footer .menu li { display: inline-block; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
	.w-lg-66 { width: 66.67%; }
 	#jwbs-banner-home .carousel-caption { left: calc((100vw - 960px) / 2); }
	#jwbs-banner-home .carousel-caption h1, #jwbs-banner-home .carousel-caption .h1,:not(.home) .jwbs-banner h1,:not(.home) .jwbs-banner .h1 { font-size: 2.75rem; font-weight: 500; }
	#jwbs-banner-home .carousel-caption form { margin: 3.125rem 0; }
	#jwbs-banner-home .carousel-caption h3, .carousel-caption .h3 { margin-top: 0; padding-bottom: 1em; }
	:not(.home) .jwbs-banner p { margin-bottom: 2rem; font-size: 1.625rem; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
	h2, .h2 { font-size: 2rem; }
 	#jwbs-banner-home .carousel-caption { left: calc((100vw - 1320px) / 2); width: 33.34%; }
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
}