/* Colours:
Dark Green: #55A443;
Light Green: #D4F0C2;
Grey (Light) - Background: #EEEEEE;
Grey (Dark) - Text: #707070;
*/

/* GENERAL */

html, body {
	color: #707070;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    /*overflow-x: hidden;*/
}

p {
	color: #707070;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
}

h1 {
	color: #55A443;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
}

h2 {
	color: #55A443;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
}

h3 {
	color: #55A443;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
}

em, strong {
	color: #55A443;
}

/* INTRO */

.intro.column.is-4 {
	background-color: #eeeeee;
    padding: 15px;
}

.intro.column.is-8 {
    padding: 0px;
    padding-left: 30px;
}

iframe {
    width: 100% !important;
    height: 600px !important;
}

.directions.modal-content {
    width: auto;
    margin: 0;
    padding: 20px;
}

a.directions {
    background-color: #55A443;
    color: #ffffff;
    border: none;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    float: right;
    margin-top: -75px;
    margin-right: 60px;
}

a:hover.directions, a:focus.directions {
    background-color: #D4F0C2;
    color: #55A443;
    border: none;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    float: right;
    margin-top: -75px;
    margin-right: 60px;
}

button.directions {
    background-color: #55A443;
    color: #ffffff;
    border: none;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

button:hover.directions, button:focus.directions {
    background-color: #D4F0C2;
    color: #55A443;
    border: none;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
    
span.button-icon {
    margin-right: 10px;
}

/* STORES MODALS */

.store-modals {
	background-color: #55A443;	
}

a:hover.modal-button {
    opacity: 0.75;
}

/*.modal-button:focus + .modal {
    display: flex;
}*/

.modal {
    width: 80%;
    max-width: 1440px !important;
    padding: 0px;
}

.modal-content {
    margin: 0;
    width: auto;
}

.modal-background {
    background-color: #ffffff;
}

.modal-contact-box {
    background-color: #D4F0C2;
    padding: 15px; /*18.5px*/
}

.modal-icon i.fas.fa-globe, .modal-icon i.fas.fa-phone, .modal-icon i.fas.fa-envelope {
    color: #55A443;
    /*font-size: 20px;*/
    margin-right: 10px;
}

/*button.modal-close.is-large {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    background-color: #55A443;
    border-radius: 50px;
}

a.modal-close.is-large {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    background-color: #55A443;
    border-radius: 50px;    
}

.modal-close::before, .modal-close::after {
    background-color: #ffffff;
}

a.close-modal {
    display: none;
    visibility: hidden;
}*/

tr.light {
    background-color: #D4F0C2;
}

tr.light td {
    padding: 10px;
    color: #55A443;
}

tr.dark {
    background-color: #55A443;
}

tr.dark td {
    padding: 10px;
    color: #D4F0C2;
}

td.left {
    border-right: 1px solid #ffffff;
}

.find-out-more {
    padding-top: 15px;
}

a.find-out-more-button {
    background-color: #eeeeee;
    color: #55A443;
    display: block;
    padding: 10px;
    text-align: center;
    transition: background-color 0.5s;
}

a:hover.find-out-more-button {
    background-color: #55A443;
    color: #ffffff;
}

/* FACEBOOK FEED & FORM */

/* FACEBOOK FEED */

/*.image.is-fullwidth {
    margin-bottom: 30px;
}*/

.fb-and-form.section {
    padding-top: 0px;
    padding-bottom: 0px;
}

iframe.facebook {
    display: block;
    margin: 0 auto;
}

/* FORM */

.subscribe-box {
    background-color: #eeeeee;
    padding: 30px 15px 15px 15px;
}

a.read-more {
    background-color: #55A443;
    color: #ffffff;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
    transition: background-color 0.5s;
}

a:hover.read-more {
    background-color: #D4F0C2;
    color: #55A443;
}

/*form#form1_sign-up-form {
    margin-top: 30px;
}

.form-field {
    margin-bottom: 15px;
}

label {
    font-weight: 600;
}

span.asterisk {
    color: #FF0000;
}

input {
    color: #55A443;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    width: 100%;
    background-color: #D4F0C2;
    border: none;
    padding: 15px;
    margin-top: 15px;
}

::placeholder {
    color: #55A443;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
}

input#form1_submit {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    width: 100%;
    background-color: #55A443;
    border: none;
    padding: 15px;
    cursor: pointer;
}

input:hover#form1_submit {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    width: 100%;
    background-color: #707070;
    border: none;
    padding: 15px;
    cursor: pointer;
}*/

/* IMAGE SLIDER */

button.slick-prev.slick-arrow {
    display: none !important;
}

button.slick-next.slick-arrow {
    display: none !important;
}

/* ICON LIST */

.logo.section {
    padding-top: 0px;
}

.icon-list {
    color: #55A443;
    display: inline-flex;
}

p.icon-list-text {
    color: #55A443;
    margin: 5px 15px;
}

hr {
    background-color: #55A443;
    border: none;
    display: block;
    height: 1px;
    margin: 15px 0px;
}

/* STORES PAGE */

.store-tiles {
    background-color: #55A443;
}

a:hover.store-tile {
    opacity: 0.75;
}

@media only screen and (min-width: 375px) and (max-width: 812px) {
    html, body {
        color: #707070;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        /*overflow-x: hidden;*/
    }

    p {
        color: #707070;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
    }

    h1 {
        color: #55A443;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 24px;
    }

    h2 {
        color: #55A443;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 20px;
    }

    .intro.column.is-8 {
        padding-top: 50px;
        padding-left: 0px;
    }

    /*.mapouter {
        width: 100% !important;
        padding-top: 35px;
    }

    .gmap_canvas {
        width: 100% !important;
    }*/

    iframe {
    width: 100% !important;
    height: 500px !important;
    max-width: 351px !important;
}

    iframe.facebook {
        width: 100%;
    }

    .columns:not(:last-child) {
        margin-bottom: 0;
    }

    .modal {
        padding: 20px;
    }

    .modal-content {
        margin: 0;
    }

    .icons {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}