/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

body { padding: 1.125rem; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background: url('/wp-content/themes/jw-bootstrap/images/bg.jpg') repeat-x; }
a, a:hover, .orange, h1, .h1, h2, .h2, h3 { color: #ea7700; }
h1, .h1 { font-size: 2.25rem; text-align: center; }
.flush-both { margin: 0 -15px; }
.wp-block-group.container { margin: 0 -15px; width: calc(100% + 30px); }
.wp-block-button__link { font-size: 1rem; border-radius: 0; }
.wp-block-button.btn-orange .wp-block-button__link { /* font-size: 1.25rem; */ font-weight: bold; background-color: rgba(234, 119, 0, 1); border: 3px solid #fff; }
.wp-block-button.btn-orange .wp-block-button__link:hover { background-color: rgba(234, 119, 0, 0.6); border-color: #ea7700; text-decoration: none; }
.clda-red { color: #ce0f42; }
.clda-blue { color: #003777; }

.shadow { margin: 0 -15px; padding: 0 15px; box-shadow: 0px 10px 5px #888, 0px -10px 5px #888 !important; }
.rounded { border-radius: 0.75rem !important; }
.shadow.rounded { margin-bottom: 28px; box-shadow: 0px 10px 5px #888, 0px -10px 5px #888 !important; }
.blackbar {
	margin: 0 -15px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#858585+0,020202+100 */
	background: rgb(133,133,133); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(133,133,133,1) 0%, rgba(2,2,2,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(2,2,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(133,133,133,1) 0%,rgba(2,2,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#020202',GradientType=0 ); /* IE6-9 */
	border-bottom: 0.25rem solid #ea7700;
}
.panel { background: url('/wp-content/uploads/2020/06/advantage-bg.jpg') no-repeat; background-size: cover; }
.panel .wp-block-group.borderbtm { border-bottom: 2px solid #fff; }
ul.checkmark { padding-left: 1.25rem; list-style: none; }
ul.checkmark li { padding-left: 1.25rem; text-indent: -1.25rem; }
ul.checkmark li:before { content: '\2713'; padding-right: 0.5rem; font-weight: bold; color: #ea7700; }
.modal-dialog .wp-block-group__inner-container { width: 100%; }

body > header .container { background: url('/wp-content/themes/jw-bootstrap/images/bizchoiceheaderbackground.jpg') no-repeat; background-size: cover; border-radius: 0.75rem 0.75rem 0 0; }
body > .container { background-color: #fff; }
.bg-lgrey { background-color: #e9e9e9; }
.bg-grey { color: #fff; background-color: #56565b; border-radius: 0 0 0.75rem 0.75rem; }
.bg-grey a[href^='tel'], .bg-grey a[href^='mailto'] { color: #fff; }
.bg-grey a[href^='tel']:hover, .bg-grey a[href^='mailto']:hover { color: #ea7700; }
.bg-grey .wp-block-column { flex-basis: 50%; }
.bg-grey h4 { font-size: 0.875rem; }
.bg-grey .border-left { margin-left: 0; padding-left: 0; border-left-color: transparent !important; }

#header-block-1 { padding-bottom: 3rem; }
#header-block-2 { padding-top: 1rem; }

.home h1, .home .h1 { text-transform: none; }

#inner-footer  { min-height: 16px; border-top: 3px solid #212529; }


/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.bg-grey h4 { font-size: 1.5rem; }
	.border-left-sm { margin-left: 16px; padding-left: 16px; border-left-color: #fff !important; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.home h1, .home .h1 { font-size: 2.75rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}