/*
Theme Name: PEI QuickStop Theme
Description: Custom designed theme specially for PEI QuickStop
Version: 0.9
Author: Rob Williams, DevUp Inc <hello@devup.ca>
Tags: custom template
*/

/* Default Styles */

html, body {
    width:                  100%;
    font-family:            'Montserrat', 'Arial', sans-serif;
    line-height:            1.4em;
    background:             white;
}
body { height: 100%; }

p { padding: 0 0 1em 0; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin: 0 auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	display: inline;
}

img.aligncenter {
    display: block;
}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }


/* Basic styles */

a { text-decoration: none; color: #37a2d3; font-weight: 800; }
a:hover { color: blue; }

h1 {}
h2 { font-size: 1.5rem; margin-bottom: 2rem; }
h3 {}
h4 {}

header { background: #005aa2; }
header p { color: white; font-size: 1.25em; padding: 0; margin: 0 3rem 0 0; line-height: 100px; }
.header_bar { list-style: none outside; }
.header_bar img { height: 100px !important; width: auto !important; }

.location_bar { background: #005aa2; padding: 2rem 0; color: white; }
.location_bar a { color: white; }

.logo_bar { width: 80%; margin: 3rem auto; display: block !important; text-align: center !important; }
.logo_bar .wp-block-column { display: inline-block !important; margin: 0 1.5rem !important; width: 200px !important; height: 150px !important; vertical-align: center; position: relative; }
.logo_bar .wp-block-column figure { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }

footer { margin-top: 2rem; border-top: 1px #ccc solid; }
.footer_bar { list-style: none outside; width: 95%; margin: 0 auto;}
.footer_bar p { padding: 1rem 0; color: #aaa; }
.footer_bar a { color: #aaa; }

.gform_wrapper { width: 95%; max-width: 800px; margin: 3rem auto; }
.margin_top { margin-top: 3rem; }
#field_1_2 { align-self: flex-end; }

#metaslider-id-47 { display: none !important; } /* mobile slider */

@media screen and ( max-width: 900px ) {
	.logo_bar { width: 100%; }
	.location_bar .wp-block-columns .wp-block-column { flex-basis: 40% !important; }
	.location_bar .wp-block-columns > div:first-child, .location_bar .wp-block-columns > div:last-child { flex-basis: 10% !important; }
}

@media screen and ( max-width: 500px ) {
	.header_bar .wp-block-columns { gap: 0 !important; }
	.header_locations { display: none; }
	.header_bar img { height: auto !important; }
	header p { line-height: 1em; padding: 0; text-align: center !important; margin-right: 0; }
	.loyalty_bar .wp-block-columns { margin-bottom: 2rem; }
	.loyalty_bar .wp-block-columns .wp-block-column { text-align: center !important; }
	.loyalty_bar .wp-block-columns .wp-block-column .wp-block-image .alignright { float: none; display: block; }
	.footer_bar .wp-block-columns { gap: 1rem; padding: 1rem; }
	.footer_bar p { text-align: center; padding: 0; margin: 0; }
	#metaslider-id-13 { display: none !important; } /* desktop slider */
	#metaslider-id-47 { display: block !important; } /* mobile slider */
}