/**
 * 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"); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700;1,800;1,900&display=swap'); /* font-family: 'Montserrat', sans-serif; */

html, body { overflow-x: hidden; }
body { font-family: 'Montserrat', sans-serif; }
.btn-lg { border-radius: 1.75rem !important; }
.font-weight-600 { font-weight: 600; } /* semibold */
.font-weight-700, strong { font-weight: 700; } /* bold */
.font-weight-800 { font-weight: 800; } /* extrabold */
.font-weight-900 { font-weight: 900; } /* black */
.fa-hang span { display: inline-block; margin-left: 0.625rem; vertical-align: top; }
.gap-0 { gap: 0; }
a, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #005eb6; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* colors */
.text-ltblue { color: #e5eff8 !important; } .bg-ltblue { background: #e5eff8 !important; } .border-ltblue { border-color: #e5eff8 !important; }
.text-blue { color: #005eb6 !important; } .bg-blue { color: #fff !important; background: #005eb6 !important; } .border-blue { border-color: #005eb6 !important; }
.text-orange { color: #f3b327 !important; } .bg-orange { background: #f3b327 !important; } .border-orange { border-color: #f3b327 !important; }

.btn-orange { color: #fff; background-color: #f3b327; font-weight: 600; text-transform: uppercase; border: 2px solid #f3b327; border-radius: 1.25rem; }
.btn-orange:hover { color: #f3b327; background-color: transparent; border: 2px solid #f3b327; }

#block-12 > div { gap: 0; }
#block-12 > div > div:nth-child(3) { display: flex; align-items: center; }
#block-12 .wp-block-image img { margin: 1rem 0; max-width: 70%; }
#block-12 .btn { margin-left: 0; padding: 0.375rem 3rem; font-size: 1.25rem; font-weight: 600; line-height: 1.2; color: #fff; background: #f3b327; text-transform: uppercase; border-radius: 1.5rem; }
#block-12 .fa-phone { color: var(--bs-body-color); }

.navbar-nav .nav-link { color: #fff; text-transform: uppercase; }
.navbar-nav li:last-of-type .nav-link { margin-right: 0; }
.navbar-toggler { margin: 0.5rem 0 0.5rem 1rem; padding: 0.25rem 0.5rem; border: 1px solid #212529; border-radius: 0.375rem; vertical-align: 0.25rem; }
.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%2812, 14, 16, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.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(12, 14, 16, 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>"); }
.dropdown-menu { background-color: #fff; }
.dropdown-item { color: #212529; }
.dropdown-item:hover { color: #212529; background-color: #f8f9fa; text-decoration: none; }

.post-header { display: none; }
#post-header .container .wp-block-group__inner-container { display: flex; flex-wrap: wrap; align-items: center; text-transform: uppercase; }
#post-header .container .wp-block-group__inner-container h1 small { text-transform: none; }
#post-header .container .wp-block-group__inner-container figure { margin: 0 -1.5rem; }

#breadcrumbs { margin: 0.5rem 0 3rem; }

h3.artisan-box { background-color: #212529;  }
h3.artisan-box:hover { background-color: #f3b327; }
h3.artisan-box span { display: block; margin: 0 0.25rem 0 0; padding: 1.5rem 1rem; font-weight: 400; color: #fff; background-color: #005eb6; text-transform: uppercase; border-radius: 0 0 3rem 0; cursor: pointer; }
h3.artisan-box span a { color: #fff; text-decoration: none; }

/* home */
.home #artisan-boxes { margin-top: -1.625rem; }
.home #artisan-boxes { position: relative; z-index: 10; }
.wpcf7-free-estimate { color: #fff; background: #005eb6 url('/wp-content/uploads/2023/12/shingles-bg.png') no-repeat center center; }
.wpcf7-free-estimate h3 { color: #fff; }
.wpcf7-free-estimate h3 strong { color: #fff; }
.wpcf7-free-estimate input, .wpcf7-free-estimate textarea {  border-radius: 1.25rem; }
#home-end-img { position: relative; margin-top: -5rem; z-index: -1; }
#home-end-img img { width: 100%; max-width: unset; }

#about-card-block .card { background-color: #bfbfbf !important; }
#about-card-block .card .card-body { padding: 0.5rem 0.75rem; background-color: #005eb6 !important; }
#about-card-block .card .card-body .card-title { margin: 0; }

/* portfolio pages */
.jwbs-card.portfolio-imgs .card { border: 0 none; border-radius: 0; cursor: pointer; }
.jwbs-card.portfolio-imgs .card .card-body { display: none; }
.jwbs-card.portfolio-imgs .card .card-footer { padding: 0; background-color: #005eb6 !important; border-radius: 0; }
.jwbs-card.portfolio-imgs .card .card-footer a { display: flex; align-items: center; font-size: 1.5rem; font-weight: bold; color: #fff; text-decoration: none; }
.jwbs-card.portfolio-imgs .card .card-footer a:after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.jwbs-card.portfolio-imgs .card .card-footer a:after { margin-left: auto; font: var(--fa-font-regular); content: "\f0a9"; color: #f3b327; }
.portfolio-imgs figure { border: 0 none; border-radius: 0; cursor: pointer; }
.portfolio-imgs figure img { width: 100%; }
.portfolio-imgs figcaption { display: flex; margin: 0; padding: 0.5rem 0.75rem; font-size: 1.5rem; font-weight: bold; color: #fff; background-color: #005eb6; }
.portfolio-imgs figcaption .fa-circle-arrow-right { align-self: center; margin-left: auto; }

.search article .meta { display: none !important; }

main footer { font-size: 0.875rem; background-color: #bfbfbf; }
main footer a { color: var(--bs-body-color); text-decoration: none; }
main footer .fa-solid { color: #005eb6; }
main footer .copyright { font-size: 0.875rem; }

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

@media only screen and (max-width : 781px) {
	main footer .wp-block-columns:not(.is-stacked-on-mobile) > .wp-block-column:nth-child(2) { flex-basis: 20% !important; }
	main footer .wp-block-columns:not(.is-stacked-on-mobile) > .wp-block-column:nth-child(3) { flex-basis: 70% !important; }
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
	.gap-md-2 { gap: 2em; }
	#block-12 .btn { font-size: 1.5rem; }
}

@media only screen and (min-width : 600px) and (max-width : 991px) {
	#post-header .container .wp-block-group__inner-container figure { margin: 0 auto; width: 100%; }
	#post-header .container .wp-block-group__inner-container figure img { width: 100%; max-width: unset; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
	#block-12 > div { gap: 2em; }
	#block-12 >div > div:nth-child(3) { display: block; }
	#block-12 .btn { font-size: 1.375rem; }
	#block-12 h2 { font-size: 1.8125rem; }
	#post-header .container .wp-block-group__inner-container { flex-wrap: nowrap; }
	#post-header .container .wp-block-group__inner-container figure { margin-right: calc(50% - 50vw); }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
	main { font-size: --bs-body-font-size; }
}

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