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

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); /* font-family: 'Bebas Neue', sans-serif; */

body { font-family: Arial, Helvetica, sans-serif; background-image: url('/wp-content/themes/jw-bootstrap/images/bg-conrad.jpg'); }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Bebas Neue', sans-serif; }
a, a:hover, .red { color: #b90000; }
fieldset { padding: 1.25rem 1.25rem 0; background-color: #c8c8c8; border-radius: 0.625rem; }
.card { padding: 1rem 2rem; background-color: #f0f1f2; border: 1px solid #ccc; border-radius: 0; }

#header-block-1 {
	padding: 0.125rem 1rem;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b2c30+0,161717+100 */
	background: rgb(43,44,48); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(43,44,48,1) 0%, rgba(22,23,23,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(43,44,48,1) 0%,rgba(22,23,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(43,44,48,1) 0%,rgba(22,23,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2c30', endColorstr='#161717',GradientType=0 ); /* IE6-9 */
}
#header-block-1 a { margin-left: 0.5rem; color: #cbcbd3; }
#header-block-1 .svg-inline--fa { vertical-align: middle; }
#header-block-1 .fa-sms { color: #20b24a; }
#header-block-1 .fa-facebook-square { color: #4267b2; }
#header-block-1 .fa-twitter-square { color: #1a91da; }
.navbar.bg-white { position: static; background-color: transparent !important; }
.navbar > .container { padding: 0; background-color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); }
.navbar, .navbar-brand { padding: 0; }
#main-navbar { margin-left: 240px; }
#main-navbar, .nav-link {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#38383a+0,232323+100 */
	background: rgb(56,56,58); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(56,56,58,1) 0%, rgba(35,35,35,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(56,56,58,1) 0%,rgba(35,35,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(56,56,58,1) 0%,rgba(35,35,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38383a', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
}
#menu-main-menu li { border-left: 1px solid transparent; border-right: 1px solid transparent; }
#menu-main-menu li.active { border-left-color: rgba(153, 153, 153, 0.25); border-right-color: rgba(153, 153, 153, 0.25); }
.nav-link { padding: 1.265rem !important; color: #cbcbd3; border-left: 1px solid transparent;	border-right: 1px solid transparent; }
.active .nav-link, .nav-link:active {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#353538+0,131413+100 */
	background: rgb(53,53,56); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(53,53,56,1) 0%, rgba(19,20,19,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(53,53,56,1) 0%,rgba(19,20,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(53,53,56,1) 0%,rgba(19,20,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353538', endColorstr='#131413',GradientType=0 ); /* IE6-9 */
	border-left-color: rgba(0, 0, 0, 0.7);
	border-right-color: rgba(0, 0, 0, 0.7);
}
.nav-link:hover { color: #fff; text-shadow: 0 0 8px rgba(255, 255, 255, 0.7); }
.navbar-brand { position: absolute; top: 0; }

body > .container { background-color: #fff; }

/* right sidebar - default */
.polaroid, .postit { margin: 0.75rem 0.75rem 1.5rem; font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: oblique; }
.polaroid .badge-tape { position: absolute; top: 0; left: 30%; width: 114px; height: 38px; background: url('/wp-content/themes/jw-bootstrap/images/module-polaroid-tape.png') no-repeat; }
.polaroid .border { margin-top: 1.125rem; padding: 0.75rem 0.75rem 0 0.75rem; background: url('/wp-content/themes/jw-bootstrap/images/module-polaroid-bg.png') repeat-x 0 100%; border: 1px solid #c8c8c8; }
.polaroid .inner { padding: 1rem; color: #fff; background-color: #000; }
.polaroid .inner a { color: #fff; text-decoration: underline; }
.polaroid [class*='shadow'] { height: 5px; background: url('/wp-content/themes/jw-bootstrap/images/module-polaroid-shadows.png') no-repeat 0 0; }
.polaroid .shadow-right { padding: 0 70px; background-position: 100% -5px; }
.polaroid .shadow-mid { background-repeat: repeat-x; background-position: 0 -10px; }
.postit .bg { background-color: #ffa; }
.postit .inner { padding: 1rem 1.5rem 0.5rem; }
.postit ul { margin: 0; padding-left: 0; list-style: none; color: #525252; }
.postit ul li { padding-left: 1.125rem; background: url('/wp-content/themes/jw-bootstrap/images/list-links.png') no-repeat 0 0; border-bottom: 1px solid #e5e5e5; }
.postit ul li:last-child { border-bottom: 0 none; }
.postit ul li:hover { background-position: 0 -30px; }
.postit ul li a { line-height: 1.875rem; color: #525252; }
.postit ul li a:hover { color: #b90000; }
.postit [class*='bottom'] { height: 40px; background: url('/wp-content/themes/jw-bootstrap/images/module-postit-shadows.png') no-repeat 0 0; }
.postit .bottom-right { padding: 0 90px 0 60px; background-position: 100% -40px; }
.postit .bottom-mid { background-repeat: repeat-x; background-position: 0 -80px; }

/* right sidebar - insurance */
#wpcf7-f47-o1 { margin: 1rem 0; padding: 1rem 1.25rem 0.75rem; color: #fff; background: url('/wp-content/themes/jw-bootstrap/images/form-background.jpg') no-repeat; background-size: cover; border-radius: 0.75rem; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5); }
#wpcf7-f47-o1 .form-group { margin-bottom: 0.5rem; }
#wpcf7-f47-o1 input { padding-left: 0.5rem; padding-right: 0.5rem; border: 0 none; border-radius: 1rem; }
#wpcf7-f47-o1 button {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8d00+0,d15200+100 */
	background: rgb(255,141,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,141,0,1) 0%, rgba(209,82,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,141,0,1) 0%,rgba(209,82,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,141,0,1) 0%,rgba(209,82,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d00', endColorstr='#d15200',GradientType=0 ); /* IE6-9 */
	border: 0 none;
	border-radius: 1.25rem;
}
#wpcf7-f47-o1 button:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fba200+0,cd6200+100 */
	background: rgb(251,162,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(251,162,0,1) 0%, rgba(205,98,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(251,162,0,1) 0%,rgba(205,98,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(251,162,0,1) 0%,rgba(205,98,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba200', endColorstr='#cd6200',GradientType=0 ); /* IE6-9 */
}
#wpcf7-f47-o1 button small { display: block; }

#inner-footer {
	font-size: 0.75rem;
	color: #5a5c5e;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222226+0,1c1c1d+100 */
	background: rgb(34,34,38); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(34,34,38,1) 0%, rgba(28,28,29,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(34,34,38,1) 0%,rgba(28,28,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(34,34,38,1) 0%,rgba(28,28,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222226', endColorstr='#1c1c1d',GradientType=0 ); /* IE6-9 */
}
#menu-footer-menu { margin:0; padding: 0; list-style: none; }
#menu-footer-menu li { display: inline-block; margin-right: 1rem; }
#menu-footer-menu li:first-child a { color: #fff; }
#menu-footer-menu li a { color: #5a5c5e; }
#menu-footer-menu li a:hover { color: #d8d8de; text-decoration: none; }

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

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

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