body {
	max-width: 960px;
	margin: auto;
	padding: 0px;
	background-color: black;
}
.listing_border_inner{
	border: 5px solid #F8C400;
}
.listing_border_outer{
	border: 15px solid #D55923;
}

/* top, right, bottom, and left */
.listing_black {
	background: black;
	font-family:  Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	font-size: 20px;
	color: #9AD2D2;
	padding: 15px 20px 15px 20px;
	margin: auto;
}
.listing_drkblue {
	background: #141E28;
	padding: 15px 20px 25px 20px;
}

h1 {
	font-family: Amarante, Metal Mania, Spectral, Garamond, Big Caslon, Times New Roman, serif;
	font-size: 40px;
	line-height: 100%;
	color: #FFFFFF;
	letter-spacing: -.5px;
	font-weight: 500;
	text-align: left;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}
h2 {
	font-family: Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	font-size: 17px;
	color: #F8C400;
	font-weight: 400;
	text-align: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
h3 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0px;
	font-weight: 100;
	text-align: left;
	margin: 0px;
}
h4 {
	font-family: Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	font-size: 17px;
	color: #3D6464;
	letter-spacing: 0px;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
	margin-top:-1px;
}
h5 {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #00A8A8;
	font-weight: 100;
	text-align: left;
}
label {
    font-family: Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	font-size: 21px;
	color: #F8C400;
	letter-spacing: 0px;
	font-weight: 400;
	text-align: right;
}

/* LINKS */
a {
    color: #00A8A8;
    text-decoration: none;
}
a:link{
	color: #00A8A8;
	text-decoration: none;
}
a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
/* BUTTONS & CONTAINER*/
.button {
    border: none;
	text-decoration: none;
	font-size: 15px;
    transition-duration: 0.2s;
	cursor: pointer;
	width:100%;
}
.button1 {
    color: #00A8A8;
    background-color: #002224;
    height: 30px}
.button1:hover {color: #FFFFFF; background-color: #00A8A8;}
.button2 {
    color: #F8C400;
    background-color: #8A2508;
    height: 30px}
.button2:hover {color: #FFFFFF; background-color: #D55923;}

.main_link{
    font-family: Amarante, Metal Mania, Spectral, Garamond, Big Caslon, Times New Roman, serif;
    color: white;
}
.line_org {
  border-top: .5px solid orange;
  border-color: orange;
  margin-top:-5px;
}


#buttonTop {
	display: none;
	position: fixed;
	bottom: 20px;
	margin: 0px 0px 0px 1000px;
	z-index: 99;
	font-size: 15px;
	border: none;
	outline: none;
	background-color: rgba(74, 31, 12, 0.5);
	color: rgba(255, 165, 0, 0.5); 
	cursor: pointer;
	padding: 10px;
	border-radius: 5px;
	width: 75px;
}

#buttonTop:hover {
	background-color: #4A1F0C;
	color: orange;
}

input {
  position: relative;
  top: 3px;
}
.checkbox_bigger{
    width:17px;
    height:17px;
}

/* DIV SIDEBYSIDE */
span.sidebyside {
	display: inline-block;
	width: 455px;
	height: 30px;
	padding: 0px;
	box-sizing: border-box;
}

/*TABLES*/
table {
	table-layout: fixed;
	width: 100%;
	/* border-collapse: collapse; */
}

.adddeets_blu {
	font-family:  Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	color: #00A8A8;
	font-size: 19px;
	font-weight: 500;
}
.adddeets_org {
	font-family: Spectral;
	color: orange;
	font-size:21px;
	font-weight: 400;
	line-height: 25px;
    vertical-align: top;
}
.table_form {
	table-layout: fixed;
	width: 100%;
	font-family:  Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	color: orange;
}
.form_row{
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	text-align: right;
}
.form_contains{
    font-family: Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	font-size: 21px;
	color: #F8C400;
	font-weight: 400;
	text-align: left;
}
.forecast_date{
	width: 100%;
	font-family:  Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	color: orange;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	vertical-align: top;
	line-height: 15px;
}
.forecast_img{
	font-family:  Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
.forecast_temp{
	font-family:  Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	color: orange;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.main_listing{
	border: 1px solid orange;
	/* padding: 15px 10px 15px 10px;*/
	margin-bottom:0;
	table-layout:fixed;
    display: inline-block;
}
.container_header{
	color: #00A8A8;
	font-family:  Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	font-size: 19px;
	font-weight: 400;
	text-align: left;
	padding-bottom: 10px;
}
.form_left{
    width: 30%;
    float: left;
    text-align: right;
}
.form_right{
    margin-left: 31%;
    margin-bottom: -5px;
}

/*CALENDAR*/
.cal_date {
	border: 5px solid #00A8A8;
	width: 100%;
	font-weight: 200;
	text-align: left;
	vertical-align: top;
	color: #00A8A8;
}
.cal_days {
	background: #012225;
	width: 100%;
	text-align: center;
}
/*TAB*/
.tab {
	display: inline-block;
	margin-left: 25px;
}
/*IMAGE_MAINLISTINGS*/
.img_main_preview {
    width: 200px;
    border: 2px solid black;
}
/*GRID_MAINLISTINGS*/
.grid_main_image {
    grid-area: image;
    align-self: flex-start;
    padding: 15px 15px 0 15px;
}
.grid_main_title{
    grid-area: title;
    font-family: Amarante, Metal Mania, Spectral, Garamond, Big Caslon, Times New Roman, serif;
    font-size: 30px;
}
.grid_main_title > a{
    color: #FFF;
}
.grid_main_title > a:hover{
    color: #00A8A8;
}
.grid_main_updated {
    grid-area: updated;
}
.grid_main_summary {
    grid-area: summary;
    padding: 0 20px 0 0;
    margin-top: -15px;
}
.grid_main {
    justify-content: flex-start;
    display: grid;
    background: #141E28;
    padding: 10px 0 10px 0;
    margin: 0 20px 15px 20px;
    grid-template-areas:
    'image image image title title title title title title title title title title'
    'image image image updated updated updated updated updated updated updated updated updated updated'
    'image image image summary summary summary summary summary summary summary summary summary summary'
    'image image image summary summary summary summary summary summary summary summary summary summary';
}

/*GRID_HEADER*/
.grid_header_image { margin-right:-10px; grid-area: image; }
.grid_header_title { padding-top:5px; grid-area: title;}
.grid_header_subtitle { padding-top:5px; grid-area: subtitle; }
.grid_header_login { margin-top:5px; grid-area: login; }
.grid_header_link { margin-bottom:5px; grid-area: link; }

.grid_header {
    display: grid;
    grid-auto-rows: 30px;
    grid-template-areas:
    'image title title title title title title title title title title login login login'
    'image subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle link link link';
    padding: 10px 0 5px 0;
}
/*GRID_RATINGS*/
.grid_ratings {
    display: inline-grid;
	grid-template-columns: repeat(5, 20px) 1fr 75fr;
	grid-auto-rows: 35px;
    justify-content: center;
    align-items: flex-start;
    padding-top: 5px;
}
.grid_ratings > div img {
	text-align: left;
    width: 20px;
	margin: 0px;
}
.grid-text {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid black;
}
.rating_pos {
    opacity: 0.7;
}
.rating_neg {
    opacity: 0.3;
}
.grid_ratings > div:nth-child(1) {
    grid-column:1 / span 1;
}
.grid_ratings > div:nth-child(2) {
    grid-column:span 1;
}
.grid_ratings > div:nth-child(3) {
    grid-column:span 1;
}
.grid_ratings > div:nth-child(4) {
    grid-column:span 1;
}
.grid_ratings > div:nth-child(5) {
    grid-column:span 1;
}
.grid_ratings > div:nth-child(6) {
    grid-column:span 1;
}
.grid_ratings > div:nth-child(7) {
    grid-column:span 1;
}
/*GRID_MENUBUTTONS*/
.grid_menu{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
    align-items: center;
    margin: 0 20px 15px 20px;
    gap: 10px;
}

/*.grid_menu_button1, .grid_menu_button1:hover, .grid_menu_button2, .grid_menu_button2:hover {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    background-color: #002224;
}
.grid_menu_button1:hover {
    background-color: #00A8A8;
}
.button2 {background-color: #A83300;}
.button2:hover {background-color: #F8C400; color: #FFFFFF;}
.grid_menu_button2 {
    background-color: #A83300;
    color: white;
}
.grid_menu_button2:hover {
    background-color: #F8C400;
}*/

/*GRID_ADDITIONAL_DETAILS */
.grid_adddets{
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-auto-rows: minmax(35px, auto);
}
.grid_adddet, .grid_adddet_label, .grid_adddet_day, .grid_adddet_img, .grid_adddet_tem {
    display: flex;
    grid-auto-columns: min-content;
    justify-content: flex-start;
    align-items: flex-start;
    font-family: Spectral;
	color: #F8C400;
	font-size: 21px;
	font-weight: 300;
	line-height: 27px;
}
.grid_adddet_label {
    align-items: flex-end;
    font-family:  Alegreya Sans, Century Gothic, CenturyGothic, sans-serif;
	color: #00A8A8;
	font-size: 19px;
	font-weight: 400;
	margin: 0px;
}
.grid_adddet_day {
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    font-family: sans-serif;
	font-size: 13px;
	line-height: 15px;
}
.grid_adddet_img {
    padding-top: 10px;
    margin: auto;
    width: 35px;
    height: 35px;
}
.grid_adddet_tem {
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: sans-serif;
    font-size: 17px;
}
.grid_adddets > div:nth-child(2n+1) {
    grid-column:1 / span 5;
}
.grid_adddets > div:nth-child(2n+2) {
  grid-column:span 9;
}
.grid_adddets > div:nth-child(11) {
    grid-column:1 / span 5;
    grid-row: span 3;
}
.grid_adddets > div:nth-child(12n) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(13) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(14) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(15) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(16) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(17) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(18) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(19) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(20) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(21) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(22) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(23) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(24) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(25) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(26) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(27) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(28) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(29) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(30) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(31) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(32) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(33) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(34) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(35) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(36) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(37) {
  grid-column:span 1;
}
.grid_adddets > div:nth-child(38) {
  grid-column:span 1;
}

/*GRID_CONTAINS*/
.grid_contains{
	display: grid;
	grid-template-columns: repeat(40,1fr);
	grid-auto-rows: 35px;
	font-family: Spectral;
	color: #F8C400;
	font-size:17px;
	font-weight: 400;
	line-height:25px;
}
.grid_contains > div {
    text-align:left;
    padding: 10px 0 10px 0;
}
.grid_contains0{
	color: rgb(255 165 0 / 0.4);
}
.grid_contains > div:nth-Child(odd) {
    text-align:left;
}
.grid_contains > div:nth-child(8n+1) {
    grid-column:1 / span 1;
}
.grid_contains > div:nth-child(8n+2) {
    grid-column:span 9;
}
.grid_contains > div:nth-child(8n+3) {
    grid-column:span 1;
}
.grid_contains > div:nth-child(8n+4) {
    grid-column:span 8;
}
.grid_contains > div:nth-child(8n+5) {
    grid-column:span 1;
}
.grid_contains > div:nth-child(8n+6) {
    grid-column:span 6;
}
.grid_contains > div:nth-child(8n+7) {
    grid-column:span 1;
}
.grid_contains > div:nth-child(8n+8) {
    grid-column:span 11;
}

.grid_location{
    display: inline-grid;
    grid-template-columns: 45% 1fr;
	grid-auto-rows: 325px;
	width: 100%;
}
.grid_location > div:nth-Child(1) {
    background-color: white;
    padding: 15px 10px 0 35px;
}
.grid_location > div:nth-Child(2) {
    width:100%;
    background-color: red;
}
/*MAP*/