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

/* Default Styles */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Source Sans Pro', 'Arial', sans-serif;
    line-height:            1.4em;
    background:             #fff;
}

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; }

figure { margin: 0 !important; }

/* Basic styles */

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

h1 { font-size: 8em; color: #ccc; line-height: 1em; margin: 1em 0; }
h2 { font-size: 2rem; color: #A60207; margin-bottom: 0.2rem; }
h3 { font-size: 1.3rem; color: #A60207; margin-bottom: 1rem; }
h4 {}

header { width: 95%; max-width: 1600px; margin: 0 auto; padding: 2rem 0; position: relative; }
header .logo { height: 100px; width: auto; }
header .menu-nav-menu-container { position: absolute; bottom: 2rem; right: 0; }
header .nav_menu { list-style: none outside; }
header .nav_menu li { display: inline-block; padding-left: 4rem; }
header .nav_menu li a { text-transform: uppercase; color: black; }

.black_footer { background: black; padding: 2rem 0; }
.black_footer p { padding: 0; }
.black_footer a { color: white; }

.white_footer { background: white; }
.white_footer p { padding: 1rem 0; }
.footer_bar { list-style: none outside; text-align: center; width: 95%; max-width: 1600px; margin: 0 auto; }
.footer_bar li { display: inline-block; box-sizing: border-box; width: 60%; color: white; line-height: 1.6em; }
.footer_bar li:first-child, .footer_bar li:last-child { width: 19%; text-align: right; }
.footer_bar li img { max-height: 150px; max-width: 90%; }
.footer_logo { max-height: 70px !important; margin: 1rem 0 2rem; }

.footer_menu { list-style: none outside; text-align: center; }
.footer_menu li { display: inline-block; padding: 1rem 2rem; }
.footer_menu li a { text-transform: uppercase; color: black; }


.hero { position: relative; }
.hero img { width: 100%; height: auto; }
.hero .red_button_link { position: absolute; top: 2rem; left: 50%; transform: translate(-50%,0); z-index: 5; }

.red_button_link a {
    position: relative;
    display: inline-block;
    background: rgb(166,2,7);
    background: linear-gradient(90deg, rgba(166,2,7,1) 0%, rgba(229,0,0,1) 40%, rgba(229,0,0,1) 60%, rgba(166,2,7,1) 100%);
    padding: 1.5rem 4rem;
    color: white;
    font-size: 3rem;
    font-weight: bold;
    text-shadow: black 3px 3px 0;
    border-radius: 999px;
    border: 7px white solid;
    transition: 0.7s all;
    box-shadow: rgba(0,0,0,0) 0 0 0;
    top: 0;
}
.red_button_link a:hover {
    box-shadow: rgba(0,0,0,0.6) 0 10px 19px;
    top: -0.5rem;
}
.red_button_link a:before {
    content: '';
    position: absolute;
    top: 0.25rem;
    left: 50%;
    transform: translate(-50%,0);
    height: 40%;
    width: 90%;
    background: linear-gradient(0, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6) 100%);
    border-radius: 999px;
}

.nav_menu li.red_button_link { padding-left: 3rem; }
.nav_menu .red_button_link a { font-size: 1em; color: white; padding: 0.5rem 1rem; margin-left 0; text-shadow: rgba(0,0,0,0.6) 2px 2px 0; }

main { background: url(/wp-content/uploads/2021/09/main_background.jpg) bottom right no-repeat; background-size: contain; }
.home main { background: none; }
main > section { width: 95%; max-width: 1600px; margin: 0 auto; min-height: 600px; }
main > section:after { content: ''; clear: both; display: table; }
main > .wp-block-image.size-full { margin-bottom: 2rem !important; }
.pots_stacked { max-width: 50% !important; float: right; }
.pots_stacked img { width: 100% !important; height: auto !important; }

.province_name { text-align: center; text-transform: uppercase; margin-top: 2rem; }
.retailer_list { display: flex; flex-wrap: wrap; justify-content: center; list-style: none outside; }
.retailer_lists ul:last-child { margin-bottom: 5rem; }
.retailer_list li { flex-basis: 20%; box-sizing: border-box; margin-bottom: 2rem; text-align: center; }
.retailer_list li strong { text-transform: uppercase; }

.contest_text { font-size: 0.8em; width: 95%; max-width: 1280px; margin: 0 auto; padding: 2rem 0; text-shadow: 0 0 2px white, 0 0 4px white; }
#field_1_8 { text-align: center; }
.gform_footer { text-align: center; }

.gform_button {
    position: relative;
    display: inline-block;
    background: rgb(166,2,7);
    background: linear-gradient(90deg, rgba(166,2,7,1) 0%, rgba(229,0,0,1) 40%, rgba(229,0,0,1) 60%, rgba(166,2,7,1) 100%);
    padding: .5rem 2rem;
    color: white;
    font-size: 2rem;
    font-weight: bold;
    text-shadow: black 3px 3px 0;
    border-radius: 999px;
    border: 3px white solid;
    transition: 0.7s all;
    box-shadow: rgba(0,0,0,0) 0 0 0;
    top: 0;
    cursor: pointer;
}
.gform_button:hover {
    box-shadow: rgba(0,0,0,0.6) 0 10px 19px;
    top: -0.5rem;
}
.gform_button:before {
    content: '';
    position: absolute;
    top: 0.25rem;
    left: 50%;
    transform: translate(-50%,0);
    height: 40%;
    width: 90%;
    background: linear-gradient(0, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6) 100%);
    border-radius: 999px;
}