/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.snowsbest_summary_table_widget tr td {
	border: 0;
	border-bottom: 1px solid #eee;
	padding-left: 0 !important;
}

/* On snowsbest site, the wrap is this class. */
body[class*="snow-forecast"] .td-main-content-wrap {
	/*width: 100% !important;*/
	max-width: none !important;
}

div.snowsbest_summary_table_widget tr td a {
	color: #36a;
	text-decoration: underline;
}

div.snowsbest_summary_table_widget * {
	font-family: 'Roboto', sans-serif !important;
	letter-spacing: 0;
}

div.snowsbest_summary_table_widget hr {
	background: #4db2ec;
	height: 2px;
	border: 0;
}

div.snowsbest_summary_table_widget h5.summary_heading {
	color: black;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
}

div.snowsbest_summary_table_widget h5.summary_heading.has_logo {
	width: 80%;
	display: inline-block;
	font-size: 14px;
}

div.snowsbest_summary_table_widget p.last_updated {
	font-size: 12px;
	color: #ccc;
	margin-top: 3x;
}

div.snowsbest_summary_table_widget tr td {
	font-size: 12px;
}

div[id$="summary_table"] h5 {
	color: #555;
}

td.three_day, td.seven_day {
	text-align: right;
}

div.snowsbest_summary_table_widget thead tr td {
	font-weight: bold;
}

tr.resort_day_row .snowsbest_weather_icon img {
	width: auto;
	max-height: 75px;
	min-width: 75px;
}

div.snowsbest_country_full_table:first-child {
	margin-bottom: 35px;
}

div.snowsbest_country_full_table * {
	font-family: 'Roboto', sans-serif !important;
	letter-spacing: 0;
}

table.resort_table tr td p {
	font-size: 13px;
}

table.resort_table tr td {
	border: none;
	padding: 0;
	padding-left: 10px;
}

div[id$="full_tables"] h5:first-child {
	color: #4db2ec;
	font-size: 20px;
	margin: 0;
}

div[id$="full_tables"] p.last_updated {
	margin: 0;
	color: #ccc;
}

div[id$="full_tables"] h6.full_table_heading {
	color: black;
	font-size: 18px;
	font-weight: bold;
}

div[id$="full_tables"] hr {
	background: #4db2ec;
	height: 2px;
	border: 0;
}

tr.resort_day_row {
	border-bottom: 1px solid #eee;
}

@media all and (min-width: 750px) {
	table.resort_table tr > td {
		display: block;
		width: 100%;
	}

	table.resort_table {
		text-align: left;
	}

	tr.resort_day_row:first-child {
		border-left: 1px solid #eee;
		padding-left: 9px;
	}

	tr.resort_day_row:first-child td {
		padding-left: 9px;
	}

	tr.resort_day_row {
		display: inline-block !important;
		width: 13%;
		width: calc(14.4% - 1px);
		vertical-align: top;
		border: 0;
		text-align: left;
		border-right: 1px solid #eee;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 0 10px;
	}

	tr.resort_day_row td {
		padding-left: 10px;
	}

	.weather_desc {
		width: 100px;
		min-height: 230px;
	}

	.weather_desc p {
		margin-top: 15px;
	}

	tr.resort_day_row .snowsbest_weather_icon img {
		/*max-height: 100px;*/
	}
}

@media all and (max-width: 999px) {
	tr.resort_day_row .snowsbest_weather_icon img {
		width: 75px;
		height: 75px;
		min-width: 75px;
	}

	tr.resort_day_row {
		vertical-align: top;
	}
}

@media all and (max-width: 550px) {
	td.issued_date {
		display: none;
	}
}

@media all and (min-width: 475px) and (max-width: 650px) {
	tr.resort_day_row p {
		font-size: 12px !important;
	}
}

@media all and (max-width: 475px) {
	.weather_desc {
		display: none;
	}
}

tr.resort_day_row p.day {
	font-weight: bold;
	margin: 0 !important;
	white-space: nowrap;
	font-size: 15px;
}

tr.resort_day_row p {
	margin-bottom: 0;
}

tr.resort_day_row p.date {
	margin: 0 !important;
}

tr.resort_day_row .high_temp, tr.resort_day_row .low_temp, tr.resort_day_row .snowfall,
tr.resort_day_row .rainfall, tr.resort_day_row .freeze_min, tr.resort_day_row .freeze_max,
tr.resort_day_row .elevation {
	font-weight: bold;
}
tr.resort_day_row .high_temp p, tr.resort_day_row .low_temp p, tr.resort_day_row .snowfall p,
tr.resort_day_row .rainfall p, tr.resort_day_row .freeze_min p, tr.resort_day_row .freeze_max p,
tr.resort_day_row .elevation p {
	font-weight: normal;
}

td.issued_date {
	font-size: 12px;
	color: #aaa;
}

td.issued_date p {
	margin: 0;
}

@media all and (min-width: 500px) {
	tr.resort_day_row p {
		font-size: 12px !important;
		line-height: 17px;
	}

	td.issued_date p {
		font-size: 10px !important;
		line-height: 15px;
	}

	tr.resort_day_row {
		padding: 5px 0 !important;
	}

	tr.resort_day_row .high_temp, tr.resort_day_row .low_temp, tr.resort_day_row .snowfall,
	tr.resort_day_row .rainfall, tr.resort_day_row .freeze_min, tr.resort_day_row .freeze_max,
	tr.resort_day_row .elevation {
		font-size: 13px !important;
		line-height: 23px;
	}
}

@media all and (min-width: 1000px) {
	td.snowsbest_weather_icon {
		padding: 0 5px !important;
	}
}

@media all and (min-width: 768px) and (max-width: 1199px) {
	body[class*="snow-forecast"] .weather_desc {
		word-break: break-word;
	}
}

@media all and (min-width: 750px) {
	body[class*="snow-forecast"] tr.resort_day_row {
		width: 14%;
		width: calc(14.4% - 1px);
	}
	body[class*="snow-forecast"] tr.resort_day_row .snowsbest_weather_icon img {
		min-width: 50px;
	}
	body[class*="snow-forecast"] .weather_desc {
		min-height: 230px;
	}
}

@media all and (max-width: 999px) {
	body[class*="snow-forecast"] tr.resort_day_row .snowsbest_weather_icon img {
		width: 40px;
		height: auto;
		min-width: 40px;
	}
}

@media all and (max-width: 1018px) {
	body[class*="snow-forecast"] .td-container.tdc-content-wrap {
		width: 95%;
	}
}

h6.logo_brought_by {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
}

@media all and (max-width: 749px) {
	td.snowsbest_weather_icon {
		padding-left: 0 !important;
		padding-right: 10px !important;
	}

	tr.resort_day_row .high_temp, tr.resort_day_row .low_temp, tr.resort_day_row .snowfall,
	tr.resort_day_row .rainfall, tr.resort_day_row .freeze_min, tr.resort_day_row .freeze_max,
	tr.resort_day_row .elevation {
		display: table-row;
	}
	tr.resort_day_row .hidden_td_separator {
		display: block;
	}

	tr.resort_day_row td:first-child {
		padding-left: 0;
	}
}

div.snowsbest_summary_table_widget {
	margin-bottom: 25px;
}

table.resort_table {
	margin-bottom: 5px !important;
}

div.lifted_points {
	margin-bottom: 21px;
	font-size: 13px;
}

div.lifted_points p {
	margin: 0;
	display: inline !important;
}

p.lowest_lifted_point {
	margin-left: 10px !important;
}

div.lifted_points p span {
	font-weight: bold;
}

@media all and (max-width: 450px) {
	div.lifted_points p {
		font-size: 12px;
	}
}

div.snowsbest_summary_table_widget img {
	width: 100%;
}

div#sponsor_summary_logo {
	width: 20%;
	display: inline-block;
	vertical-align: middle;
}