@font-face { font-family: "Arcade"; font-display: swap;  src: url("https://staffjohnson.com/wp-content/uploads/et-fonts//arcadeclassic.ttf") format("truetype"); }
div.et_pb_section.et_pb_section_1 { background-image: linear-gradient( 90deg, #ffffff 0%, #ffffff 49%, rgba(255,255,255,0) 49%, rgba(255,255,255,0) 100% ), url(https://staffjohnson.com/wp-content/uploads/bg-dots2.png) !important; }
.et_pb_text_0 { line-height: 1.8em; font-weight: 300;font-size: 18px; line-height: 1.8em; }
.et_pb_text_0 h1 { font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; font-weight: 700;font-size: 19vw; color: #140e06 !important; line-height: 0.75em; text-align: left; }
.et_pb_text_0 h2 { font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; font-weight: 700;font-size: 19vw; color: #140e06 !important; letter-spacing: 1px; line-height: 0.75em; text-align: right; }
.et_pb_text_8 h3, .et_pb_text_5 h3, .et_pb_text_3 h3, .et_pb_text_6 h3, .et_pb_text_2 h3, .et_pb_text_7 h3, .et_pb_text_1 h3, .et_pb_text_4 h3, .et_pb_text_0 h3 { font-weight: 300; text-transform: uppercase;font-size: 24px; color: #bbbbbb !important; letter-spacing: 4px; line-height: 1.3em; }
.et_pb_text_1 blockquote, .et_pb_text_2 blockquote, .et_pb_text_8 blockquote, .et_pb_text_0 blockquote, .et_pb_text_5 blockquote, .et_pb_text_3 blockquote, .et_pb_text_4 blockquote, .et_pb_text_7 blockquote, .et_pb_text_6 blockquote { border-width: 2px; }
.dtq-video-popup-0 .mfp-bg { opacity:1!important;background: rgba(0,0,0,.8)!important; }
.dtq-video-popup-0 .mfp-iframe-holder .mfp-close { color: #ffffff!important; }
.ba_video_popup_0 .dtq-video-popup-icon { justify-content:center; }
.ba_video_popup_0 .dtq-video-popup svg { fill: #FFFFFF; }
.ba_video_popup_0 .dtq-video-popup .dtq-video-popup-icon { 
                height:initial; 
                width:initial; border-radius:0px; }
.ba_video_popup_0 .dtq-video-popup-icon svg { 
                width:60px; opacity:1; }
.ba_video_popup_0 .dtq-video-popup-trigger { justify-content: center; position: absolute; left: 0; top: 0; }
.ba_video_popup_0 .dtq-video-popup a:after { border-radius: 0px; content: "";
						-webkit-box-shadow: 0 0 0 15px #ffffff, 0 0 0 30px #ffffff, 0 0 0 45px #ffffff;
						box-shadow: 0 0 0 15px #ffffff, 0 0 0 30px #ffffff, 0 0 0 45px #ffffff; }
div.et_pb_section.et_pb_section_2 { background-position: left bottom 0px; background-image: url(https://staffjohnson.com/wp-content/uploads/bg-dots2.png) !important; }
.et_pb_text_1, .et_pb_text_2, .et_pb_text_3, .et_pb_text_4 { line-height: 1.8em; font-weight: 300;font-size: 18px; line-height: 1.8em; padding-left: 10px !important; }
.et_pb_text_4 h1, .et_pb_text_2 h1, .et_pb_text_1 h1, .et_pb_text_3 h1 { font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; font-weight: 700;font-size: 60px; color: #FFFFFF !important; line-height: 1.3em; }
.et_pb_text_8 h2, .et_pb_text_7 h2, .et_pb_text_6 h2, .et_pb_text_5 h2, .et_pb_text_1 h2, .et_pb_text_3 h2, .et_pb_text_2 h2, .et_pb_text_4 h2 { font-weight: 300;font-size: 42px; color: #ffffff !important; letter-spacing: 1px; line-height: 1.3em; text-align: left; }
.et_pb_section_3.et_pb_section { padding-top: 0px; }
.et_pb_text_7, .et_pb_text_5, .et_pb_text_8 { line-height: 1.8em; font-weight: 300;font-size: 18px; line-height: 1.8em; padding-bottom: 2vh !important;margin-bottom: 0px !important; }
.et_pb_text_6 h1, .et_pb_text_8 h1, .et_pb_text_7 h1, .et_pb_text_5 h1 { font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;font-size: 50px; line-height: 1.3em; text-align: center; }
.et_pb_text_6 { line-height: 1.8em; font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;font-size: 22px; line-height: 1.8em; }
.et_pb_section_4.et_pb_section { padding-top: 21px;margin-bottom: 0px; background-color: #efefef !important; }
.et_pb_row_3.et_pb_row { padding-bottom: 0px !important; padding-bottom: 0px; }
.et_pb_row_4.et_pb_row { padding-top: 0px !important; padding-bottom: 20px !important; padding-top: 0px; padding-bottom: 20px; }
.et_pb_row_4, body .et-db .et-l .et_pb_row_4.et_pb_row, body.et_pb_pagebuilder_layout.single .et-l .et_pb_row_4.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page .et-l .et_pb_row_4.et_pb_row { max-width: 100%; }
.et_pb_image_1 .et_pb_image_wrap, .et_pb_image_0 .et_pb_image_wrap { border-width:1px; }
.et_pb_image_0, .et_pb_image_1 { text-align: left;margin-left: 0; }
.et_pb_image_1 .et_overlay:before, .et_pb_image_0 .et_overlay:before { color: #FFFFFF !important; font-family:FontAwesome !important; font-weight:900 !important; }
.et_pb_image_0 .et_overlay, .et_pb_image_1 .et_overlay { background-color: rgba(0,0,0,0.5); }
.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_title { color: #25c101 !important; }
.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_pagination ul { text-align: center; }
.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_pagination a, .et_pb_gallery_0 .et_overlay:before { color: #000000 !important; }
.et_pb_gallery_0 .et_pb_gallery_image { box-shadow:  15px 14px 10px -2px rgba(0,0,0,0.3) ; }
.et_pb_gallery_0 .et_overlay { background-color: rgba(196,196,196,0.57); border-color: rgba(196,196,196,0.57); }
.et-db .et-l .et_pb_section_dov_842_0.et_pb_section { padding-top: 0px; padding-bottom: 100px; }
.et-db .et-l .et_pb_row_dov_842_1.et_pb_row { padding-top: 80px !important; padding-right: 30px !important; padding-bottom: 0px !important; padding-left: 30px !important;margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 80px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; }
.et-db .et-l .et_pb_row_dov_842_1,body.et-db .et-db .et-l .et-l .et_pb_row_dov_842_1.et_pb_row,body.et_pb_pagebuilder_layout.single.et-db .et-l .et-l .et_pb_row_dov_842_1.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page.et-db .et-l .et-l .et_pb_row_dov_842_1.et_pb_row, .et-db .et-l .et_pb_row_dov_842_4,body.et-db .et-db .et-l .et-l .et_pb_row_dov_842_4.et_pb_row,body.et_pb_pagebuilder_layout.single.et-db .et-l .et-l .et_pb_row_dov_842_4.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page.et-db .et-l .et-l .et_pb_row_dov_842_4.et_pb_row { width: 97%; max-width: 100%; }
.et-db .et-l .et_pb_row_dov_842_1 { z-index: 99; }
.et-db .et-l .et_pb_code_dov_842_3 { margin-right: -57px; margin-top: -82px; }
.et-db .et-l .et_pb_code_dov_842_3:after { }a.divi-life-4th-of-july-modal-layout-template-custom-close { background: none repeat scroll 0 0 white; border: none; border-radius: 50%; box-shadow: 0 2px 3px #888; color: #333; display: block; font-weight: bold; position: absolute; font-weight: bold; right: 10px; text-align: center; text-decoration: none; top: 65px; z-index: 10010; font-family: monospace; width: 33px; height: 34px; font-size: 23px; line-height: 34px;transition: .3s;}a.divi-life-4th-of-july-modal-layout-template-custom-close:hover {opacity:.9; }
.et-db .et-l .et_pb_row_dov_842_4 { background-color: #ffffff; border-radius: 10px 10px 10px 10px;overflow-x: hidden; overflow-y: scroll; box-shadow:  0px 2px 70px 0px rgba(0,0,0,0.3) ; height: 90vh;z-index: 9;}@media (max-width: 980px) {.et_pb_row {width: 90% !important;} #divi-life-4th-of-july-modal-layout-template .et_pb_row_20.et_pb_row { padding-top: 10px; top: 25px; right:0px; padding-right: 20px; padding-left: 0px; }  a.divi-life-4th-of-july-modal-layout-template-custom-close {background: none repeat scroll 0 0 white !important;border: none !important;border-radius: 50% !important;box-shadow: 0 2px 3px #888 !important;color: #333 !important;display: block !important;font-weight: bold !important;position: absolute !important;text-align: center !important;text-decoration: none !important;z-index: 10010 !important;font-family: monospace !important;width: 46px !important;height: 48px !important;font-size: 28px !important;line-height: 48px !important;right: 7px!important;top: 87px !important;} #divi-life-4th-of-july-modal-layout-template .et_pb_row_21.et_pb_row { padding-top: 20px !important;}#divi-life-4th-of-july-modal-layout-template.et_pb_section { padding-top: 0px !important;} }
.et-db .et-l .et_pb_row_dov_842_4.et_pb_row { padding-top: 25px !important; padding-right: 30px !important; padding-bottom: 25px !important; padding-left: 30px !important;margin-bottom: 0px !important; padding-top: 25px; padding-right: 30px; padding-bottom: 25px; padding-left: 30px; }
.et-db .et-l .et_pb_code_dov_842_6 { height: 100vh; }.divi-overlay-iframe-wrap { width: 100%; height: 84vh;}iframe.divi-overlay-iframe-wrap { height: 100% !important; }
.et_pb_column_5, .et_pb_column_2, .et_pb_column_4, .et_pb_column_3 { background-color: #000000; transition: background-color 300ms ease 0ms, background-image 300ms ease 0ms; }
.et_pb_column_3:hover, .et_pb_column_5:hover, .et_pb_column_2:hover, .et_pb_column_4:hover { background-image: initial ;background-color: #efefef; }
.et-db .et-l .et_pb_column_dov_842_2 { padding-top: 0px; padding-bottom: 0px; }

@media only screen and ( max-width: 980px ) {
	.et_pb_text_0, .et_pb_text_3, .et_pb_text_8, .et_pb_text_7, .et_pb_text_6, .et_pb_text_4, .et_pb_text_5, .et_pb_text_1, .et_pb_text_2 { font-size: 17px; }
	.et_pb_text_0 h1, .et_pb_text_0 h2 { font-size: 32vw; }
	.et_pb_text_2 h1, .et_pb_text_8 h1, .et_pb_text_7 h1, .et_pb_text_1 h1, .et_pb_text_6 h1, .et_pb_text_5 h1, .et_pb_text_4 h1, .et_pb_text_3 h1 { font-size: 48px; }
	.et_pb_text_5 h2, .et_pb_text_4 h2, .et_pb_text_2 h2, .et_pb_text_6 h2, .et_pb_text_1 h2, .et_pb_text_7 h2, .et_pb_text_3 h2, .et_pb_text_8 h2 { font-size: 34px; }
	.et_pb_image_0 .et_pb_image_wrap img, .et_pb_image_1 .et_pb_image_wrap img { width: auto; }
	.et-db .et-l .et_pb_section_dov_842_0.et_pb_section { padding-top: 80px; padding-bottom: 80px; }
	.et-db .et-l .et_pb_row_dov_842_1.et_pb_row { padding-top: 40px !important; padding-right: 30px !important; padding-bottom: 0px !important; padding-left: 30px !important; padding-top: 40px !important; padding-right: 30px !important; padding-bottom: 0px !important; padding-left: 30px !important; }
}

@media only screen and ( max-width: 767px ) {
	.et_pb_text_0, .et_pb_text_5, .et_pb_text_1, .et_pb_text_8, .et_pb_text_2, .et_pb_text_7, .et_pb_text_3, .et_pb_text_6, .et_pb_text_4 { font-size: 16px; }
	.et_pb_text_0 h2, .et_pb_text_0 h1 { font-size: 36vw; }
	.et_pb_text_8 h1, .et_pb_text_7 h1, .et_pb_text_6 h1, .et_pb_text_5 h1, .et_pb_text_2 h1, .et_pb_text_1 h1, .et_pb_text_3 h1, .et_pb_text_4 h1 { font-size: 36px; }
	.et_pb_text_4 h2, .et_pb_text_8 h2, .et_pb_text_1 h2, .et_pb_text_7 h2, .et_pb_text_2 h2, .et_pb_text_6 h2, .et_pb_text_3 h2, .et_pb_text_5 h2 { font-size: 26px; }
	.et_pb_image_0 .et_pb_image_wrap img, .et_pb_image_1 .et_pb_image_wrap img { width: auto; }
	.et-db .et-l .et_pb_section_dov_842_0.et_pb_section { padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; }
	.et-db .et-l .et_pb_row_dov_842_1.et_pb_row { padding-top: 0px !important; padding-right: 30px !important; padding-bottom: 0px !important; padding-left: 30px !important; padding-top: 0px !important; padding-right: 30px !important; padding-bottom: 0px !important; padding-left: 30px !important; }
	.et-db .et-l .et_pb_row_dov_842_4.et_pb_row { padding-top: 25px !important; padding-right: 20px !important; padding-bottom: 25px !important; padding-left: 20px !important; padding-top: 25px !important; padding-right: 20px !important; padding-bottom: 25px !important; padding-left: 20px !important; }
}