:root {
    --darkGreen: #18532f;
    --darkPurple: #c1d886;
    --darkGrey: #282828;
    --midGrey: #474747;
    --midGreen: #8ba997;
    --midPurple: #9c7cb887;
    --navBar: #f4ecd6;
    
    --fontBody: 'Plus Jakarta Sans', sans-serif;
    --fontHead: 'Antonio', sans-serif;
    --fontScript: 'Licorice', cursive;
}
.fa {font-family: 'FontAwesome'!important;font-weight:300!important;}

html,
body {
	overflow-x: hidden;
}

body{
    font-family:var(--fontBody);
    font-weight:400;
    font-size:16px;
    color:var(--darkGrey);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--fontHead);
	text-transform: uppercase;
}

h1{text-align:center;}

/** NAV **/
.navbar-default {
    min-height: 0;
}

#customTop.container, #customBottom.container{width:100%;padding-left:0px;padding-right:0px;}
.head-container{display:none;background:var(--darkGreen);border-bottom:1px solid #8ba99745;box-shadow:none!important;}
.addressDataMobile a{color:#fff;}
.addressDataMobile a:hover{color:var(--midGreen);}
.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle:hover .icon-bar{background-color:var(--midGreen);}
#topNavContainer .container-fluid, .navbar-collapse{padding-left:0px;padding-right:0px;}
.page1 #info, .page1 #content{padding:0px;margin:0px}
.content-container.page1{width:100%;padding-left:0px; padding-right:0px;}

.headBar{
    background:var(--darkGreen);
    text-align:right;
    padding:5px 30px;
    color:#fff;
    font-family:var(--fontHead);
}
.headBar a{color:#fff;text-transform:uppercase;font-size:16px;font-weight:400;padding-left:8px;padding-right:8px;}
.headBar a:hover{color:var(--midGreen);}
.headBar .fa-shopping-basket{font-size:16px;}
.iconBar{
    float:right;
    margin-right:30px;
    margin-top:20px;
}
.iconBar a{font-size:26px!important;margin-right:20px;color:var(--midGrey)}
.iconBar a:hover{color:var(--midGreen);}
.fa-envelope, .fa-phone-square {
    font-size: 26px !important;
    top:0px;
}
.navbar-header{margin-top:-60px;float:left;}
.navbar-brand{float:left;margin-top:0px}
.navbar-brand img{max-height:60px;}
.navbar-nav{background:var(--navBar);border:0px}
.navbar-default .navbar-nav>li>a {
    padding-top: 14px;
    padding-bottom: 17px;
    font-family: var(--fontHead);
    font-size:18px;
    font-weight:400;
    color:var(--darkGrey);
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:focus {color:var(--midGreen);}
.navbar-nav li.page2{background:var(--darkGreen);padding:10px 0px 8px 0px;}
.navbar-nav li.page2 a, .navbar-nav li.page2 a.current{color:#fff;}
.navbar-nav li{border-right: var(--midGrey) 2px solid }
.navbar-nav li:last-child, .navbar-nav li:first-child{border-right:0px}
.footBar{
    background:var(--darkGreen);
    padding:10px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-size:3rem;
    font-family:var(--fontHead);
}
a{color:var(--midGreen);}
a:hover{color:var(--midGrey);}
.btn-primary{
    background:var(--darkGreen);
    text-transform:uppercase;
    font-family:var(--fontHead);
    font-weight:400;
    font-size:16px;
    padding:8px 18px;
    border-radius:6px;
}
.btn-primary:hover{
    background:var(--midGreen);
}
.homeFlorist{
    padding:5rem 0 1rem 0;
}
.pageContTop2{padding-bottom:5rem;}

.catNavigator dt{
	font-family:var(--fontHead);
	text-transform: uppercase;
}

.page1 h2{font-size:38px;}

.mobile-nav{padding-left:0px;text-align:center;}
.mobile-nav>li>a{padding: 10px 0px;text-transform: uppercase;}
.testLogin{text-align: center;padding-bottom: 10px;}
#mobilenav a{color:#fff}
#mobilenav .dropdow-menu a{color:#fff}
#mobilenav a:hover{color:var(--midGreen);}

.homeGreen{padding:5rem 0;background:var(--midGreen);}
.btnLarge{font-size:22px;padding:8px 20px;min-width:165px;}
.btnBack{
	font-family: var(--fontHead);
    text-transform: uppercase;
    font-size: 16px;
    padding: 8px 18px;
}
.btnBack:hover{background:#cbcbcb;}

.panel-body .btn-default{display:none;}
.panel-body .btn-primary:after{content:" now"}

.page1 .productCol a{color:#fff;}
.page1 .productCol a:hover{color:#555;}
.page1 .productCol a.btn-primary:hover{color:#fff;}
.page1 .occHere .productCol a.btn-primary:hover{color:#fff;background:var(--midPurple);}

/** BANNER **/
.owl-carousel img,
.markZ,
.markB2 {
    height: 350px;
    object-fit: cover;
    width: 100%;
    object-position: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.page1 .markZ{height:500px;}

.owlDiv .owlCustom,
.owlCustom {
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
	padding: 40px 10%;
	background:#00000038;
}

.bannerText {
	color: #fff;
	text-align: right;
	font-family:var(--fontHead);
	font-size: 3rem;
	text-transform: uppercase;
	text-shadow:0 0 20px #00000038;
}

.bannerText h1 {
    font-size: 12rem;
    color: #fff;
    margin-bottom: 10px;
    font-family: var(--fontScript);
    text-transform: none;
    transform: rotate(-5deg);
}


/** PRODUCTS **/
.designButton img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    border-radius: 6px;
}

.designButton {
    height: auto;
	font-size: 2rem;
}
.designPrices .designBold {
    font-family: var(--fontHead);
    text-transform: uppercase;
}
.designButton, .designButton .title, .designButton .price{
	font-size:16px;
	font-family:var(--fontHead);
}

/** HOMEPAGE PRODUCTS **/
.homeProds {
    padding: 40px;
}

.designList:nth-child(1) .desSelection:nth-child(2) {
    display: none;
}

.page1 .desSelection{
    max-width: 1280px;
    margin: auto;
    background: var(--midPurple);
    border-radius: 10px;
    padding: 30px 0px;
    box-shadow: 0px 0px 20px #00000024;
}

.occHere .desSelection {
    background: var(--midGreen);
}

.page1 .designButton,
.page1 .designButton:hover {
    background: none;
    border: none;
}

.page1 .designButton {
    color: #fff;
}


/** HOME PANELS **/
.homePanels img {
    height: auto;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.homePanels .col {
    padding: 0;
    margin: 0;
    background-size: cover;
    background-position: center;
}

.panelText {
    /** position: absolute;**/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size: 1.6rem;
    padding: 20px 40px;
	color: var(--midGrey);
	min-height: 520px;
}

.panelText h3 {
    font-size: 6rem;
	color: var(--midGrey);
	margin-bottom:0.5em;
}


.homePanels2 {
    max-width: 1280px;
    margin: 40px auto;
}

.homePanels2 .col-md-6{padding:0px 50px;}

.homePanels2 img {
    aspect-ratio: 2 / 1;
    object-fit: cover;
    width: 100%;
    object-position: center;
}

.homePanels2 .content {
    background: #fff;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    min-height: 630px;
    box-shadow: 0px 0px 20px #00000024;
}

.panelText2 {
    padding: 20px;
	font-size: 2rem;
	width:100%;
}


/** HOME INFO **/
.homeAbout {
    position: relative;
    max-width: 1280px;
    margin: 40px auto;
    background: none;
    box-shadow: 0px 0px 20px #00000024;
    border-radius: 10px;
    overflow: hidden;
    background-image: url(/upload/mt/sav1034/upload/files/images/about-home-bg.jpg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.homeAboutText {
    /** position: absolute; **/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 160px 30px 50px;
    background: #ffffff85;
    font-size: 1.6rem;
    z-index: 2;
    position: relative;
}

.homeAboutText:after {
    content: '';
    height: 150%;
    width: 50%;
    display: block;
    position: absolute;
    top: -25%;
    left: 0;
    box-shadow: 200px 0 100px #fff;
    z-index: 0;
    background: #fff;
}

.homeAboutText h1,
.homeAboutText p {
    z-index: 2;
}
.homeAboutText h1{font-size:5rem;text-align:left;}
.localProdBox .thumbnail{min-height:320px;}
/** FOOTER **/
.topnav-container,
.footerContainer {
	padding-left: 0px;
	padding-right: 0px;
	background: var(--midGrey);
}
#footer dt{font-family:var(--fontHead);}
#footer dt,
#footer dd,
#footer a:link,
#footer a:visited {
	color: #fff;
}

#footer a:hover {
	color: var(--midGreen);
}

.designButton .title {
	font-weight:400;
	}
	
/** GALLERY IMAGES **/
.mosaicflow__item img {
	aspect-ratio: 1 / 1;
    object-fit: cover;
}
.galleryCell{
	width:calc(100%/3);
	float:left;
}
.galleryCell .panel, .galleryCell, .galleryCell .panel-default{height: auto;}
.galleryCell img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	max-height:100%;
	width:100%;
}
.galleryCell .panel-body{padding:0px;}
.galleryCell .panel{border:0px;}

.galleryTitle{display:none;}

.farmShopGrid h2{
	font-size:1.6em;
}
.farmShopGrid img{
	padding-top:10px;
}

.footerContainer img[src="/upload/styles/images/footer-paysafe.png"] {
    content: url(/upload/mt/sav1034/images/footer_fp_white.png);
}



@media (max-width: 768px) {
	.head-container{display:block;}
	#customTop{padding-top:52px;}
	.iconBar{min-height:40px}
    .productCol {
        width: 50%;
        float: left;
        min-width: 50%;
        padding: 5px;
    }
    .page1 .desSelection {
   		padding:10px 0px;
    }
    .homeProds {
   		padding: 30px 20px;
	}
	.bannerText h1{
		font-size:7.5rem;
	}
	.bannerText{
		text-align:center;
	}
	.markZ{height:250px;}
		.page1 .markZ {
   		height: 350px;
	}
	.panelText{
		min-height:420px;
	}
	.homeAbout{
		background-image:none;
	}
	.homeAboutText{
		padding:30px;
		background:#fff;
	}
	.homeAboutText h1{
		font-size:4rem;
	}
	.homePanels2 .content{
		min-height:560px;
		margin-bottom:20px;
	}
	.panelText2{
		width:100%;
		font-size:1.6rem;
	}
}