@font-face {
    font-family: 'Better Times Alt';
    src: url('BetterTimesAlt.woff2') format('woff2'),
        url('BetterTimesAlt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'North-Coast';
    src:url('North-Coast.ttf.woff') format('woff'),
        url('North-Coast.ttf.svg#North-Coast') format('svg'),
        url('North-Coast.ttf.eot'),
        url('North-Coast.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

:root{ 
/* Brand Colours */ 
--navy:#17274B; 
--pink:#FF69B4; 
--purple:#ad438f;
/* Supporting Palette */ 
--offwhite:#f9f7f7;
--ivory:#FCFAF7; 
--linen:#F3EFE8; 
--blush:#F6E7EF; 
--sage:#BFC9BC; 
--darksage:#81876f;
--mist-blue:#C7D3E6; 
--slate:#50627F; 
--grey:#D9DEE5; 
--text:#3C4555; 
--darksage:#7f8f7a;
--white:#ffffff;

--bodyFont:"Archivo", sans-serif;
--headFont2:"Italiana", serif;
--headFont:"North-Coast", cursive;
}
.fa {font-family: 'FontAwesome'!important;font-weight:300!important;}

body { font-family: var(--bodyFont); font-weight:300; font-size: 14px; background: var(--offwhite); color: var(--text);letter-spacing:1px;}
.highlight{background:var(--linen);}
a, .catNavigator dt {color: #a5509e;} 
a:hover, a:focus {text-decoration:none; color: #4E4C4C;}
h1, h2, h3, h4, h5, h6 {color: var(--slate); font-family: var(--headFont2);}
h1, h2{font-family:var(--headFont2); color:var(--slate); font-size:40px;font-weight:300;letter-spacing:0px;}
.orderSummaryText .header{font-family:var(--bodyFont); color:#a5509e; font-size:25px;}
.cartHeader, .confirmTell, #footer dt {color: #a5509e; font-family:var(--bodyFont);}
strong, b {font-weight: 500;}

.head-container {border-bottom: 1px solid var(--grey); padding: 4px 0; display:none;background:var(--offwhite);box-shadow:none;}
.topnav-container, .navbar-default {background:var(--offwhite);}  
.topnav-container, #customTop.container{padding:0px}
.topbanner-container {  padding-left: 0px;  padding-right: 0px; }
.content-container{width:100%;max-width:1300px;}
.content-container.page1 {width:100%;max-width:100%;}
.topnav-container{border-bottom:1px solid #eee6d7;box-shadow: 0px 0px 30px #e2d8c687;}

.navbar-toggle:hover .icon-bar {
    background-color: var(--slate);
}
.navbar-toggle{border:0px;}

.addressData a, .addressData a:visited {color:#fff}
.addressData a:hover{color:#a5509e} 

/** nav bar **/
.navbar-brand { margin-top: 60px;float:none}
.navbar-default {  border-color: #99a285;border-radius: 0px; border: 0px solid #444; border-right:none; border-left:none; border-top:none}
/** .navbar-default .navbar-nav>li>a {font-family:var(--bodyFont); color: var(--text);   font-size: 15px;display:inline-block} **/
.navbar-default .navbar-nav>li>a {font-family: var(--bodyFont); color: var(--text);   font-size: 12px;display:inline-block;letter-spacing:3px;font-weight:500;}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {  color:var(--darksage);}
.navbar-right { width:100%;  margin-top: 0px;margin-right:0px} 
.navbar-nav>li{float:none;display:inline}
.navbar-brand>img {margin-left: auto;margin-right: auto;max-height:90px;float:left;position:relative;z-index:999;}
.navbar-header{float:none;margin-top:15px}
.navbar-default .navbar-nav>li>a:after{content:'';display:block;height:2px;width:100%;background-color:none;} 
.navbar-default .navbar-nav>li>a:hover:after, .navbar-default .navbar-nav>li>a:focus:after, .navbar-default .navbar-nav>li>a.current:after{background-color:var(--darksage);}
 
 
.navbar-nav {border-top: 0px solid #DADADA; border-bottom: 0px solid #DADADA;list-style:none;text-align:center;margin-top:-35px; }

/** Left Nav **/
.catNavigator dt{font-family:var(--bodyFont);}
.catNavigator dd, .catNavigator a:link, .catNavigator a:visited { color:var(--text);font-family:var(--bodyFont);font-weight:400;font-size:1.5rem;}
.catNavigator a:hover, .catNavigator a:focus, .catNavigator a.current { color: #a5509e; text-decoration:none}


/** buttons **/
.btn-primary{ background-image:none; background-color:var(--navy); color: var(--ivory); border: 0px solid var(--navy);}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.btn-primary:active:focus,.btn-primary.active.focus{background-image:none;background-color:var(--purple); border: 0px solid var(--purple); color: var(--ivory)} 
.btn-header {border-radius: 0px;  border: 1px solid #DADADA;}
.btn-header:hover { background: #000;color:#fff}
a.btn-header:hover{color:#fff}
.btn-default{background-image:none;background-color:#474949;border:1px solid #474949}
.btn-default:hover{background-image:none;background-color:#979999;border:1px solid #474949}

@media (min-width: 1024px) {
.designButton { height: 350px;}
}

.singleBanner {margin: 0px 12px;}

/** Designs **/
/** .panel{background:none;border: 2px solid #a5509e;}
.panel:hover{background:#fafafa;border:2px solid #a5509e;}
.designButton:hover, .designButton:focus, .designItems, .catImages:hover {  background: #fafafa; border: 2px solid #a5509e;color: #4E4C4C; text-decoration:none}
.newsPanel:hover{  background: #fafafa; border: 1px solid #D7D5D5;color: #4E4C4C; text-decoration:none} **/

.panel{background:none;border: 1px solid #e1dee1;}
.panel:hover{background:#fafafa;border:1px solid #e1dee1;}
.catImages:hover {  background: #fafafa; border: 1px solid #a4a2a4;color: #4E4C4C; text-decoration:none}
.newsPanel:hover{  background: #fafafa; border: 1px solid #D7D5D5;color: #4E4C4C; text-decoration:none}
 
/***** AMENDS BY MARK AUG 2015 *****/
/*size of header contact icons */
.fa-envelope, .fa-phone-square{font-size:21px !important}

/* search box */
#collapseSearch .well{background:#444;border:1px solid #333;}


/* navbar-toggle */
.navbar-toggle {border-color: transparent;}
.navbar-toggle .icon-bar {background-color: var(--slate);}

.headerSearch, .headerCart {
    padding-top: 15px;
    font-size: 17px;
}

.dropdown-header{color:#a5509e}
.dropdown-menu{background:#fcfcfc}
.dropdown-menu>li>a, .dropdown-menu>li>a:visited {color:#555}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background:#f0f0f0;color:#555}
.dropdown-menu .divider{background-color:#f0f0f0}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color:#e93395}

.homepanel {background:#fff;text-align:center;margin-bottom:10px}
.date-disp-square-sm{background-color:#e93395;border:1px solid #e93395}

.newsH1 {padding:35px 0 15px 0; color: #fff}

/** Footer **/
.footerContainer { background:var(--sage); color: var(--text)}
#footer a:link, #footer a:visited {color:var(--text)}
#footer a:hover {color: var(--blush)}

#socialShare{margin-top:30px}
.mosaicflow__item {margin: 10px 10px 0px 0px;}

.galleryCell .panel, .galleryCell, .galleryCell .panel-default{height:250px;margin-bottom:18px}
.galleryCell img{max-height:220px}
#content{margin-top:20px}

@media (max-width: 768px) {
.tour { display:none}
}

#orderDetails .panel {background:#eee;}

.designButton .title {font-size:4rem;color:var(--slate);font-family:var(--headFont);font-weight:400;background:var(--white);position:relative;top:-20px;width:90%;margin:auto;letter-spacing:0px;box-shadow: 0px 0px 65px #0000002e;}
.designButton .price {
    background: var(--white);
    position: relative;
    width: 90%;
    margin: auto;
    top: -20px;
    padding-bottom: 10px;
    border-bottom:2px solid transparent;
}
.designButton:hover{background:none;}
.designButton:hover .price{border-bottom:2px solid var(--darksage);}
.leftExtras {display:none;}
.headSearch{display: none;}

#addEmail, #addTel, .fa-envelope, .fa-phone-square, .fa-phone {
    position: relative;
    top: 4px;
    right: 0px;
}

.tgfglogo {
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

/* ------------- GOOGLE REVIEWS PLUGIN CSS -------------- */
#map-plug {display:none;}
#google-reviews {display:flex;flex-wrap:wrap;/*display: grid;grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/}

.review-item {background: #f9f9f9;border: solid 1px #f0f0f0;margin:0 auto;padding:1em;margin-bottom:15px;width: 100%;border-radius: 10px;}

@media ( max-width:1200px) {
  .review-item {/* flex: 1 1 40%; */}
}

@media ( max-width:450px) {
  .review-item { flex: 1 1 90%; }
}

.review-meta, .review-stars {/* text-align:center; */font-size:90%;}
.review-stars {position: absolute;left: 130px;margin-top: -22px;}
.review-author {text-transform: capitalize;font-weight:bold;margin-right: 10px;margin-top: 10px;text-align: right;display: block;}
.review-author:before {display: block;content: "";position: absolute;left: 0;width: 87%;height: 1px;background: #e6e6e6;z-index: 1;margin-top: 10px;margin-left: 57px;max-width: 69vw;}
.review-author i {position: relative;background: #f9f9f9;padding-left: 20px;padding-right:20px;font-style: italic;z-index: 5;}
.review-date {opacity:.6; display:block;}
.review-text {line-height:1.55;margin:auto;margin-left: 34px;clear: none;margin-top: -27px;font-size:14px;}

.review-stars ul {display: inline-block;list-style: none !important;margin:0; padding:0;}
.review-stars ul li {float: left;list-style: none !important;margin-right: 1px;line-height:1;}
.review-stars ul li i {color: #E4B248;font-size: 1.4em;font-style:normal;}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }

.quote {display: inline-block;margin-top: 10px;height: 22px;background-image:url(../images/quotes.png);width: 28px;}

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

.footerContainer img[src="/upload/styles/images/prop.png"] {
    display:none;
}

#lyRecInst label {font-size:0px;}
#lyRecInst label::before {
    content:'Special Requests & Delivery Notes';
    display:inline-block;
    font-size:12px;
    line-height:15px;
}

/*** NEW STYLE AND COLOURS ***/
.content-container.page1, .page1 #info{padding-left:0px;padding-right:0px;}
.page1 #content{margin-bottom:0px;}
.topBarMessage{width:100%;background:var(--linen);padding:10px;text-align:center;position:relative;z-index:99;}
#customTop.container {background:none;height:0px;width:100%;}
.customHeaderIcons {
    display:flex;
    flex-direction:column;
    align-items:end;
    max-width:100%;
    margin:auto;
    padding:0px 30px;
    position:relative;
    top:45px;
    z-index:1;
}
.customHeaderIcons a {color:var(--text);}

.customHeaderIcons a:hover {color:var(--purple);}
.customHeaderIcons i {font-size:2.2rem;}
.socialIcons i, .shoppingIcon a {margin-right:15px;}
.headerWrap {display:flex;}
.headerWrapLeft {margin-right:auto;}

.mobile-nav{width:100%;margin-top:0px;list-style:none;background:var(--offwhite);padding:0px;text-align:center;margin-top:10px;}
.mobile-nav>li>a{display:block;border-top:none;border-bottom:1px solid #d6dee1;padding-bottom:8px;padding-top:8px;font-weight:400;text-transform:uppercase;}
.mobile-nav>li>a:hover, .mobile-nav>li>a:focus {background:#d6dee1;color:#fff}
#mobilenav a{color:var(--slate);}
#mobilenav .dropdow-menu a{color:var(--slate);}
#mobilenav a:hover{color:var(--purle);}

/** Footer **/
.footerTextAlign {text-align:center;display:none;}
.footerContainer .row img {display:none;}

#customBottom.container {padding-left:0px;padding-right:0px;width:100%;}

.customFooter {padding:1rem 0rem;padding-top:7rem;width:100%;max-width:1400px;margin-right:auto;margin-left:auto;padding-left:30px;padding-right:30px;color:var(--text);}
.customFooter h3 {font-size:1.4rem;color:var(--slate);font-weight:500;text-transform:uppercase;}
.customFooter a, .customFooterBot a {color:var(--text);}
.customFooter a:hover, .customFooterBot a:hover {color:var(--purple);}
.footerCol {font-size:1.3rem;}
.footerCol p {line-height:23px;margin-bottom:0.8em;}
.footerCol i{font-size:21px!important;right:0;margin-right:10px;}
.footLogo{display:inline-block!important;max-height:120px;}
.topFooter {
	border-bottom: 1px solid var(--slate);
    padding: 1rem;
    text-align: center;
    background: var(--navy);
    margin-top: 20px;
    color: white;
    font-family: var(--headFont2);
    font-size: 3rem;
}
.customFooterBot {border-top:1px solid var(--slate);padding-top:2rem;}
.customFooterBotCont {display:flex;flex-direction:row;justify-content:space-between;padding-bottom:1rem;font-size:1.2rem;
max-width:1400px;margin-right:auto;margin-left:auto;padding-left:30px;padding-right:30px;color:var(--text);}

.footerCards {margin-bottom:1rem;margin-top:0rem;display:flex;align-items:flex-end;width:100%;justify-content:flex-end;max-width:1400px;margin:auto;}
.footerCards img {max-width:200px;}

/** BANNER **/
.page1 .markZ {
    background-size:cover;
    background-position:center;
    height:70vh;
    margin-top:0px;
    position:relative;
}
.bannerStaticHeading {
    display:flex;
    align-items:flex-start;
    justify-content:center;
    height:100%;
    flex-direction:column;
    color:var(--text);
    background-color: transparent;
    background-image: linear-gradient(to right, #7b8769, #bfc9bc1a);
    text-align:center;
    padding:6rem 3rem;
    margin-top:0px;
}
.bannerLeft {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:500px;text-align:left;padding:5rem;font-size:1.7rem;color:var(--white);width:50%;}
.bannerLeft h2 {font-size: 11rem;font-weight:400;font-family:var(--headFont);letter-spacing:0px;margin-bottom:20px;color:var(--white);line-height:7rem;}
.bannerLeft p {margin-bottom:10px;font-size:2rem;}
.bannerLeft .btnArrow, .greenBar .btnArrow{min-width:180px;border:1px solid var(--navy);margin-right:20px;font-size:1.4rem;font-weight:500;text-transform:uppercase}
.bannerLeft .btnTrans{background:none;color:var(--white);border:1px solid var(--white);}
.bannerLeft a.btnArrow:hover{border-color:var(--purple);}
.bannerLeft a.btnTrans:hover{color:var(--navy);border-color:var(--white);background:var(--white);}
.homeBannerRight {height:100%;background-size:cover;background-position:center;}
.bannerBtns{margin-top:2rem;}
.bannerFeats{margin-top:3rem;width:80%;}
.bannerFeats .col{text-align:center;font-size:14px;}
.bannerFeats i{font-size:25px;}

/** PRODUCTS **/
.page1 .designsBlock{background:var(--offwhite);}
.page1 .pageDesigns{max-width:1300px;margin:auto;}
.panel-body{padding:0px 0px 10px 0px;background:none; border-radius: 3px;}
.designButton{height:auto;background:none;border:none;}
.designButton:hover{border:none;}
.designButton img {
    max-height: none;
    border-radius: 3px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    width:100%
}

.greenBar{background:var(--linen);padding:2rem 0rem 3rem; margin-top:3rem;}
.greenBarText{text-align:center;margin:auto;}
.greenBar h2{margin-bottom:10px;font-size:3rem;color:var(--slate);font-family:var(--headFont2);}
.greenBar .btn{float:right;position:relative;margin-top:-30px;}
#perfect{max-width:1300px;margin:auto;}
.perfectFlowers img{aspect-ratio:1 / 1;object-fit:cover;object-position:center;width:100%;}
.perfectFlowers h3 a{text-transform:uppercase;font-size:2rem;color:var(--text)}
.perfectFlowers .content:hover h3 a{color:var(--purple);}
.perfectFlowers h3 a:after{content:'';display:block;height:2px;width:30px;background-color:none;margin:auto;margin-top:10px;} 
.perfectFlowers .content:hover h3 a:after{background-color:var(--purple);}
 
 .pageHeader{margin-top:4rem;}
 .page1 .pageHeader{max-width:1300px;margin:auto;}
 .pageHeader p{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--darksage);font-weight:500;}

.homeIntro .row{margin-left:0px;margin-right:0px;}
.homeIntro .imgBlock{min-height:500px;background-size:cover;background-position:center;}
.homeIntro .col{padding-left:0px;padding-right:0px;}
.homeIntro .txtBlock{display:flex;flex-direction:column;height:100%;justify-content:center;padding:4rem;}
.homeIntro .pageHeader{margin:initial;}
.homeIntro .pageHeader h2{margin-bottom:1rem;}

#instaBlock{background:var(--linen);}
.instaFeed .row{margin:0px;}
.instaFeed .col{padding-left:5px;padding-right:5px;}
.instaFeed img{aspect-ratio:1 / 1.2;object-fit:cover;object-position:center;}

.pageGrid {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(8, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
margin:6rem auto;
}

.pageGridCont {grid-area: 3 / 1 / 8 / 5;padding:4rem;background: var(--sage);border-radius:3px;}
.pageGridCont h2 {font-size:3rem;}
.pageGridImage { grid-area: 1 / 4 / 10 / 9;background:var(--color4);border-radius:3px;background-size:cover;background-position:center;	}

.pageGrid2 {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(19, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
margin:6rem auto;
}

.pageGridCont2 {grid-area: 4 / 5 / 8 / 9;padding:4rem;background: var(--sage);border-radius:3px;}
.pageGridCont2 h2 {font-size:3rem;}
.pageGridImage2{ grid-area: 1 / 1 / 19 / 6;background:var(--color4);border-radius:3px;background-size:cover;background-position:center;}


.addressDataMobile a {color:var(--slate);}
.addressDataMobile a:hover {color:var(--purple);}

@media screen and (min-width: 992px){
    .columns{
        -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari and Chrome */
        column-count:3;
        width: 600px;
    }
    .productCol {
    	width: calc(100% / 3);
	}
}
.page1 .productCol{width:calc(100% / 4);}
.scriptFont{font-family:var(--headFont);}
.page1 .pageContTop{margin-left:15px;margin-right:15px;}

@media (max-width: 768px){
	.head-container{display:block;}
	#topNavContainer {position:relative;z-index:1;}
	.navbar-header {margin-top:60px;}
    #customTop.container {display: none;}
.datepicker-dropdown.dropdown-menu {max-height: auto;width: auto;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
 .equal {display:block;}
 .productCol {
    	width: calc(100% / 2)!important;
    	float:left;
    	padding:4px;
	}
 .page1 .panel-body{padding:0px 4px 10px 4px;}
 .homeIntro .imgBlock{min-height:300px;}
 .page1 .markZ{height:50vh;}	
 .bannerStaticHeading{padding:6rem 0rem;}
 .bannerLeft{padding:2rem;width:100%;}
 .bannerLeft h2{font-size:7rem;line-height:5rem;margin-bottom:10px;}
 .bannerFeats{width:100%;}
 .bannerLeft .btnArrow{min-width:auto;font-size:1.2rem;margin-right:5px;}
 h1,h2{font-size:30px;}
 .greenBar h2{font-size:2rem;}
 .topFooter{font-size:2rem;}
 .customFooter{padding-top:2rem;}
 .footerCards{justify-content:center;}
 .pageGrid{display:block;}
 .pageGridImage{min-height:300px;}
 .customFooterBotCont {display:block;padding-left:0px;padding-right:0px;}
}