@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,urrent
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;	*/
}


body{font-family:Arial, Helvetica, sans-serif;}
a{color:#000}
a:hover{color:#888}

#black-overlay_start{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:1000;
	display:none;
	text-align:center;
	vertical-align:middle;
}


#trans_overlay{position:absolute; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.2); -webkit-tap-highlight-color:rgba(0,0,0,0); display:none;}

#alert_box{position:absolute; z-index:10; left:50%; top:30%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:200px; font-weight:bold; background-color:#000;border:solid 2px #fff; border-radius:10px; color:#fff; padding: 10px; box-shadow: 0 0 15px #000; display:none;}
#alert_txt{text-align:center; white-space:pre-line;}

.close_but_small {
	background-color:#fff;
	padding:2px;
	border:solid 1px #aaa;
	border-radius:4px;
	width:20px;
	height:20px;
	box-shadow:1px 1px 2px #aaa;
}

#header{
	text-align:center;
	padding-bottom:2px;
	height:115px;
}

#menu{
	border-bottom:solid 2px #ccc;
	border-top:solid 2px #ccc;
	padding: 8px 0 9px 0;
	font-size:18px;
	text-align:center;

	color: #fff;
	font-weight:bold;
	box-shadow:0 10px 10px #aaa;
	position:relative; z-index:1;
}


/*.menu_bg{
	background-color: #7d7e7d;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
}*/

#flag{
	position:absolute;  z-index:2;
	left:20%;
	top:100px;
	width:25px;
	height:25px;
	border:solid 1px #aaa;
	padding:4px;
	background:#fff;
	cursor:pointer;
}
#settings_page_opener{
	position:absolute;  z-index:2;
	right:20%;
	top:100px;
	border:solid 1px #aaa;
	padding: 4px 5px 0 5px;
	background:#fff;
	color:#fff;
	cursor:pointer;
}
#settings_page{position:fixed; top:155px; z-index:2; right:Calc(20% - 20px); width:500px; padding-bottom:20px;  display:none;}
#settings_page_header{text-align:center; font-weight:bold;font-size:large; padding:10px; border-bottom:solid 1px #aaa; }
/*#settings_page_txt_holder{overflow-y:auto;-webkit-overflow-scrolling:touch;}*/
#settings_page_txt{font-size:110%; white-space:pre-line; padding-bottom:10px;padding:15px;max-height:250px; overflow-y:auto; -webkit-overflow-scrolling:touch;}

#flags{
	position:absolute;
	left:Calc(20% + 50px);
	top:-77px;
	text-align:left;
	border:solid 1px #aaa;
	border-radius:4px;
	padding:15px;
	background:#444;
	z-index:2;
	display:none;

	font-weight:normal;
	font-size:small;
}

#flags div{
	margin-bottom:0;
	cursor:pointer;
}
#flags div:hover{
	color:#f00;
}

#form_holder {
width: 100%;
max-width: 360px;
box-sizing: border-box;
padding: 28px 24px 22px;
margin: 0 auto;
border-radius: 10px;
background: #fff;
border: solid 1px #d8d8d8;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.login_card #login_form {
	width: 100%;
	margin: 0;
	text-align: center;
}

.login_lead {
	text-align: center;
	margin: 8px auto 16px;
	font-size: 17px;
	font-weight: 700;
	color: #222;
}

.login_hint {
	margin: 0 0 14px;
	font-size: 12px;
	font-weight: normal;
	color: #555;
}

.login_hint img {
	vertical-align: middle;
	margin-right: 4px;
}

.login_error {
	min-height: 1.2em;
	margin: 0 0 10px;
	color: #c00;
	font-size: 13px;
	font-weight: 700;
}

.login_links {
	display: flex;
	justify-content: center;
	gap: 18px;
	margin-top: 14px;
	font-size: 13px;
}

.login_actions {
	text-align: center;
	margin: 18px 0 8px;
}

#login_form input[type=text],
#login_form input[type=password] {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 12px;
	padding: 10px 12px;
	font-size: 15px;
	border: solid 1px #ccc;
	border-radius: 6px;
}

#login_but {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 6px;
	cursor: pointer;
	border: none;
	padding: 11px 14px;
	font-size: 16px;
	font-weight: 700;
	transition: background-color 0.25s ease;
}

#theContainer {
	width: 100%;
	padding-top: 18px;
	overflow: auto;
	padding-bottom: 70px;
}

#link_mailchimp {
	display: none !important;
}


.arrow_box { z-index:115;  background: #444; border: 1px solid #444; text-align:center; padding:10px; border-radius:5px; box-shadow:2px 2px 15px #000; font-size:small;}
.arrow_box:after, .arrow_box:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 20px; left: 50%;  margin-left: -20px; }
.arrow_box:before { border-color: rgba(68, 68, 68, 0); border-top-color: #444; border-width: 26px; left: 50%; margin-left: -26px; }

.arrow_box2 { z-index:114; background: #fff; border: 1px solid #444;  border-radius:5px; box-shadow:2px 2px 15px #000; font-size:small; }
.arrow_box2:after, .arrow_box2:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box2:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 20px; left: 93%; margin-left: -20px; }
.arrow_box2:before { border-color: rgba(68, 68, 68, 0); border-bottom-color: #444; border-width: 21px; left: 93%; margin-left: -21px; }



.example{
	color: #000;
	font-size: 20px;
	font-weight:bold;

}


section {
  display: block;
}


.reddie{
 background: -webkit-linear-gradient(top, #cc0000, #6B0000);
 background: -moz-linear-gradient(top, #cc0000, #6B0000);
 background: -ms-linear-gradient(top, #cc0000, #6B0000);
 background: -o-linear-gradient(top, #cc0000, #6B0000);
 background: linear-gradient(to bottom, #cc0000, #6B0000);
}

input{
	margin-bottom:10px;
	border:solid 1px #ccc;
	border-radius:4px/4px;
	padding:3px 10px;
	font-size:medium;
/* width:55%; */
}


#link_mailchimp a{
	padding: 10px;
	color: #1226AA;
	border: 2px solid white;
	color: white;
	background-color: #1226AA;
	text-decoration: none;
	font-weight: bold;
}

#link_mailchimp a:link,
#link_mailchimp a:visited
{
	color: white;
}
#link_mailchimp a:hover{
	color: #1226AA;
	border: 2px solid #1226AA;
	background-color: white;
}

#link_mailchimp{
	position:fixed;
	bottom:45px;
	padding:30px 10px 30px 10px;
	border-top:solid 1px #009BDD;
	width:100%;
	color:white;
	text-align:center;
	font-size:small;
	background-color: #009BDD;
}


#login_but{border-radius:6px; cursor:pointer; border:none; transition:0.25s }


/*.redbg{
	background-color:#f00;
}*/

input[type=submit]{
	margin-top:15px;
	-webkit-appearance: push-button;
	font-size:23px;
	border:solid 1px #bbb;
	border-radius:4px/4px;
}





#footer{
	position:fixed;
	bottom:0;
	padding:5px 10px 10px 10px;
	border-top:solid 1px #444;
	width:100%;
	color:white;
	text-align:center;
	font-size:small;
}

#footer a{
	color:#fff
}

#footer #optimized{display:none;}

#terms{cursor:pointer;}
.small_links{display:inline-block; cursor:pointer; }



#terms_panel{
	position: fixed;
	left:50%;
	top:50%;
	min-width:45%;
	max-height:60%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:5;
	padding:20px;
	background-color:#fff;
	border-radius:4px;
	border:solid 1px #aaa;
	border-bottom:solid 20px #fff;
	overflow-y:auto;


	display:none;
}
#terms_panel_close{
	margin-top:-10px;
	float:right;
	cursor:pointer;
}


#terms_header_txt{
	font-size:20px;
	font-weight:bold;

}
#terms_txt{white-space:pre-line; text-align:left;font-size:small;  }


#terms_txt_container{
	margin-bottom:20px;
}
#terms_txt_holder{
	font-size:small;
	text-align:center;
	margin-bottom:10px;
}

.close_but {
	padding:3px 8px;
	font-size:medium;
	cursor:pointer;
}


#register_but {
  	font-size: 120%;
 	display:inline-block;
 	 margin:0 auto;
  	padding:2px 15px 5px 15px;
	margin-top:-10px;
	margin-bottom:10px;

	cursor:pointer;
	transition:0.4s;
	border-radius:4px;
}


#register_panel{
	position:fixed;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:20;
	/*top:100px; */
	border-radius:4px;
	background-color:#fff;
	border:solid 1px #888;


}

#register_panel_close{
	float:right;
	margin-top:5px;
	margin-right:5px;
}


#register_header_txt{
	padding-top:8px;
	padding-bottom:7px;
	border-bottom:solid 1px #ccc;
	font-size:x-large;
	font-weight:bold;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	text-align:center;
}

#landscape_mode{width:100%; margin:0 auto; text-align:center; border-top:solid 8px #f00; border-bottom:solid 8px #f00; padding:10px; box-sizing: border-box; font-weight:bold; border-radius:5px; background-color:#fff; box-shadow: 0 0 10px #000; display:none}

#looking_for{position:absolute; top:250px; margin-left:20px; font-size:90%; padding:2px 8px; background-color:#ccc;}

.small_links{display:inline-block; cursor:pointer;}

@media only screen and (max-width: 1350px){
	#flag{left:20px;}
	#flags{left:70px;}
	#settings_page_opener{right:20px;}
	#settings_page{right:10px;}
}