/*
Theme Name: Meyer Factory Sale Theme
Description: Custom designed theme specially for Meyer Factory Sale
Version: 0.9
Author: Rob Williams, Results Marketing and Advertising <web@resultsinc.ca>
Tags: custom template
*/

/* Default Styles */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Droid Sans', 'Arial', sans-serif;
    line-height:            1.4em;
    background:             url(images/bg.jpg) white top center no-repeat;
    background-size:        cover;
}

p { padding: 0 0 1em 0; font-size: 1.2em; line-height: 1.6em; }
.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 { font-size: 3em; font-weight: normal; margin-bottom: 1em; line-height: 1.5em; }
p strong { color: #CC2831; font-weight: normal; }

header { width: 95%; max-width: 1280px; margin: 0 auto; padding: 3em 0 5em; position: relative; }
header .meyer_logo { display: none; }
header .mfcbc { display: none; }
header .meyer_logo_mfcbc { width: 100%; }

.leaf { fill: #CC2831; }
.canadians { fill: #CC2831; }

.embed-container {
    position: relative;
    padding-bottom:56.25%;
    height:0;
    overflow: hidden;
    max-width: 100%;
    margin: 2em 0;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lang_link { position: absolute; top: 1em; right: 0; }
.lang_link a { color: #CC2831; font-size: 0.8em; text-transform: uppercase; }

footer { background: black; padding: 2em 0; }
.footerbar { width: 95%; max-width: 1280px; margin: 0 auto; list-style: none outside; text-align: center; }
.footerbar li { display: inline-block; vertical-align: top; color: white; width: 18%; height: 170px; text-align: left; }
.footerbar li:last-child { width: 38%; border-left: 1px white solid; padding-left: 2%; }
.footerbar p { font-size: 0.8em; }
footer .meyer_logo { height: 25px; padding: 0.5em 0 1em; margin-left: -1em; }
footer .meyer_logo .leaf { display: none; }
footer .meyer_logo .meyer { fill: white; }
footer .mailchimp_signup { border: 1px white solid; border-radius: 10px; padding: 0.25em; width: fit-content; margin: 0; }
footer .mailchimp_signup input[type="email"] { border: none; background: black; color: white; width: 20em; height: 100%; padding: 0.25em 1em; }
footer .mailchimp_signup input[type="submit"] { border: none; background: #cc2831; color: white; text-transform: uppercase; font-size: 0.8em; padding: 0.7em 2em; border-radius: 5px; cursor: pointer; }
footer .mailchimp_signup input[type="email"]::placeholder { color: white; font-size: 0.8em; }

div.pdfemb-viewer { margin: 0 auto !important; }

@media screen and (max-width: 1280px) {
    footer .mailchimp_signup input[type="email"] { width: calc( 100% - 9em); }
    .footerbar li:nth-child(3) { width: 26%; }
    .footerbar li:last-child { width: 30%; }
}

@media screen and (max-width: 768px) {
    .footerbar li, .footerbar li:nth-child(3) { width: 32%; height: auto; }
    .footerbar li:last-child { display: block; width: 98%; border-left: 0; text-align: center; margin-top: 1em; border-top: 1px white solid; padding-top: 1em; }
    .footerbar li:last-child .textwidget > p { width: 60%; margin: 0 auto; }
    footer .mailchimp_signup { width: fit-content; margin: 0 auto; }
}

@media screen and (max-width: 500px) {
    h1 { font-size: 2em; }
    header .meyer_logo { display: block; width: 80%; margin: 1em auto; }
    header .mfcbc { display: block; width: 80%; margin: 1em auto; }
    header .meyer_mbcfc { display: none; }
    .footerbar li, .footerbar li:nth-child(3) { display: block; width: 98%; text-align: center; }
}