/*
Theme Name: Freshgro
Theme URI: 
Author: Andrew Sleigh
Author URI: http://islesoft.co.uk
Description: Freshgro theme.
Requires at least: 6.0
Tested up to: 6.0.1
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
Template: 
Text Domain: freshgro
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/


/*
 MENUS
*/
.menu-main-nav li a {
	text-decoration: none !important;
	text-transform: uppercase;
}
.menu-mobile-nav li a {
	text-decoration: none !important;
	text-transform: uppercase;
}
.menu-main-nav a:hover {
	background: #87AD4C;
}
.menu-mobile-nav a:hover {
	background: #87AD4C;
}


/*
 BREADCRUMBS
*/
.breadcrumb-dark,
.breadcrumb-color,
.breadcrumb-light {
    list-style: none;
}
.breadcrumb-dark a,
.breadcrumb-color a {
    color: #fff;
    text-decoration: none;
}
.breadcrumb-light a {
    color: #000;
    text-decoration: none;
}


/*
 SLIDESHOW
*/
.frontpage-metaslider {
    margin-top: 0;
}
.frontpage-metaslider .wp-block-group {
    padding-left: 0;
    padding-right: 0;
}
.banner-page img,
.banner-frontpage ul,
.banner-frontpage img {
    height: 480px !important;
}
.banner-page img,
.banner-frontpage img {
    object-fit: cover;
}


/*
 POSTS
*/
.wp-block-post-title  {
    margin-bottom: 0 !important;
}
.wp-block-latest-posts a {
	line-height: 32px;
	font-size: 26px;
}


/*
 COLUMNS
*/
.forceheight100 {
    height: 100%;
    min-height: 100%;
    overflow: auto;
}
.news-snipit-header {
    height: 6rem;
    overflow: hidden;
}


/*
 FLEX
*/
.in-season-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-gap: 1rem;
  column-gap: 1rem;
}
.in-season-header {
  flex-grow: 2;
  flex-basis: auto;
  width: 50%;
  height: 168px;
  padding: 16px 16px 16px 16px;
  margin: 0px;
  background-color: red;
  overflow: hidden;
}
.in-season-product {
  flex-grow: 1;
  flex-basis: auto;
  width: 250px;
  max-width: 50%;
  height: 200px;
  padding: 0px;
  margin: 0px;
  background-color: yellow;
  overflow: hidden;
}


/*
 FLOAT OVER
*/
.float-over-group {
    position: relative;
    text-align: center;
}
.float-over-centered {
    pointer-events: none;
    background: #000000;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-25%, -50%);
}


/*
 FOOTER
*/
.footer-block {
    margin-top: 0 !important;
 }
 .footer-block .wp-block-navigation {
     align-items: normal !important;
 }
 .footer-block a {
    color: #f6f6f6;
	text-decoration: none !important;
}
.footer-block a:hover {
	color: #FFFFFF;
	font-weight: bold;
}

/*
 FOOTER HILLS
*/
.custom-shape-divider-bottom-1660561227 {
    overflow: hidden;
}
.custom-shape-divider-bottom-1660561227 svg {
    position: relative;
    display: block;
    width: calc(164% + 1.3px);
    height: 100px;
    transform: rotateY(180deg);
}
.custom-shape-divider-bottom-1660561227 .shape-fill-in-season {
    fill: #567d46;
}
.custom-shape-divider-bottom-1660561227 .shape-fill {
    fill: #393939;
}


/*
 MEDIA
 
 Default Row Content Width 1200px

 Desktop 1024px
 Tablet 768px
 Mobile 460px
*/
@media (max-width: 1024px) {
    /*
     WORDPRESS
    */
    main > div.wp-block-group,
    .wp-site-blocks > div.wp-block-group,
    .wp-block-template-part  > div.wp-block-group {
        padding: 0 1rem 0 1rem;
    }
    .banner-page,
    .frontpage-metaslider {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /*
     HERO SLIDESHOW
    */
    .banner-page img,
    .banner-frontpage ul,
    .banner-frontpage img {
        height: 360px !important;
    }

    /*
     FOOTER HILLS
    */
    .custom-shape-divider-bottom-1660561227 svg {
        height: 80px;
    }
}
@media (min-width: 768px) {
    /*
     MENUS
    */
    .menu-mobile-hide {
        display: none !important;
    }
}
@media (max-width: 768px) {
    /*
     HERO SLIDESHOW
    */
    .banner-page img,
    .banner-frontpage ul,
    .banner-frontpage img {
        height: 240px !important;
    }

    /*
     FOOTER HILLS
    */
    .custom-shape-divider-bottom-1660561227 svg {
        height: 60px;
    }
}
@media (max-width: 460px) {
    /*
     MENUS
    */
    .menu-main-hide {
        display: none !important;
    }

    /*
     HERO SLIDESHOW
    */
    .banner-page img,
    .banner-frontpage ul,
    .banner-frontpage img {
        height: 120px !important;
    }
    .metaslider .caption-wrap {
        display: none !important;
    }

    /*
     FOOTER HILLS
    */
    .custom-shape-divider-bottom-1660561227 svg {
        height: 40px;
    }
}