/*
Theme Name: Firefly
Theme URI: http://www.fly-digital.co.uk
Description: Core Theme
Author: Fly Digital
Author URI: http://www.fly-digital.co.uk
Version: 1.0
*/
body {font-family: 'Roboto', sans-serif!important;font-size: 18px!important;line-height: 30px!important;font-weight: 400!important;color: #4D4D4D!important;background: #ffffff;overflow-x: hidden;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;}

/**********
spacers
**********/
.pt-5{padding-top:5px!important;} .pt-10{padding-top:10px;} .pt-20{padding-top:20px;} .pt-30{padding-top:30px;} .pt-40{padding-top:40px;} .pt-50{padding-top:50px;} .pt-60{padding-top:60px;} .pt-70{padding-top:70px;} .pt-80{padding-top:80px;} .pt-90{padding-top:90px;} .pt-100{padding-top:100px;}

.pb-5{padding-bottom:5px!important;} .pb-10{padding-bottom:10px;} .pb-20{padding-bottom:20px;} .pb-30{padding-bottom:30px;} .pb-40{padding-bottom:40px;} .pb-50{padding-bottom:50px;} .pb-60{padding-bottom:60px;} .pb-70{padding-bottom:70px;} .pb-80{padding-bottom:80px;} .pb-90{padding-bottom:90px;} .pb-100{padding-bottom:100px;}

.mt-5{margin-top:5px!important;} .mt-10{margin-top:10px;} .mt-20{margin-top:20px;} .mt-30{margin-top:30px;} .mt-40{margin-top:40px;} .mt-60{margin-top:60px;} .mt-70{margin-top:70px;} .mt-80{margin-top:80px;} .mt-90{margin-top:90px;} .mt-100{margin-top:100px;}

.mb-5{margin-bottom:5px!important;} .mb-10{margin-bottom:10px!important;} .mb-20{margin-bottom:20px;} .mb-30{margin-bottom:30px!important;} .mb-40{margin-bottom:40px;} .mb-50{margin-bottom:50px!important;} .mb-60{margin-bottom:60px;} .mb-70{margin-bottom:70px;} .mb-80{margin-bottom:80px;} .mb-90{margin-bottom:90px;} .mb-100{margin-bottom:100px;}

/**********
text
**********/

/*titles*/
h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif}

h1{font-size: 40px!important;}
h2{font-size: 40px;line-height: 64px;}
h3{font-size: 30px;line-height: 64px;}

/*lists*/
ul li{list-style:none;}

/*lists with coloured bullets*/
ul li::before {content: "\2022";color: #298732;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}

.woocommerce-MyAccount-navigation ul li::before {content: " ";width: 0;margin-left: 0;}

/*links*/
a:link, a:visited, a:active{color:#298732;text-decoration: none;outline:none;
        -webkit-transition: color .3s ease;
           -moz-transition: color .3s ease;
                transition: color .3s ease;
                }

a:hover{color:#298732!important; text-decoration: none;}


/*paragraphs*/
p{margin-top:0px!important;margin-bottom:20px!important;}
p:last-child{margin-bottom:0!important;}

.dark-green-txt{color:298732;}

/**********
backgrounds
**********/
.white-bkg{background-color: #FFF;}


/**********
genral randomness
**********/
hr{height:3px!important; background: #298732!important;border-width: 0; margin-top: 30px;margin-bottom:30px;width: 100%;opacity: .5!important;}

.wp-block-gallery, .blocks-gallery-grid {gap: 0px !important;}/*remove gap from 2 col images*/

figure.wp-block-gallery {margin: 0 0 0;}

.timeline {text-align:center;}
.timeline img{width:77%;}

/**********
buttons
**********/
.button a, a.button, .wc-block-components-button:not(.is-link){font-family: 'Lato', sans-serif;font-weight:700;padding: 10px 25px;display:inline-block;border: none;
-webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
        transition: all .3s ease;}

.button.green a, a.button.green, .wc-block-components-button:not(.is-link){color: #FFF;background-color: #298732;}
.button.green a:hover, a.button.green:hover, .wc-block-components-button:not(.is-link):hover{color: #FFF!important;background-color: #59A354;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  border-radius: 0px;
  color: #FFF;
  background-color: #298732;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  background-color: #59A354;
  color: #FFF!important;
}

.woocommerce-edit-account .woocommerce-Button.button{margin: 20px 0 0px 3px;}

/**********
header
**********/
header{width: 100%;background: rgba(255, 255, 255, .9);border-top:7px solid #B0C932;}
.logo-wrap img{width: 140px !important;height: auto;margin-top: 10px;margin-bottom: 20px;}

.woocommerce-Address header {padding: 30px 0 0 0;}

/**********
footer
**********/
footer{width:100%;border-top:7px solid #B0C932;}
footer{background-color:#4D4D4D;color:#FFF;font-family: 'Roboto', sans-serif;font-size:14px;line-height: 20px;}

footer ul.social-icons{padding-left:0px!important;}
footer ul.social-icons li{display: inline-block;padding:0 10px;}
footer ul.social-icons li a{color:#FFF;font-size: 25px;cursor: pointer;}
footer ul.social-icons li a:hover{color:#B0C932;}
footer ul li::before{content:'';}

footer a:link{color:#FFF;}
footer a:visited{color:#FFF;text-decoration: none;}
footer a:hover{color:#B0C932; text-decoration: none;}
footer a:active{color:#FFF;text-decoration: none;}

/**********
menu
**********/
.account-menu-wrap{}
.account-menu-wrap ul{list-style: none;margin-bottom: 0px;padding-left: 0px;position: absolute;top: 15px;right: 15px;}
.account-menu-wrap ul li{display: inline-block;}
.account-menu-wrap ul li a{font-size: 22px;color:#298732;display: inline-block;cursor: pointer;text-transform: uppercase;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.account-menu-wrap ul li a:hover{color:#B0C932!important;}
.account-menu-wrap ul li:last-child{margin-left:10px;}

.menu-account-menu-container ul li::before{content:'';}

.mega-menu-header-menu-mobile-open #mega-menu-wrap-header-menu #mega-menu-header-menu li:first-child{padding-top:20px;}
.mega-menu-header-menu-mobile-open #mega-menu-wrap-header-menu #mega-menu-header-menu li:last-child{padding-bottom:20px;}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
  font-family: 'Lato', sans-serif!important;font-size:17px!important;text-transform: uppercase;margin: 10px 20px;padding:0px;height:auto;line-height: unset;border-bottom: none!important;
        -webkit-transition: color .3s ease;
           -moz-transition: color .3s ease;
                transition: color .3s ease;}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  border-bottom:none!important; color: #B0C932!important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
    border-bottom:none; color: #B0C932!important;}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
background-color: #666;}

/**********
slider
**********/
.slide-content h1{font-family: 'Lato', sans-serif!important;font-size:50px!important;font-weight:700!important;color:#FFF;}
.eedee-gutenslider-nav {display:none;}

.title-block h1{font-size: 35px !important; margin-bottom: 0px;font-weight: 700;color: #FFF;}

.title-block .areoi-background__image{background-position: 0px 600px;}

/**********
shop
**********/
.products h2{font-size: 30px;}
.products .price, .page-template-shop .woocommerce-Price-amount, .single-product .woocommerce-Price-amount{font-size:25px;font-weight:700;color:#298732;}
.product_meta .sku_wrapper, .tabs.wc-tabs, .single-product #wc-stripe-payment-request-wrapper {display: none!important;}
.single-product h1{font-size: 35px!important;}

.woocommerce-Tabs-panel h2{font-size: 30px!important;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {font-family: 'Lato', sans-serif;font-weight:700;padding: 10px 25px;display:inline-block;color: #FFF;background-color: #298732;border-radius: 0px; -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
       transition: all .3s ease;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
  background-color: #298732;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #59A354;}
.woocommerce div.product form.cart div.quantity {margin: 1px 4px 0 0;}

.woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-MyAccount-navigation-link a:hover {color:#B0C932!important;}


.breadcrumb {padding: 3px 0!important;margin-bottom: 0 !important;}
.breadcrumb-item.active {color: #FFF!important;}

/**********
news
**********/
.news-article-wrap{padding-bottom: 30px;}

/**********
recipes
**********/
.recipe-wrap h2{font-size:22px;margin-bottom: 0px !important;}
.recipe-wrap .meta{font-size:13px;}
.recipe-wrap a img{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.recipe-wrap a img:hover{opacity:.8;}

.single-recipe h1{font-size:30px!important;}
.single-recipe h2{font-size:20px!important;margin-top:20px;font-weight:600!important;color: #298732;}
.single-recipe .meta{font-weight:600!important;color: #298732;}

/**********
forms
**********/
.mc4wp-form-433.mc4wp-form-basic input[type=text], .mc4wp-form-433.mc4wp-form-basic input[type=email]{background:#FFF!important;max-width: 100%;}
.mc4wp-form-433.mc4wp-form-basic input[type=submit]{background:#298732;}
.mc4wp-form-433.mc4wp-form-basic input[type=submit]:hover{background:#18501e;}
.mc4wp-response p{color:#FFF;padding-top: 20px;font-weight: 600;}


.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 span{margin-left:20px;}

.acf-input .acf-input-wrap .acf-is-prepended {border-radius: 0px !important;}

.acf-field-64a694b6576e0{padding:0px!important;}
.acf-field-64a694b6576e0 .acf-label{display:none;}
.acf-input-prepend, .acf-input-append {line-height: 20px!important;margin-top: 2px;font-size: 14px!important;background: transparent!important;border: none!important;}
.acf-form-submit{float: left;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"], textarea {background: transparent;margin: 0 0 20px;padding: 10px;border-radius: 0px;border: 1px solid #a1b1bc;width:100%;}
textarea{resize: none;height: 200px;}

input[type="submit"]{font-family: 'Lato', sans-serif;font-weight:700;padding: 10px 25px;display:inline-block;border: none;color: #FFF;background-color: #298732;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}

input[type="submit"]:hover{color: #FFF!important;background-color: #59A354;}

/* placeholder text color */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #a1b1bc !important;}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */color: #a1b1bc !important;}
input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */color: #a1b1bc !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #a1b1bc !important;}

.contracts label {font-size: 13px;line-height: 15px;}


@media (min-width: 1400px) {

}



/* Large devices (large desktops, 1200px and smaller) */
@media (max-width : 1199px) {

}

/* Medium Devices, Desktops Menu changes here, col-md-12 stacks here*/
@media  (max-width : 992px) {

.slide-content h1 {font-size: 40px!important;}

}

/* Small Devices, Tablets*/
@media (max-width : 768px) {

.slide-content h1 {font-size: 30px!important;}

h1 {font-size: 40px!important;}
h2 {font-size: 37px!important;line-height: 34px!important;}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {padding: 0px 40px 0px 40px;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {padding: 0px 40px 0px 50px;}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
background-color: #298732;}

.woocommerce-MyAccount-navigation ul{padding-left:0px;}

/* stack padding */
.stack-pad{padding-top:30px;}


}

/* Extra Small Devices, Landscape */
@media (max-width : 568px) {


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

.wp-block-cover h1 {font-size: 35px;}

}
