/*
Theme Name: Shoreline Cannabis Theme
Description: Custom designed theme specially for Shoreline Cannabis
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:            'Montserrat', 'Arial', sans-serif;
    line-height:            1.4em;
    background:             #fff;
}

p { padding: 0 0 1em 0; line-height: 1.4em; }
.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-weight: normal; font-size: 2em; line-height: 1.2em; position: relative; padding-bottom: 0.5em; }
h2.underline { font-weight: bold; margin-bottom: 1.5rem; }
h2.underline:after { content: ''; position: absolute; width: 200px; height: 5px; background: #33cc33; bottom: -0.5rem; left: 50%; transform: translate(-50%,0); }
h3 {}
h4 {}

main > div { width: 95%; max-width: 1400px; margin: 0 auto; }
main > .wp-block-columns { margin-bottom: 5rem; }

.menu-top-menu-container { background: #33cc33; }
.top_menu { width: 95%; max-width: 1600px; margin: 0 auto; list-style: none outside; text-align: center; }
.top_menu li { display: inline-block; margin-right: 3rem; padding: 1rem 0; }
.top_menu li:last-child { margin-right: 0; }
.top_menu li.floatright { margin-right: 0; }
.top_menu li a { color: white; }
.top_menu li a i { margin-right: 0.5rem; }

#menu-item-25 { display: none; }

.header_white { text-align: center; background: white; padding-top: 3rem; }
.header_black { text-align: center; background: black; padding-bottom: 2rem; }
header img { width: 40%; }

footer { background:black; color: white; }
.footer_white { text-align: center; background: white; padding-top: 3rem; }
.footer_black { text-align: center; background: black; padding-bottom: 2rem; }
footer img { width: 40%; }
footer .copyright { text-align: center; font-size: 0.6em; text-transform: uppercase; padding: 1rem 0; }

.footer_menu { list-style: none outside; text-align: center; }
.footer_menu li { display: inline-block; padding: 0 3rem; }
.footer_menu li a { color: white; }
.footer_bar { list-style: none outside; text-align: center; }

.green_button_link a, .gform_button { display: inline-block; margin: 0 auto; color: white; background: #33cc33; padding: 0.3em 2em; border: 0; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 1.4em; }
.gform_button { margin: 0 !important; }

.menu-nav-menu-container { background: black; padding-bottom: 2rem; }
.nav_menu { margin: 0 auto; list-style: none outside; text-align: center; }
.nav_menu li { display: inline-block; margin-right: 2rem; }
.nav_menu li:last-child { margin-right: 0; }
.nav_menu li a { color: white; font-size: 1.5em; }

main > .alignnormal { max-width: 9999px !important; width: 100% !important; }

.mobile_only { display: none; }

#metaslider-id-55 { display: none; }

.metaslider p {
    font-family: 'Montserrat', Verdana, sans-serif;
    color: white;
    text-shadow: #000 4px 4px 0, rgba(0,0,0,0.6) 4px 4px 7px;
}

.slider_button { text-shadow: none !important; transition: 0.5s all; }
.slider_button:hover { background: #1f881f; }
.slider_button a { color:white; }

.flex-vertical-center .wp-block-column { align-self: center !important; }

.page-id-21 main { background: #eee; padding: 5em 0; }
.contact_card { gap: 0; box-shadow: rgba(0,0,0,0.6) 0 0 15px; }
.contact_card > .wp-block-column:first-child { background: #33cc33; color: white; padding: 2rem; }
.contact_card > .wp-block-column:last-child { background: white; color: black; padding: 2rem; }
.contact_card a { color: white; }

.products_layout { margin: 3rem auto; }
.products_layout h3 { display: inline-block; height: 3rem; line-height: 3rem; width: 50%; background: #e5e5e5; position: relative; margin: 2rem 0 1rem; padding-left: 4rem; box-shadow: #bfbfbf 2px 2px 0;  }
.products_layout h2+h3 { margin-top: 0; }
.products_layout h3:before { position: absolute; top: 0; left: 0; content: '\25CF'; -webkit-text-stroke: 4px white; -webkit-text-fill-color: #33cc33; text-shadow: white 0 0 5px, white 0 0 5px; font-weight: bold; font-size: 2.5em; display: inline-block; height: 3rem; width: 3rem; background: #33cc33; text-align: center; line-height: 2.7rem; }
.products_layout table th, .products_layout table td { border-left: 0; border-right: 0; border-color: #aaa; }
.products_layout table th, .products_layout table tr:first-child td { border-top: 0; }

@media screen and (max-width: 1000px) {
    #wp-admin-bar-top-secondary { display: none; }
}

@media screen and (max-width: 500px) {
    #menu-item-24 { display: none; }
    .header_white { padding-top: 1rem; }
    .footer_white { padding-top: 0; }
    header img, footer img { width: 80%; }
    .footer_menu li { padding: 0 1.5rem; }
    .menu-nav-menu-container { padding-bottom: 1rem; }
    #menu-item-23 { width: 100%; text-align: center; margin-right: 0; }
    .nav_menu li a { font-size: 1.2em; }
    #metaslider-id-12 { display: none; }
    #metaslider-id-55 { display: block; }
    .mobile_break { content: ''; color: transparent; display: block; }
    .products_layout h2+h3 { width: 80%; }
    .wp-block-table .has-fixed-layout { table-layout: auto !important; }
    .even_columns_nowrap table tr td:nth-child(even) { white-space: nowrap; }
    .not_mobile { display: none; }
    .mobile_only { display: block; }
}