/*
Theme Name:     FuelPrice Australia (TwentyFifteen)
Theme URI:      https://fuelprice.io
Description:    Child theme for the TwentyFifteen Theme
Author:         FuelPrice Australia
Author URI:     https://fuelprice.io/about/
Template:       twentyfifteen
Version:        1.0
*/

.dashicons {
	font-size: 1.0em;
	line-height: 1.4em;
}
.dashicons-fuel-trend {
	font-size:1.5em;
}
.dashicons-arrow-up {
	color:red;
	vertical-align:sub;
}
.dashicons-arrow-down {
	color:green;
}
.dashicons-sort {
	line-height:1.1em;
	margin-left:0.2em;
}

.advads-autoads-hint {
	display:none;
}

/* Front page */
#post-7443 .dashicons {
	margin-left: 0.2em;
}

a.inline-block {
	display:inline-block;
}
a:hover {
	border-bottom:none;
}

article.hentry {
	padding-top:4.16665%;
}
.entry-header,
.entry-content,
.entry-summary {
	padding-left:5%;
	padding-right:5%;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
	margin-top: 1.6667em;
}

.entry-content ul,
.entry-content ol {
	margin-left: 1em;
}

main #maps {
	height:80vh;
}
main #maps.maps-locked {
	height:40vh;
	padding:2.2em;
	background-color:lightgrey;
}
#maps .infowindow-title {
	margin-right:1.5em;
}
#maps.map-iddqd {
	width: 100% !important;
	margin-left: 0;
	height: 50vh;
}

#fuel-summary blockquote,
body.blog blockquote,
body.single-post blockquote {
	margin-left:0.1em;
	color:#444;
	line-height:1.6em;
	background-color:#eeeeee;
	padding:1.2em;
	font-size:1em;
	font-style:normal;
	clear:both;
}
#fuel-summary blockquote.cheapest-day {
	/* border-left-color:#ffd700; */
	border-left-color:green;
}
#fuel-summary blockquote.highest-day {
	border-left-color:red;
}
#fuel-summary blockquote strong, 
#fuel-summary blockquote b {
	color:#333;
	font-weight:700;
	font-size:1.1em;
}
.single-station .station-bar {
	font-size:0.8em;
}
body.single-station .type-filter .button {
	margin-bottom:0.3em;
}
.price-band-filter li {
	margin-right:0.2em;
}
.price-band-filter li:last-child {
	margin-right:0;
}
.price-legend img,
.price-legend .button {
	margin-top:0.5em;
}
.price-legend .price-band-filter .price-band-show_stations .button {
	margin-top:0;
}
.price-band-filter .price-band-label {
	margin-left:0.2em;
	margin-right:0.4em;
}
main .helpful-block-content .icon1-thumbs-up4:before,
main .helpful-block-content .icon1-thumbs-down4:before {
	content:none;
}
.chart {
	width:100%; 
	min-height:450px;
}
body.home #nearby-stations .fuel_brands .attachment-favicon {
	width:64px;
	height:64px;
}
body.single-fuel_type .entry-header,
body.single-state .entry-header,
body.single-city .entry-header,
body.single-suburbs_summary .entry-header {
	display:none;
}
body.single-fuel_type article,
body.single-state article,
body.single-city article,
body.single-suburbs_summary article {
	padding-top:0.35em;
}
main #manage-fuel-types .dashicons,
main #fuel-types .dashicons {
	font-size:1.4em;
}
#fuel-types .summary-link,
.breadcrumbs .summary-link,
#brands .summary-link,
.single-my_account .summary-link {
	float:right;
}
#content .entry-header .breadcrumbs .summary-link {
	font-size:18px;
}

/* Widgets */

.widget_codex_fuel_login_my_account_widget {
	text-align:center;
}

/* Login */

#loginform p {
	margin-bottom:1em;
}

/* Register */

.um-register .um-field {
	margin-bottom:1em;
}
.um-register .um-field-radio {
	display:block;
}
.um-register .um-field-radio input[type=radio] {
	margin-right:0.3em;
}

/* Feedback / Settings */

.settings-form select,
.station-form select {
	display:block;
	width:-webkit-fill-available;
}
.station-form input[type=text],
.station-form input[type=email] {
	display:block;
}

/**
 * Mobile Large 740px and smaller
 */
@media screen and (max-width:46.25em) {
	#content #fuel-types #manage-fuel-types {
		display:none;
	}
	#content #fuel-types .summary-link.action-button, 
	#content #fuel-types .action-button {
		display:none;
	}
	#content #fuel-types label {
		display:none;
	}
	#content #fuel-types select {
		padding:0.3em;
	}
}

/**
 * Mobile Large 740px and larger
 */
@media screen and (min-width:46.25em) {
	body.home #content #fuel-types {
		margin:0.5em 0;
	}
	article .helpful-block-content .wth-submit,
	main .helpful-block-content .wth-submit {
		padding:0.8214em 1.6429em;
	}
}

/**
 * Mobile Large 620px and smaller
 */
@media screen and (max-width: 38.75em) {
	.site-title {
		font-size: 2.1rem;
	}
	#masthead {
		/* padding:3.84615%; */
		padding:1.8%;
	}
	.secondary {
		padding:0 5%;
	}
	.site-branding img.custom-logo {
		max-width:48px;
		max-height:48px;
	}
	article.hentry h1.entry-title {
		margin-top: 0.4em;
	}
	#maps {
		width:111% !important;
		margin-left:-5.5%;
	}
	body.single-city .entry-header,
	body.single-state .entry-header,
	body.single-suburb .entry-header,
	body.single-suburbs_summary .entry-header {
		display:none;
	}
	.single-station .entry-header .entry-title {
		line-height:4.2rem;
		font-size:2.8rem;
	}
	.single-station .type-filter button,
	.date-filter button {
		margin-bottom:0.2em;
	}
	.price-band-filter li {
		margin-right:0.8em;
	}
	.price-band-filter span {
		width:9vw;
	}
	.admin-bar .price-band-filter span {
		width:3.5vw;
	}
	.admin-bar .price-band-filter li {
		margin-right:0.3em;
	}
}

/**
 * Mobile Small 368px and smaller
 */
@media screen and (max-width: 23em) {
	#masthead .site-title {
		font-size: 1.95rem;
		margin-left: 0.5em;
	}
	#min_max_chart_label {
		display:block;
	}
}

/**
 * Mobile Small 336px and smaller
 */
@media screen and (max-width: 21em) {
	#masthead .site-title {
		font-size: 1.9rem;
		margin-left: 0.2em;
	}
}

/**
 * To Desktop Small 955px
 */
@media screen and (max-width: 59.6875em) {
	.site-branding img.custom-logo {
		max-width:48px;
		max-height:48px;
	}
	.widget-area {
		margin-top:1em;
	}
	.widget_codex_fuel_login_my_account_widget {
		margin-bottom:2em;
		text-align:left;
	}
	article.hentry h1.entry-title {
		margin-bottom:0;
	}
	.breadcrumbs {
		font-size:0.9em;
		margin-top: 1.2308em;
		margin-bottom: 2.4616em;
	}
}

/**
 * Mobile Large 620px to Desktop Small 955px
 */
@media screen and (min-width: 38.75em) and (max-width: 59.6875em) {
	#sidebar .google-auto-placed {
		margin-top:1.6842em;
		margin-left:7.6923%;
		margin-right:7.6923%;
		width:auto !important;
	}
	
}

/**
 * Mobile Large 620px and larger
 */
@media screen and (min-width: 38.75em) {
	.site-main {
		padding-top:1em;
	}
	#main .google-auto-placed {
		margin-left: 7.6923%;
		margin-right: 7.6923%;
		width:auto !important;
	}
	#main article .google-auto-placed,
	#main #comments .google-auto-placed {
		margin-top: initial;
		margin-left: initial;
		margin-right: initial;
	}
	#main article .google-auto-placed {
		margin-bottom:1em;
	}
	#maps {
		width:111.3% !important;
		margin-left:-5.6%;
	}
	#nearby-stations .cheapest-station,
	#nearby-stations .most-expensive-station {
		min-height:4.8em;
	}
	.single-station .entry-header .entry-title,
	.parent-pageid-31587 .entry-header .entry-title {
		line-height:48px;
		font-size:3.9rem;
	}
}

/**
 * Desktop Small 955px and smaller
 */
@media screen and (max-width: 59.6875em) {
	main #nearby-stations .cheapest-station,
	main #nearby-stations .most-expensive-station {
		min-height:5.5em;
	}
	main #nearby-stations li:not(.cheapest-station) {
		min-height:5em;
	}
	body.single-brand main #nearby-stations li:not(.cheapest-station) {
		min-height:initial;
	}
}

/**
 * Desktop Small 955px and larger
 */
@media screen and (min-width: 59.6875em) {
	.site-branding {
		text-align:center;
	}
	.site-branding img.custom-logo {
		max-width:104px;
		max-height:104px;
	}
/*
	.site-branding img.custom-logo {
		max-height:128px;
	}
*/
	.site {
		max-width: 1423px;
	}
	#sidebar {
		max-width:418px;
	}
	#sidebar .site-header {
		margin-top:10%;
		margin-bottom:1.6842em;
	}
	#sidebar aside.widget {
		margin-bottom:3.3684em;
	}
	#sidebar .google-auto-placed {
		margin-bottom:1.6842em;
	}
	#sidebar #widget-area .google-auto-placed {
		margin-bottom:3.3684em;
	}
	#sidebar .widget .google-auto-placed {
		margin-top:3.3684em;
		margin-bottom:0;
	}
	.site-main {
		padding-top:0;
		padding-bottom:0;
	}
	#content .google-auto-placed {
		margin-left: 8.3333%;
		margin-right: 8.3333%;
		width:auto !important;
	} 
	#main .google-auto-placed {
		margin-top: 8.3333%;
		margin-left: 8.3333%;
		margin-right: 8.3333%;
		width:auto !important;
	}
	#main article .google-auto-placed,
	#main #comments .google-auto-placed {
		margin-top: initial;
		margin-left: initial;
		margin-right: initial;
	}
	article.hentry h1.entry-title {
		margin-bottom:0;
	}
	body.single-post article.hentry h1.entry-title {
		margin-bottom:1.2308em;
	}
	body.blog article.post .post-thumbnail {
		padding-top:1em;
	}
	.breadcrumbs {
		font-size:0.8em;
		margin-top: 1.2308em;
		margin-bottom: 2.4616em;
	}
	.site-footer {
		padding:0;
	}
	.site-footer .site-info {
		padding-left:0;
		padding-right:0;
	}
}

/**
 * To Desktop Small 955px to 1255px
 */
/*
@media screen and (min-width: 59.6875em) and (max-width: 78.438em) {
	.site-branding img.custom-logo {
		max-height:84px;
	}
}
*/

/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {
	#page {
		max-width:initial;
		max-width:-webkit-fill-available;
	}
	.site-footer {
		background-color:unset;
		border-top:none;
		box-shadow:none;
		/* padding:0 5%; */
	}
}

/**
 * 16.7 Desktop X-Large 1403px
 */

@media screen and (min-width: 87.6875em) {
	body:before {
		max-width:410px;
		/* width:calc(50% - 410px); */
	}
	.site-content {
		width:-webkit-fill-available;
	}
}

/**
 * 16.9 Desktop XX-Large 1564px
 */

@media screen and (min-width: 97.8em) {
	.site-content {
		margin-left:24.5%;
	}
}

/**
 * 16.9 Desktop XXX-Large 1727px
 */

@media screen and (min-width: 107.9875em) {
	.site-content {
		margin-left:21%;
	}
	.site-footer {
		margin:0 6.5555% 0 0;
		width:-webkit-fill-available;
		margin-left:27.6%;
	}
}