@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/static/fonts/raleway-v18-latin-regular.eot'); 
  src: local(''),
       url('/static/fonts/raleway-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/static/fonts/raleway-v18-latin-regular.woff2') format('woff2'), 
       url('/static/fonts/raleway-v18-latin-regular.woff') format('woff'), 
       url('/static/fonts/raleway-v18-latin-regular.ttf') format('truetype'), 
       url('/static/fonts/raleway-v18-latin-regular.svg#Raleway') format('svg'); 
}
@font-face {
  font-family: 'Raleway600';
  font-style: normal;
  font-weight: 600;
  src: url('/static/fonts/raleway-v18-latin-600.eot'); 
  src: local(''),
       url('/static/fonts/raleway-v18-latin-600.eot?#iefix') format('embedded-opentype'), 
       url('/static/fonts/raleway-v18-latin-600.woff2') format('woff2'), 
       url('/static/fonts/raleway-v18-latin-600.woff') format('woff'), 
       url('/static/fonts/raleway-v18-latin-600.ttf') format('truetype'), 
       url('/static/fonts/raleway-v18-latin-600.svg#Raleway') format('svg'); 
}
@font-face {
  font-family: 'Raleway800';
  font-style: normal;
  font-weight: 800;
  src: url('/static/fonts/raleway-v18-latin-800.eot'); 
  src: local(''),
       url('/static/fonts/raleway-v18-latin-800.eot?#iefix') format('embedded-opentype'), 
       url('/static/fonts/raleway-v18-latin-800.woff2') format('woff2'), 
       url('/static/fonts/raleway-v18-latin-800.woff') format('woff'), 
       url('/static/fonts/raleway-v18-latin-800.ttf') format('truetype'), 
       url('/static/fonts/raleway-v18-latin-800.svg#Raleway') format('svg'); 
}
@font-face {
    font-family: 'AlexBrush';
    src: url('/static/fonts/alexbrush-regular-webfont.eot');
    src: url('/static/fonts/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/alexbrush-regular-webfont.woff') format('woff'),
         url('/static/fonts/alexbrush-regular-webfont.ttf') format('truetype'),
         url('/static/fonts/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
  /* min-width: -webkit-fill-available;
  max-width: -webkit-fill-available; */
}

body{
    font-family: Raleway,Verdana,Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 0.2px;
    background-color: #fff;
    color: #111;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: space-around;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 auto;
    /* max-width: 800px; */
    /*min-height: calc(var(--innerHt, 100svh) - 215px);*/
}
footer {
    position: fixed;
    background-color: #fff;
    width: 800px;
    font-size:12px;
    text-align:center;
    bottom:0px;
    padding:0;    
    margin: 0;
}

header {
    display: flex;
    width: 800px;
    height: 115px;  
    margin: 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    align-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row;
}
#content{
   /*  max-width: 800px;*/
    z-index:0;
    top:0px;
    margin-bottom:180px; 
    /* height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    
    /*min-width: -webkit-fill-available;
    max-width: -webkit-fill-available;*/
}
#content_inner {
    border: 1px solid gray;
    border-radius: 10px;
    background-color: #ddd;
    padding: 5px;
    width: 800px;
}
/*
#main_content {
    position:relative;
    margin: 0 auto;
    background: url(/static/img/apple-touch-startup-image-1536x2008.png) no-repeat;
    background-size:contain;
}
*/

a:link{color:#038cc1;text-decoration:none;}
a:visited{color:#038cc1;text-decoration:none;}
a:hover{color:#00f;}
a:active{color:#038cc1;text-decoration:none;}
img{border-style:none;}
h1,h2,h3,h4,h5{font-family:'Raleway600';font-weight:bold;}
h1{font-size:24px;padding:0 6px 0 0;margin:0 0 .2em 0;color:#f3c85b;}
h2{font-size:16px;margin:1em 0 .5em 0;}
div{
	border-style:	solid;
	border-width:	0px;
	position:		relative;
} 
/*
input, select, textarea, button {
    font-family: Raleway,Verdana,Arial,sans-serif;;
}
*/
#login {
    vertical-align:top;
    margin: 10px;
    height: 30px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right:1px;
    cursor: pointer;
}

#form_div {
    width: 465px;
    margin: 0 auto;
    border: 3px double black;
    padding:30px;
    -webkit-box-shadow: 4px 4px 6px #c9c9c9;
    -moz-box-shadow: 4px 4px 6px #c9c9c9;
    -ms-box-shadow: 4px 4px 6px #c9c9c9;
    -o-box-shadow: 4px 4px 6px #c9c9c9;
    box-box-shadow: 4px 4px 6px #c9c9c9;
    background-color: #daf3f0; /*#A7E2F5;*/
}

.register_choose {
    padding:40px;
    margin-bottom:200px;
}
.post {
    width:800px;
    margin: 10px auto;
    border:1px solid gray;
    box-shadow: 3px 5px 3px #d3d3d3;
    border-radius:10px;
    padding:2px 0px 5px 0px;
}
.comment {
    width:760px;
    margin: 10px auto;
    border:1px solid gray;
    box-shadow: 3px 5px 3px #d3d3d3;
    border-radius:10px;
    padding:2px 0px 5px 0px;
    background-color:#eee;
    left: 20px;
}
.profile_field {
    width:400px;
    margin-top: 10px;
}
.profile_field_extra {
    display:inline-block;
    width:288px;
    vertical-align:top;
    margin:0px 0px 0px 7px;
}
.profile_field_extra_2 {
    display:inline-block;
    width:288px;
}

.profile_hide {
    position:absolute;
    display:inline-block;
    right:0px;
}
.profile_field_upper {
    width:200px;
    margin-top: 6px;
}
.profile_header {
    text-align:center;
    font-size:16px;
    margin:-5px 0px 6px;
}

.profile_explain {
    font-size:10px;
    margin-bottom:10px;
}
.profile_avatar {
    display:inline-block;
    width:100px;
    max-width:150px;
    vertical-align:top;
}

.profile_avatar_url {
    vertical-align:middle;
    height:100px;
    width:auto;
}

form textarea#other {
     width: 400px;
     height: 100px;
     max-width: 400px;
}
form textarea#emergencyDetails {
     width: 400px;
     height: 100px;
     max-width: 400px;
}
.profile_oauth_profile {
    display:inline-block;
    height:30px;
}

.profile_oauth_profile_div {
    margin:10px 0px 10px;
}
.password_1_field {
    position:relative;
    width:190px;
    display:inline-block;
}
.password_2_field {
    position:absolute;
    width:190px;
    display:inline-block;
    right:0px;
}

.password_form_login {
    width:400px;
    text-align:center;
    margin-bottom:10px;
}
.reset_password_header {
    text-align:center;
    font-size:16px;
    margin-bottom:10px;
}
.password_reset_div {
    padding-top:20px;
    margin-top:100px;
    margin-bottom:200px;
    text-align: center;
}
#comment_cancel {
    font-size: 11px;
    left: 16px;
    top: 1px;
    color: #038cc1;
    text-decoration: none;
    line-height: 20px;
}
.edit_cancel {
    font-size: 11px;
    left: 16px;
    top: 1px;
    color: #038cc1;
    text-decoration: none;
    line-height: 20px;
}
#post_form {
    position:relative;
    width:800px;
    margin: 10px auto 20px;
    border:1px solid gray;
    box-shadow: 10px 10px 5px #c9c9c9;
    border-radius:10px;
}
#comment_form {
    width: 740px;
    margin: 10px auto;
    border: 1px solid gray;
    box-shadow: 3px 5px 3px #d3d3d3;
    border-radius: 10px;
    padding: 2px 0px 5px 0px;
    background-color: #eee;
    display: none;
    left: 44px;
}
.post_as {
    position:relative;
    left:12px;
    font-size:11px;
}
.alert_div {
    position:absolute;
    display:inline-block;
    right:12px;
    text-align:right;
    top:7px;
    font-size:11px;
    line-height: 11px;
}
.vert_align_middle{
    vertical-align: middle;
}
.post_form_field {
    position:relative;
    left:10px;
    width:737px;
    border: 1px solid #ccc;
    margin:2px;
}
.comment_form_field {
    position:relative;
    left:10px;
    width:710px;
    border: 1px solid #ccc;
    margin:2px;
}
.post_form_text {
    height:50px;
    overflow:auto;
}

.post_form_errors {
    position:relative;
    width:580px;
    margin:0 auto;
    list-style-type:none;
    padding:6px;
}
.avatar_sm {
    vertical-align:middle;
    height:30px;
}
.post_avatar_sm{
    position:relative;
    left:10px;
    top:1px;
    vertical-align:middle;
}
.delete_post_div {
    position: absolute;
    top: -3px;
    right:0px;
    display:inline-block;
    text-align:center;
    font-size:14px;
}
#user_finder_div {
    display:none;
    margin:10px 20px 20px 20px;
    padding:8px;
    background-color:#ddd;
    width:400px;
}
.post_text {
    width:90%;
    margin-left:5%;
    border:1px solid #ddd;
}
.post_text_overflow {
    width:90%;
    margin-left:5%;
    overflow:hidden;
    max-height:100px;
    border-bottom: 2px dotted #00b5ec;
}

.post_subject {
    font-family:'Raleway600';
    width:90%;
    margin-left:5%;
    font-weight: bold;
}
.bold {
    font-family:'Raleway600';
    font-weight: bold;
}
.post_url {
    margin-left:5%;
    overflow:hidden;
}
.post_image {
    position:relative;
    display:inline-block;
    margin-left:5%;
}
.post_image_img {
    position:relative;
    top:1px;
    vertical-align:middle;
}
.upper_rt_links {
    position:absolute;
    right:12px;
    display:inline-block;
    font-size:0.9em;
    width:114px;
    top:7px;
}
.comment_bubble {
    display:inline-block;
    background: url(/static/img/comment-icon.png) no-repeat 0 -0px;
    width:16px;
}
.post_emailed {
    display:inline-block;
    background: url(/static/img/email_text_icons.png) no-repeat 0 -0px;
    width: 13px;
    height: 14px;
}
.post_texted {
    display:inline-block;
    background: url(/static/img/email_text_icons.png) no-repeat -14px 0px;
    width:11px;
    height: 14px;
}
.post_emergency {
    display:inline-block;
    background: url(/static/img/email_text_icons.png) no-repeat -14px 0px;
    width:15px;
    height: 14px;
}
.upper_right_group{
    right:20px;
    float:right;
}

.button {
    padding: 0px 6px;
    text-align: center;
    margin: 2px;
    cursor: pointer;
    z-index: 10;
}
.form_input {
    width:400px; 
    height: 17px; 
    font-weight: normal; 
    font-size: 11px;
}
.no_yes_edit {
    width:45px;
    height:20px;
}


#tagline {
    font-size: 40px;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer;
    padding: 15px 11px;
    font-family: 'Raleway600';
}
#tagline2 {
    font-size: 38px;
        font-family: 'AlexBrush';
        cursor: pointer;
        top: -11px;
        padding-left: 12px;
        line-height: 38px;
}

#search_container{
    top: -27px;
}
#search_form {
    position:absolute;
    /*display:inline-block;*/
    font-size:11px;
    right:0px;
    vertical-align:middle;
}
#search_input {
    width:100px;
    height:14px;
    font-size:11px;
    vertical-align:middle;
}
/*
.list_table {
    position:relative;
    width:760px;
    margin:20px auto;
    border: 1px #def solid;
}
.row_odd {
    background-color: #def;
}
.row_even {
    background-color: #fff;
}
*/
.search_magnifier {
    position:relative;
    top:3px;
}
.auth_bar {
    right: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .auth_bar {
        font-size: 1.1rem;
    }
}
.hello_user {
     vertical-align:middle;
}
.inline_block {
    position:relative;
    display:inline-block;
}
.center_this {
    text-align:center;
}
.eleven_px {
    font-size:11px;
}

.text_small {
	font-size: 9px;
}
.text_large {
	font-size: 20px;
}
.errors {
	background-color: #f33;
	position: relative;
	width: 90%;
	margin: 2% 0% 1px 2%;
    padding: 4px;
    color: white;
}

.delete_confirm {
	position: absolute;
	width: 280px;
	top: 0px;
	right: -5px;
	background-color:#ccc;
	border:1px solid gray;
	padding:5px;
	z-index: 10;
}
.flex-parent {
  display: flex;
}
.jc-center {
  justify-content: center;
}