/* custom responsive styles */

@media screen and (min-width: 768px) {
    .layout_full-width-media.height-lg, 
    .layout_full-width-media.height-lg {
        height: 45vw;
        max-height: 700px;
        min-height: 400px;
    }
	.home h1.entry-title {
		font-size: 3rem;
	}
	ul.two-column > li {
		flex: 0 0 auto;
		width: 50%;
	}
	ul.two-column {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(-1* var(--bs-gutter-y));
		margin-right: calc(-.5* var(--bs-gutter-x));
		margin-left: calc(-.5* var(--bs-gutter-x));
	}
}

@media screen and (min-width: 992px) {
	.callout-content > .col-inner {
		padding-left: 1rem;
	}
	.callout-content {
		border-left: solid 1px var(--blue);
		display: flex;
		align-items: center;
		font-size: 1.15rem;
	}
	.footer-widget {
		flex: 0 0 auto;
		width: 25%;
	}
	
    .row-image {
        position: absolute;
        padding: 0;
        top: 0;
        left: 0;
        height: 100%;
    }
    
    .row-image.image-right {
        right: 0;
        left: auto;
        height: 100%;
    }
    .map-col.map-right,
    .col-image.image-right,
    .col-video.video-right {
        order: 2;
    }
    .content-inner-wrapper.layout_image-with-content {
        position: relative;
        overflow: hidden;
    }
    .content-inner-wrapper.layout_image-with-content .row-image > figure.image-wrapper.size-cover {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        padding-top: 0;
    }
    .content-col.image-right > .col-inner,
    .content-col.map-right > .col-inner,
    .content-col.video-right > .col-inner,
    .left.content-padding > .col-inner {
        padding-right: 4rem;
    }
    .content-col.image-right {
        margin-right: auto;
    }
    .content-col.image-left > .col-inner,
    .content-col.video-left > .col-inner,
    .content-col.map-left > .col-inner,
    .right.content-padding > .col-inner {
        padding-left: 4rem;
    }
    .content-col.image-left {
        margin-left: auto;
    }
    .layout_image-with-content .content-col.content-padding > .col-inner,
    .layout_video-with-content .content-col.content-padding > .col-inner {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-9 {
        width: calc(75vw - (var(--container-width) / 25) - 0.75rem);
        flex: 0 0 calc(75vw - (var(--container-width) / 25) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-8 {
        width: calc(66.66666667vw - (var(--container-width) / 33.33333333) - 0.75rem);
        flex: 0 0 calc(66.66666667vw - (var(--container-width) / 33.33333333) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-7 {
        width: calc(58.33333333vw - (var(--container-width) / 41.66666667) - 0.75rem);
        flex: 0 0 calc(58.33333333vw - (var(--container-width) / 41.66666667) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-5 {
        width: calc(41.66666667%vw - (var(--container-width) / 58.33333333) - 0.75rem);
        flex: 0 0 calc(41.66666667%vw - (var(--container-width) / 58.33333333) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-4 {
        width: calc(33.33333333vw - (var(--container-width) / 66.66666667) - 0.75rem);
        flex: 0 0 calc(33.33333333vw - (var(--container-width) / 66.66666667) - 0.75rem);
    }
    .content-section > .container-fluid .layout_image-with-content .row-image.col-lg-3 {
        width: calc(25vw - (var(--container-width) / 75) - 0.75rem);
        flex: 0 0 calc(25vw - (var(--container-width) / 75) - 0.75rem);
    }
}
@media screen and (min-width: 1200px) {
	ul#main-menu {
		align-items: center;
	}
	ul#main-menu > li+li {
		margin-left: 1rem;
	}
}
@media screen and (max-width: 1200px) {
	button.btn-close.btn-close-white.text-reset {
		opacity: 1;
	}
	.offcanvas-body {
		padding: 2rem;
		padding-top: 0;
	}
	ul#main-menu > li+li {
		margin-top: 0.5rem;
	}
	ul#main-menu > li.menu-btn {
		margin-top: 1.5rem;
	}
	header.entry-header.bg-image {
		background-size: cover;
	}
	#navbarNavOffcanvas {
		background: transparent linear-gradient(72deg, var(--dark-blue) 0%, var(--blue) 100%) 0% 0% no-repeat padding-box;
	}
	ul#main-menu a {
		color: #fff;
		text-align: left;
		font-size: 1.25rem;
		display: block;
	}
	ul#main-menu ul.dropdown-menu {
		background-color: rgba(255, 255, 255, 0);
	}
	#page .menu-btn a.nav-link {
		background-color: #fff;
		border: solid 1px #fff;
		color: var(--dark-blue);
	}
	#page .menu-btn a.nav-link:hover {
		background-color: var(--blue);
		color: #fff;
	}
	#page .menu-btn a.nav-link::before {
		display: none;
	}
	#page ul#main-menu ul.dropdown-menu a {
		font-size: 1rem;
		padding: 0.5rem 1.5rem;
	}
	#page ul#main-menu ul.dropdown-menu a:hover {
		color: #fff;
		text-decoration: underline;
		background-color: rgba(255, 255, 255, 0);
	}
	#page ul#main-menu ul.dropdown-menu {
		border: none;
	}
	header.entry-header.bg-image::before {
		width: 100%;
		background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF00 200%) 0% 0% no-repeat padding-box;
	}
}

@media screen and (max-width: 992px) {
	.callout-content {
		margin-top: 1rem;
	}
	h1.entry-title {
		font-size: 2.25rem;
	}
	.row.content-row.two-column.layout_two-column > *+*,
	.row.content-row.layout_callout-with-button > *+*,
	.row.content-row.layout_video-with-content .content-col,
	.content-row.layout_image-with-content .content-col {
		margin-top: 2rem;
	}
	figure.footer-logo img {
		max-width: 175px;
	}
	.content-row+.content-row.layout_loans-callout {
		margin-top: 0;
	}
	div#site-banner .col-auto:last-child, div#site-banner .col-auto:nth-child(3), div#site-banner .col-auto:nth-child(5) {
		display: none;
	}
	span.wprs_unslider-arrow.next.wprs_nav_arrow_1 {
		right: -10px;
	}
	
	span.wprs_unslider-arrow.prev.wprs_nav_arrow_1 {
		left: -10px;
	}
}

@media screen and (max-width: 768px) {
	header.entry-header.bg-image::before {
		width: 100%;
		background-color: #fff;
		opacity: 0.8;
	}
	a.navbar-brand.custom-logo-link {
		width: 225px;
		max-width: calc(100% - 100px);
	}
	.breadcrumbs-wrapper+.padding-md,
	.padding-md {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.map-col.map-left span.backdrop {
		right: 1rem;
		left: auto;
	}
	.map-col > .col-inner {
		max-width: calc(100% - 1rem);
	}
	figure.image-wrapper.size-cover {
		padding-top: 64.25%;
	}
	span.backdrop {
		top: 1rem;
		padding-top: 64.25%;
		left: 1rem;
	}
	#page figure.image-wrapper.image-backdrop {
		margin-bottom: 1rem;
		width: calc(100% - 1rem);
	}
	.card-body {
		padding: 1.75rem;
	}
	form#gform_11 {
		padding: 1.5rem;
	}
	div#site-banner .reviews-col {
		border-bottom: solid 1px #fff;
	}
	#page form#gform_11 h2 {
		font-size: 2rem;
	}
	div.nav-tabs {
		flex-direction: column;
	}
	
	.nav.nav-tabs > button {
		margin: 0;
	}
	.nav-tabs button.active::after {
		content: '\f078';
		font-family: 'Font Awesome 6 Free';
		margin-left: 0.25rem;
	}
	#page ul.check-list > li {
		padding-left: 2.5rem;
		margin-bottom: 1.5rem;
	}
	.col-inner.bordered {
		padding: 1rem;
	}
	.row.single-closure+.row.single-closure {
		border-top: solid 1px #fff;
		padding-top: 1rem;
		margin-top: 1rem;
	}
	.dotted-separator {
		display: none;
	}
}

@media screen and (max-width: 576px) {
	div#wprev-badge-2 {
		font-size: 0.85rem;
	}
	div#wprev-badge-1 {
		font-size: 0.85rem;
	}
}