@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,900;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap');

html { scroll-behavior: smooth; }

body {
    font-family: 'Quicksand', sans-serif;
    color: #242424;
	font-size: 1.175rem;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.3;
}

h1, .h1 { font-size: 2.6rem; }
h2, .h2 { font-size: 2.4rem; }
h3, .h3 { font-size: 1.9rem; }
h4, .h4 { font-size: 1.6rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }

.lawsuit, .h1.lawsuit {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 700;
  line-height:1.0;
  padding:0;
}


@media (max-width: 720px) {
	.lawsuit, .h1.lawsuit {
	  font-size: 2.1rem;
	}
	h1, .h1 { font-size: 3.0rem; }
	h2, .h2 { font-size: 2.0rem; }
}
@media (min-width: 721px) {
	.lawsuit, .h1.lawsuit {
	  font-size: 2.2rem;
	}
}

/* Mobile/tablet: stack, add breathing room above LAWSUIT */
@media (max-width: 991.98px) {
  h1, .lawsuit, .h1.lawsuit { display: block; }

.lawsuit { 
  display: block; 
}
  .lawsuit, .h1.lawsuit {
    margin-top: 0.65rem;   /* add space so it doesn't feel cramped */
  }
}

/* Desktop: keep inline and raise LAWSUIT slightly */
@media (min-width: 992px) {
  h1, .lawsuit, .h1.lawsuit { display: inline; }
}

.textglow { 
   text-shadow: 0px 0px 1rem rgba(255, 255, 255, 0.9) !important;
}


h1.textglow a.neutral, h1.textglow a.neutral:visited, h1.textglow a.neutral:active {
  color:#242424 !important;
  text-decoration:none;
}

p.lead-big {
  font-family: "Jost", sans-serif;
  font-size: 3.75rem;
  font-weight: 900;
  font-style: normal;
  line-height:1.2;
}

h1, .h1 {
  font-family: "Jost", sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height:1.0;
  padding:0;
  margin:0;
}
	@media (min-width: 2300px) {
		h1, .h1 {
		  font-size: 5.4rem;
		}
		.lawsuit, .h1.lawsuit {
		  font-size: 2.5rem;
		}
		.lawsuit { 
		  display: inline-block; transform: translateY(-0.325em); 
		}
	}
		@media (max-width: 2299px) {
			h1, .h1 {
			  font-size: 4.95rem;
			}
			.lawsuit { 
			  display: inline-block; transform: translateY(-0.325em); 
			}
		}
			@media (max-width: 2199px) {
				h1, .h1 {
				  font-size: 4.65rem;
				}
			}
				@media (max-width: 2099px) {
					h1, .h1 {
					  font-size: 4.25rem;
					}
				}
					@media (max-width: 1899px) {
						h1, .h1 {
						  font-size: 4.0rem;
						}
					} 
						@media (max-width: 1799px) {
							h1, .h1 {
							  font-size: 3.9rem;
							}
							.lawsuit, .h1.lawsuit {
							  font-size: 2.4rem;
							}
							.lawsuit { 
							  display: inline-block; transform: translateY(-0.2em); 
							}
						}
						@media (max-width: 1699px) {
							h1, .h1 {
							  font-size: 3.5rem;
							}
						}
							@media (max-width: 1499px) {
								h1, .h1 {
								  font-size: 3.4rem;
								}
								.lawsuit, .h1.lawsuit {
								  font-size: 2.1rem;
								}
								.lawsuit { 
								  display: inline-block; transform: translateY(-0.135em); 
								}
							}
								@media (max-width: 1399px) {
									h1, .h1 {
									  font-size: 3.0rem;
									}
								}
									@media (max-width: 1299px) {
										h1, .h1 {
										  font-size: 2.9rem;
										}
									}
										@media (max-width: 1199px) {
											h1, .h1 {
											  font-size: 2.8rem;
											}
											.lawsuit, .h1.lawsuit {
											  font-size: 2.1rem;
											}
											.lawsuit { 
											  display: inline-block; transform: translateY(-0.1em); 
											}
										}
											@media (max-width: 1099px) {
												h1, .h1 {
												  font-size: 2.7rem;
												}
											}
												@media (max-width: 992px) {
													h1, .h1 {
													  font-size: 3.675rem;
													}
													h2, .h2 { 
													  font-size: 2.0rem; 
													}
													.lawsuit, .h1.lawsuit {
													  font-size: 2.25rem;
													}
													.lawsuit { 
													  display: block; transform: none; 
													}
												}

@media (max-width: 1400px) {

	h2, .h2 { font-size: 2.0rem; }
}


p.lead-alt {
  font-weight: 700;
  line-height:1.0;
  padding:0;
  margin:0;
}

@media (max-width: 720px) {
	p.lead {
	  font-size: 1.7rem;
	  font-weight: 500;
	  line-height:1.3;
	}
	p.lead-alt {
	  font-size: 1.7rem;
	}
	h2, .h2 { 
	  font-size: 1.8rem; 
	}
}
@media (min-width: 721px) {
	p.lead {
	  font-size: 2.1rem;
	  font-weight: 500;
	  line-height:1.3;
	}
	p.lead-alt {
	  font-size: 2.1rem;
	}
}


@media (max-width: 720px) {
	p.lead.smaller {
	  font-size: 1.175rem;
	  font-weight: 500;
	  line-height:1.5;
	}
}
@media (min-width: 721px) {
	p.lead.smaller {
	  font-size: 1.3rem;
	  font-weight: 500;
	  line-height:1.4;
	}
}


.display-1 {
  font-size: 6rem;
  font-weight: 500;
  line-height: 1.3;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.text-white {
  color: rgba(255, 255, 255, 1.0) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-white-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.text-white-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.text-white-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.text-white-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.text-grey {
  color: #424242 !important;
}

.text-lt-blue {
  color: #76a5ed !important;
}

.text-md-blue {
  color: #4c77ba !important;
}

.bg-darker {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.bg-top-cta {
  background-color: #fdfdfd !important;
}

.bg-black {
  background-color: rgba(0, 0, 0, 1.0) !important;
}

.border-white-15 {
  border: 2px solid rgba(255, 255, 255, 0.15) !important;
}

label.form-check-label {
  color: rgba(255, 255, 255, 0.8) !important;
}

hr.white {
  border-top: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.btn-turq {
  color: #fff;
  background-color: #4c77ba;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,.75);
}

.btn-turq:hover {
  color: #fff;
  background-color: #3a5898;
  border: 1px solid rgba(255,255,255,.95);
}

.btn-turq:focus, .btn-turq.focus {
  box-shadow: 0 0 0 0.2rem rgba(76,119,186, 0.5);
  border: 1px solid rgba(255,255,255,.95);
}

.btn-turq.disabled, .btn-turq:disabled {
  color: #fff;
  background-color: #3a5898;
}

.btn-turq:not(:disabled):not(.disabled):active, .btn-turq:not(:disabled):not(.disabled).active,
.show > .btn-turq.dropdown-toggle {
  color: #fff;
  background-color: #1b397b;
}

.btn-turq:not(:disabled):not(.disabled):active:focus, .btn-turq:not(:disabled):not(.disabled).active:focus,
.show > .btn-turq.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(76,119,186, 0.5);
}


.fa, .fa:visited {
  padding-top: 13px;
  font-size: 22px;
  line-height:1.0 !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  margin: 0px 7px;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(76,119,186, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.fa:hover {
  color: rgba(76,119,186, 0.85);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(76,119,186, 0.7);
}

.fa:active, .fa:focus {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
 


div.fa-header-lg .fa {
  font-size: 20px;
  line-height:1.3 !important;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  margin: 0;
  color: #4c77ba;
  background: none;
  background: transparent;
  background-color: transparent;
  border: none;
}


div.fa-header-sm .fa,
div.fa-header-sm .fa:visited {
  padding-top: 8px;
  font-size: 22px;
  line-height:1.0 !important;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(76,119,186, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
div.fa-header-sm .fa:hover {
	color: rgba(255, 255, 255, 0.9);
    background: rgba(0, 0, 0, 0.75);
}
div.fa-header-sm .fa:active,
div.fa-header-sm .fa:focus {
	color: rgba(255, 255, 255, 1.0);
    background: rgba(0, 0, 0, 0.9);
}


footer.fa,
footer.fa:visited {
  padding-top: 0;
  font-size: 20px;
  line-height:1.0 !important;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(76,119,186, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

footer.fa:hover {
	color: rgba(0, 0, 0, 0.85);
    background: rgba(0, 0, 0, 0.85);
}

footer.fa:active,
footer.fa:focus {
	color: #ffffff;
    background: rgba(0, 0, 0, 0.70);
}





footer div.fa-footer-social .fa,
footer div.fa-footer-social .fa:visited {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

footer div.fa-footer-social .fa:hover {
  color: rgba(255, 255, 255, 0.95);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.75);
}

footer div.fa-footer-social .fa:active,
footer div.fa-footer-social .fa:focus {
  color: #303030;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.5);
}








.container-fluid-90 {
    width: 88%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid-80 {
    width: 70%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.bg-home-height  { background: url(../images/backgrounds/bg-roblox-mass-tort-header-e-b.jpg) center center no-repeat; background-size: cover; } /* bg-juul-home02.jpg */
.bg-home-sm  { background: url(../images/backgrounds/bg-roblox-mass-tort-header-e-b-sm.jpg) center center no-repeat; background-size: cover; } /* bg-juul-home03.jpg */
.bg-motif  { background: url(../images/backgrounds/bg-motif-newest.jpg) center center no-repeat; background-size: cover; }


.sizeit { font-weight: 600; }

@media (min-width: 1152px) {
	.sizeit { font-size: 2.1rem; }
}
@media (min-width: 992px) {
	.container-fluid-90 { width: 95%; }
}
@media (max-width: 1151px) {
	.sizeit { font-size: 1.8rem; }
}
@media (max-width: 991px) {
	.container-fluid-90 { width: 92%; }
	.container-fluid-80 { width: 84%; }
	.sizeit { font-size: 2.5rem; }
}
@media (max-width: 767px) {
	.center-small { text-align: center !important; }
}
@media (max-width: 720px) {
	.container-fluid-80 { width: 88%; }
	.sizeit { font-size: 2.4rem; }
}
@media (max-width: 540px) {
.sizeit { font-size: 2.3rem; }
}
@media (max-width: 440px) {
.sizeit { font-size: 2.2rem; }
}



a, a:visited {
  color: #4c77ba;
  text-decoration: none !important;
}

a:focus, a:hover {
  color: #101010;
  text-decoration: none !important;
}

footer a, footer a:visited {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none !important;
}

footer a:focus, footer a:hover {
  color: rgba(255, 255, 255, 1.0);
  text-decoration: none !important;
}

.sticky-top {
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
} 

.submitted {
  background-color: yellow;
  color: black;
}

.cat-links a, cat-links a:visited{
  color: #000!important;
  padding: 10px;

}
.cat-links a:hover, cat-links a:active{
  color: #F00!important;
  padding: 10px;

}
.post-link a, post-link a:visited{
  color: #000!important;
  padding: 10px;
}

.edit-link a, edit-link a:visited{
  color: #000!important;
  padding: 10px;
}
.post-thumbnail img {
  max-width:100% !important;
  height:auto !important;
  margin-bottom:40px !important;
}

span.tags-links a, span.tags-links a:visited  {
  color: #909090;
}
span.tags-links a:hover, span.tags-links a:active  {
  color: #72A5D8;
}

	@media (min-width: 992px) {
			.text-left-then-center {
			  text-align: left;
			}
			.text-right-then-center {
			  text-align: right;
			}
	  }

	@media (max-width: 991px) {
			.text-left-then-center {
			  text-align: center;
			}
			.text-right-then-center {
			  text-align: center;
			}
	  }

/* CSS Update for Bootstrap 4.3 */


.mt-n1 { margin-top: -0.25rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }




/* helper for h1 styling */