/*!
Theme Name: smokedivers
Theme URI: https://wisconsinsmokedivers.com
Author: Underscores.me
Author URI: https://jukes.us
Description: Description
Version: 1.0.5
*/

/* if we wanted to convert our less to css first*/
@import url('reset.css?v=1.0');




/*****************************************************************
*
*
* paste less -> css below
*
*
*****************************************************************/



a, a:visited {
	 text-decoration: none;
	 color: #e67d12;
}
 a:hover {
	 color: #f3b06b;
}
 a:active, a:focus {
	 color: #b7630e;
}
 body {
	 background-color: #231f20;
}
 body, button, input, select, optgroup, textarea {
	 color: #b1b1b1;
}
 h1, h2, h3, h4, h5, h6 {
	 color: #fff;
	 font-family: "Teko", sans-serif;
	 font-weight: 400;
	 XXletter-spacing: 1px;
}
 h2, h3, h4, h5, h6 {
	 XXfont-family: "Lexend", sans-serif;
}
 h1 {
	 font-size: 3.2em;
	 line-height: 1;
}
 h2 {
	 font-size: 1.9em;
	 font-weight: 600;
}
 h3 {
	 font-size: 1.4em;
	 font-weight: 500;
	 letter-spacing: 1px;
	 margin-bottom: .67em;
}
 #main_content h3 {
	 font-family: "Lexend", sans-serif;
	 font-size: 1.1em;
	 line-height: 1.6;
	 letter-spacing: 0;
}
 #header_inner {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 align-content: center;
	 justify-content: center;
	 column-gap: 1%;
	 padding: 20px 10% 0 10%;
	 margin-bottom: 30px;
}
 #header_inner hr {
	 flex-basis: 100%;
	 height: 0;
	 margin: 0;
	 border: 0;
}
 .flexbreak {
	 flex-basis: 100%;
	 height: 0;
}
 #header_logo {
	 max-width: 200px;
}
 #header_logo a {
	 display: block;
}
 #header_logo img {
	 max-height: 140px;
}
 p.site_title {
	 flex-basis: 100%;
	 text-align: center;
	 font-family: "Teko", sans-serif;
	 font-optical-sizing: auto;
	 font-weight: 500;
	 font-style: normal;
	 XXfont-size: 72px;
	 font-size: 54px;
	 XXcolor: #66615c;
	 color: #a19992;
	 text-transform: uppercase;
	 margin: 0;
	 margin-top: 20px;
	 line-height: .83;
	 XXmax-width: 200px;
}
 p.site_title a:hover {
	 color: #e67d12;
}
 #header_lines {
	 XXdisplay: flex;
	 XXflex-wrap: nowrap;
}
 .header_line {
	 background-color: #e67d12;
	 width: 100%;
	 height: 1px;
	 opacity: 15%;
	 margin-top: 6px;
}
 #line2 {
	 XXheight: 2px;
	 opacity: 30%;
}
 #line3 {
	 XXheight: 3px;
	 opacity: 50%;
}
 @media (max-width: 767px) {
	 #header_inner {
		 column-gap: 4%;
		 margin-bottom: 12px;
	}
	 #header_inner .flexbreak {
		 display: none;
	}
	 #header_logo {
		 max-width: 110px;
		 flex-basis: 50%;
	}
	 p.site_title {
		 flex-basis: 50%;
		 font-size: 36px;
		 XXmax-width: 165px;
	}
	 #main_content h3 {
		 font-size: 1em;
	}
}
 @media (max-width: 480px) {
	 p.site_title {
		 text-align: left;
	}
}
 #main_navigation {
	 position: relative;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 background: #000;
	 padding: 0 10%;
	 font-family: "Lexend", sans-serif;
	 font-weight: 200;
	 font-size: 16px;
	 letter-spacing: 1px;
}
 #main_navigation ul {
	 margin: 0;
	 padding: 0;
	 max-width: 800px;
	 display: flex;
	 flex-grow: 1;
	 column-gap: 4%;
	 justify-content: center;
}
 #main_navigation ul li {
	 display: inline-block;
}
 #main_navigation ul li a {
	 display: block;
	 padding: 10px 0;
	 color: #fff;
	 transition: color .25s;
}
 #main_navigation ul li a:hover {
	 color: #e67d12;
}
 #main_navigation ul li.current_page_item a {
	 color: #e67d12;
}
 #main_navigation ul.sub-menu {
	 position: absolute;
	 display: none;
	 z-index: 1000;
	 top: 100%;
	 background: #231f20;
	 border-left: 1px solid #e67d12;
}
 #main_navigation ul.sub-menu li {
	 display: block;
}
 #main_navigation ul.sub-menu li a {
	 display: block;
	 padding: 10px 20px;
	 border-bottom: 1px solid #4c4345;
}
 #main_navigation ul.sub-menu li a:hover {
	 background: #b7630e;
	 color: #fff;
}
 #main_navigation ul.sub-menu li:last-child a {
	 border: none;
}
 #main_navigation li:hover ul.sub-menu {
	 display: block;
}
 #main_navigation ul li.current_page_item ul.sub-menu li a {
	 color: #fff;
}
 #nav_button {
	 display: none;
	 text-align: center;
	 padding: 10px 10%;
	 flex-basis: 100%;
	 transition: background-color .1s;
	 height: 62px;
	 overflow: hidden;
}
 .material-symbols-outlined {
	 font-size: 36px;
	 line-height: 1;
}
 #close_button {
	 display: none;
}
 @media (max-width: 767px) {
	 #main_navigation {
		 padding: 0;
	}
	 #main_navigation ul {
		 position: absolute;
		 top: 100%;
		 left: 0;
		 width: 100%;
		 background: #000;
		 z-index: 9999;
		 display: none;
		 flex-wrap: wrap;
		 box-shadow: 0 20px 50px black;
		 XXborder-top: 1px solid #4a2806;
		 border-bottom: 1px solid #e67d12;
	}
	 #main_navigation ul li {
		 flex-basis: 100%;
		 border-bottom: 1px solid #4a2806;
	}
	 #main_navigation ul li a {
		 display: block;
		 padding: 18px 10%;
	}
	 #main_navigation ul li a:focus, #main_navigation ul li a:hover {
		 background-color: #3a2a1e;
	}
	 #main_navigation ul li a:active {
		 background-color: #291e15;
	}
	 #main_navigation ul.nav_active {
		 display: inherit;
	}
	 #main_navigation ul.sub-menu {
		 display: block;
		 position: initial;
		 background: none;
		 border: none;
	}
	 #main_navigation ul.sub-menu li a {
		 border: none;
		 padding-left: 60px;
	}
	 #main_navigation ul.sub-menu li a:before {
		 content: '- ';
	}
	 #main_navigation ul.sub-menu li:first-child a {
		 border-top: 1px solid #4a2806;
	}
	 #nav_button {
		 display: block;
	}
	 #nav_button.nav_active {
		 XXbackground-color: #232221;
		 XXbackground-color: #3a2a1e;
		 background-color: #2d2925;
	}
	 #nav_button.nav_active #open_button {
		 display: none;
	}
	 #nav_button.nav_active #close_button {
		 display: inherit;
	}
}
 #scroll_button {
	 background: rgba(255,255,255,0.3);
	 position: fixed;
	 bottom: 20px;
	 right: 20px;
	 border-radius: 100px;
	 padding: 6px;
	 visibility: hidden;
	 color: #eee;
	 cursor: pointer;
	 opacity: 0;
	 transition: opacity .25s;
}
 #header_heading {
	 background-image: url('img/bg_bw_3.jpg');
	 background-size: cover;
	 background-position: 50% 50%;
	 XXheight: 300px;
	 display: flex;
	 justify-content: center;
	 padding: 80px 10%;
	 overflow: hidden;
	 position: relative;
}
 #header_heading h1 {
	 margin: 0;
	 padding: 0;
	 font-family: "Teko", sans-serif;
	 line-height: 1em;
	 color: #fff;
	 text-shadow: 2px 2px #000;
	 filter: drop-shadow(1px 1px 0px #e67d12);
	 font-size: 72px;
	 font-weight: 500;
	 text-transform: uppercase;
	 position: relative;
	 z-index: 100;
}
 .home #header_heading {
	 padding-top: 200px;
	 padding-bottom: 200px;
}
 .image_overlay {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 top: 0;
	 left: 0;
	 background-color: #000;
	 opacity: .5;
	 z-index: 1;
}
 .heading_lines {
	 position: absolute;
	 left: -33%;
	 width: 100%;
	 transform: rotate(115deg);
}
 .heading_lines .line {
	 height: 10px;
	 background-color: #e67d12;
	 margin-top: 10px;
}
 .heading_lines.heading_lines_right {
	 left: 33%;
}
 @media (max-width: 767px) {
	 #header_heading {
		 padding-top: 60px;
		 padding-bottom: 60px;
	}
	 #header_heading h1 {
		 font-size: 48px;
	}
	 .home #header_heading {
		 padding-top: 60px;
		 padding-bottom: 60px;
	}
}
 #main {
	 display: flex;
	 justify-content: center;
	 padding: 40px 10% 100px 10%;
}
 #main h1.wp-block-heading {
	 margin-bottom: .6em;
}
 #main h2.wp-block-heading, #main h3.wp-block-heading {
	 margin-top: 1.8em;
	 margin-bottom: .25em;
}
 #main p {
	 line-height: 1.8;
}
 #main p:empty {
	 margin: 0;
}
 #main p:empty:before {
	 content: ' ';
	 white-space: pre;
}
 #main_content {
	 width: 100%;
	 max-width: 800px;
}
 @media (max-width: 767px) {
	 #main h1 {
		 font-size: 2.4em;
	}
	 #main h2 {
		 font-size: 1.6em;
	}
	 #main h1.wp-block-heading {
		 XXmargin-bottom: .5em;
	}
	 #main h2.wp-block-heading, #main h3.wp-block-heading {
		 XXmargin-top: 1.6em;
		 margin-bottom: .25em;
	}
}
 #footer {
	 background-color: #000;
	 padding: 25px 10% 60px 10%;
	 display: flex;
	 justify-content: center;
	 font-family: "Lexend", sans-serif;
	 font-weight: 200;
	 font-size: 13px;
	 letter-spacing: 1px;
}
 #footer_inner {
	 display: flex;
	 flex-basis: 100%;
	 column-gap: 5%;
	 justify-content: space-between;
	 max-width: 800px;
}
 #footer_navigation {
	 flex-grow: 9;
	 flex-basis: 60%;
	 display: flex;
	 XXjustify-content: center;
	 background: #000;
}
 #footer_navigation ul {
	 margin: 0;
	 padding: 0;
	 display: flex;
	 XXjustify-content: space-between;
	 column-gap: 4%;
	 flex-grow: 1;
	 XXwidth: 70%;
}
 #footer_navigation ul li {
	 display: inline-block;
	 column-gap: 1%;
}
 #footer_navigation ul li a {
	 color: #fff;
	 transition: color .25s;
}
 #footer_navigation ul li a:hover {
	 color: #e67d12;
}
 #footer_navigation ul li.current_page_item a {
	 color: #e67d12;
}
 #footer_navigation ul.sub-menu {
	 display: none;
}
 #footer_copy {
	 text-align: right;
}
 #footer_copy p {
	 margin: 0;
}
 @media (max-width: 767px) {
	 #footer {
		 padding-top: 12px;
		 padding-bottom: 16px;
	}
	 #footer_navigation {
		 display: none;
	}
	 #footer_copy {
		 text-align: center;
		 flex-basis: 100%;
	}
}
 #sponsors_main {
	 margin-top: 80px;
}
 .subsection_title {
	 text-align: center;
	 border-bottom: 1px solid #e67d12;
}
 #affiliates_main {
	 margin-top: 80px;
}
 #partners_main {
	 margin-top: 80px;
}
 .sponsors_affil_flex {
	 display: flex;
	 flex-wrap: nowrap;
	 justify-content: space-evenly;
}
 .sponsors_affil_flex .sponsor {
	 flex-basis: 33%;
	 padding: 2%;
	 text-align: center;
}
 @media (max-width: 767px) {
	 .sponsors_affil_flex {
		 display: block;
	}
	 .sponsors_affil_flex .sponsor {
		 padding: 4% 2%;
		 width: 100%;
	}
}
 #donate_main {
	 margin-top: 80px;
	 text-align: center;
}
 #donate_button {
	 margin-top: 20px;
	 font-size: 32px;
	 font-family: "Teko", sans-serif;
	 font-weight: 500;
	 XXtext-shadow: -1px 1px #FF7E31;
	 background-color: initial;
	 background-image: linear-gradient(-180deg,#FF7E31,#E62C03);
	 border-radius: 6px;
	 box-shadow: rgba(0,0,0,0.1) 0 2px 4px;
	 color: #FFFFFF;
	 cursor: pointer;
	 display: inline-block;
	 XXfont-family: Inter, -apple-system, system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
	 XXheight: 40px;
	 line-height: 40px;
	 outline: 0;
	 overflow: hidden;
	 padding: 10px 20px 8px 20px;
	 pointer-events: auto;
	 position: relative;
	 text-align: center;
	 touch-action: manipulation;
	 user-select: none;
	 -webkit-user-select: none;
	 vertical-align: top;
	 white-space: nowrap;
	 XXwidth: 100%;
	 z-index: 9;
	 border: 0;
	 transition: box-shadow .2s;
}
 #donate_button:hover {
	 box-shadow: rgba(253,76,0,0.5) 0 3px 8px;
}
 .protected-post-form {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 font-family: "Teko", sans-serif;
	 font-size: 32px;
	 color: #fff;
}
 .protected-post-form .password_row {
	 flex-basis: 100%;
	 text-align: center;
}
 .protected-post-form label {
	 display: none;
}
 .protected-post-form input {
	 margin-top: 40px;
}
 .protected-post-form input.button {
	 margin-top: 20px;
}
 @keyframes slideUp {
	 0% {
		 transform: translateY(-6px);
		 opacity: 0;
	}
	 100% {
		 transform: translateY(0);
		 opacity: 1;
	}
}
 .password_error {
	 text-align: center;
	 color: #ff0000;
	 animation: .25s ease-in-out 0s 1 slideUp;
}
 .testimonial {
	 background: #120f0b;
	 margin-top: 60px;
	 margin-bottom: 60px;
	 padding: 40px 40px 24px 40px;
	 font-family: "Lexend", sans-serif;
	 font-weight: 200;
	 font-size: 28px;
	 font-style: italic;
	 letter-spacing: 1px;
	 line-height: 1.7;
	 color: #fff;
	 border-top: 1px solid #e67d12;
	 border-bottom: 1px solid #e67d12;
}
 .testimonial span {
	 display: block;
	 text-align: right;
	 margin-top: 20px;
	 font-size: 16px;
	 font-style: normal;
	 color: #b1b1b1;
}
 @media (max-width: 767px) {
	 .testimonial {
		 font-size: 16px;
		 padding: 20px 20px 14px 20px;
	}
	 .testimonial span {
		 font-size: 14px;
	}
}
 #countdown {
	 margin-bottom: 60px;
	 text-align: center;
}
 #countdown #countdown_inner {
	 padding: 20px 40px;
	 text-align: center;
	 background: #000;
	 color: #fff;
	 border: 2px solid #e67d12;
	 outline: 10px solid #000;
}
 #countdown h6 {
	 background: #000;
	 text-align: center;
	 display: inline-block;
	 margin: 0;
	 margin-bottom: 4px;
	 padding: 0;
	 padding-right: 20px;
	 padding-left: 20px;
	 font-size: 28px;
	 color: #8f8f8f;
}
 #countdown h6 span {
	 color: #fff;
}
 #countdown h6:first-child {
	 padding-right: 10px;
}
 #countdown #days, #countdown #hours, #countdown #minutes {
	 display: inline-block;
	 margin: 0 20px;
}
 #countdown .number {
	 font-size: 72px;
	 line-height: 1;
	 font-family: "Teko", sans-serif;
	 margin: 0 10px;a
}
 #countdown .label {
	 font-size: 36px;
	 font-family: "Teko", sans-serif;
	 color: #e67d12;
}
 @media (max-width: 767px) {
	 #countdown #countdown_inner {
		 padding: 10px;
		 padding-top: 16px;
		 margin-top: 20px;
	}
	 #countdown h6 {
		 width: 100%;
		 font-size: 24px;
		 margin-bottom: 0px;
	}
	 #countdown h6:first-child {
		 padding-right: 20px;
	}
	 #countdown #days, #countdown #hours, #countdown #minutes {
		 display: inline-block;
		 margin: 0 4px;
	}
	 #countdown .number {
		 font-size: 36px;
		 line-height: 1;
		 font-family: "Teko", sans-serif;
		 margin: 0 4px;
	}
	 #countdown .label {
		 font-size: 18px;
		 font-family: "Teko", sans-serif;
		 color: #e67d12;
	}
}
 .smoke-diver-application form label {
	 font-size: 14px;
	 line-height: 1.2;
}
 .smoke-diver-application form input {
	 XXmax-width: 100%;
	 width: 100%;
}
 .smoke-diver-application form input[type=submit] {
	 width: inherit;
}