/*
 *      Theme Name:     Lost Winds Theme
 *      Description:    Lost Winds Theme is a child theme of the twentytwenty theme. 
 *      Author:         Parker
 *      Author URI:     http://theritesites.com
 *      Template:       twentytwenty
 *      Version:        1.0.0
 *      Tags:           blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
 *      Text Domain:    lw-twentytwenty
 *
 */
.entry-content {
	font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: normal;
}

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
	font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: normal;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 130rem;
	width: calc(100% - 4rem);
}

.lost-winds-banner {
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 15vh;
	background-size: contain;
	/*height: 60vh;*/
	background-position-y: 12rem;
}

h1, .heading-size-1 {
	font-size: 3.0rem;
	font-weight: 800;
	line-height: 1.138888889;
}

.no-margin {
	margin: 0 0 0 0 !important;
}

.site-description {
	width: 240px;
	text-align: center;
	margin-left: 2rem;
}

header#site-header {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 999;
}

.site-logo {
	display: inline-block;
	margin-left: 10px;
}

.header-social-media {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.header-icon {
	color: #ffffff;
	display: inline-block;
	font-size: 50px;
	text-decoration: none;
	vertical-align: initial;
	width: fit-content;
	width: -webkit-fit-content;
}

.singular .entry-header {
	background-color: #fff;
	padding: 2rem 0 3rem 0;
}

.hide-cal-on-mobile {
	display: none;
}

#site-content .post-inner {
	padding-top: 8rem;
}

.home #site-content .post-inner {
	padding-top: 0rem;
}

.bp-opening-hours .bp-weekday-name {
    float: left;
    clear: left;
    width: 35%;
}

.bp-opening-hours .bp-times {
    float: right;
    clear: right;
    width: 65%;
    text-align: right;
}

.wc-block-grid.has-4-columns .wc-block-grid__products {
	display: flex;
}
.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product {
	flex: 1 0 50%;
	max-width: 50%;
}


@media ( max-width: 782px ) {

}

@media ( max-width: 479px ) {
	.hide-on-mobile {
		display: none;
	}
}

@media ( min-width: 480px ) {
	.hide-on-mobile {
		display: clear;
	}
}

@media ( max-width: 599px ) {
	.lost-winds-logos {
		background: url( './assets/images/Lost-Winds-Brewing.png' );
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: bottom center;
		padding-bottom: 75px !important;
	}
	.hide-cal-on-desktop {
		display: clear;
	}
	.hide-on-mobile {
		display: none;
	}
}

@media ( min-width: 600px ) {

	.lost-winds-logos {
		background: url( './assets/images/Lost-Winds-Brewing.png' );
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom center;
	}
	.hide-cal-on-desktop {
		display: none;
	}
	.hide-cal-on-mobile {
		display: block;
	}
	
	.add-size-desktop.has-larger-font-size {
		font-size: 1.6em;
	}
}

@media ( min-width: 660px ) {

}

@media ( min-width: 700px ) {
	h1,
	.heading-size-1 {
		font-size: 4.2rem;
	}
	.no-margin {
		margin: 0 0 0 0;
	}
	.site-logo, .site-description {
		display: inline-block;
	}
	.singular .entry-header {
		padding: 3rem 0 5rem 0;
	}
	
	.header-icon {
		color: #ffffff;
		display: inline-block;
		font-size: 60px;
		text-decoration: none;
		vertical-align: initial;
		width: fit-content;
		width: -webkit-fit-content;
	}
	.lost-winds-banner {
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 25vh;
		/*height: 60vh;*/
		background-position-y: 16rem;
		background-size: contain;
	}
	.add-size-desktop.has-larger-font-size {
		font-size: 2em;
	}
}

@media ( min-width: 782px ) {

	.wc-block-grid.has-4-columns .wc-block-grid__products {
		display: flex;
	}
	.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product {
		flex: 1 0 25%;
		max-width: 25%;
	}
}

@media ( min-width: 1000px ) {

	.no-margin {
		margin: 0 0 0 0 !important;
	}
	
	.lost-winds-banner {
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 60vh;
		background-position-y: 3rem;
	}
}

@media ( min-width: 1220px ) {
	h1,
	.heading-size-1 {
		font-size: 7.4rem;
	}
	
	.no-margin {
		margin: 0 0 0 0;
	}
	.add-size-desktop.has-larger-font-size {
		font-size: 3.3em;
	}
}

@media ( min-width: 1240px ) {

}

@media ( min-width: 1280px ) {

}

@media ( min-width: 1330px ) {
	
}