@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.fa {font-family: 'FontAwesome'!important;font-weight:300!important;}
:root {
	/**--colorPrim: #184642;**/
	--colorPrim: #171157;
	--colorSec: #ffb2c8;
	--colorTert: #333;
	--colorQuad: #89c240;
	--colorLink: #ef6b91;
	--colorBG: #ffeded;
	--fontSansSerif: 'Outfit', sans-serif;
	--fontSerif: 'Playfair Display', serif;;
}

body {
	font-family: var(--fontSansSerif);
	font-size: 1.6rem;
    background: var(--colorBG);
}

p {
	font-family: var(--fontSansSerif);
}

a {
	color: var(--colorLink);
}

a:hover {
	color: var(--colorPrim);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--fontSerif);
	color: var(--colorPrim);
}


/** BUTTONS **/
.btn {
    padding: 10px 15px;
    border-radius: 0;
}

.btn-primary {
    background: var(--colorPrim);
    border-radius:4px;
}

.btn-primary:hover {
    background: var(--colorLink);
}


/** NAV TOP **/
.topnav-container,
.navbar-default,
#headContainer {
    background: none;/**var(--colorPrim);**/
}
#customTop.container{background:none;}
#headContainer{background:var(--colorPrim);}
.socialHead i.fa{
background: white;
    padding: 8px;
    border-radius: 100px;
    width: 37px;
    text-align: center;
}
.socialHead .fa-instagram{margin-left:8px;}
.socialHead i.fa:hover{color:var(--colorPrim);}
#topNavContainer {
	margin-top:-50px;
    padding: 0;
    z-index: 100;
    width: 100%;
	top: 0;
	background:url('/upload/mt/pwf170/upload/files/images/top-bg-big.png');
	background-color: var(--colorPrim);
    background-position: -100px center;
    background-repeat: no-repeat;
}

#topNavContainer:after {
    content: 'Hand delivered Monday to Saturday throughout Mallow & the surrounding area';
    margin: auto;
    background: var(--colorSec);
    width: 100%;
    color: var(--colorPrim);
    font-size: 2rem;
    padding: 10px;
    text-align: center;
    text-transform:uppercase;
    letter-spacing:1px;
}

.addressData a,
.addressData a:visited {
	color: var(--colorSec);
}

.addressData .socialHead a,
.addressData .socialHead a:visited {
	color: var(--colorPrim);
}



.addressData a:hover {
	color: #fff;
}
.socialHead i {
    padding-right: 8px;
    padding-top: 7px;
}
.addressData-right .fa {
    margin-right: 8px;
}
/** LOGO **/
.navbar-brand > img {
    max-height: 120px;
}

.navbar-header {
	margin-top: 0px;
}

.navbar-brand {
    width: auto;
    float: right;
    margin: 0;
}

.navbar-right {
    float: right;
    width: auto;
    margin-top: -30px;
    border: none;
    margin-bottom:20px;
    box-shadow: 0px 0px 20px #184542;
}

@media (max-width: 767px) {
    .navbar-brand {
        float: none;
    }
}


/** NAV BAR 
.navbar-default .navbar-nav > li > a:before {
    content: '-';
    margin: auto 10px;
    color: var(--colorSec);
} **/

.navbar-default .navbar-nav > li:first-of-type a:before {
    display: none;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a.current {
    padding: 8px 15px;
    font-size: 1.6rem;
    color: #fff;
    text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a:hover{color:var(--colorLink);} 

.navbar-nav{    
	background: var(--colorPrim);
	padding:5px;
    border-radius: 20px;
}
.navbar-nav li.page2 a{background:#ef6b91;border-radius:4px;}
.navbar-nav li.page2 a:hover{background:#36823d;color:#fff;}



/** BANNER **/
.markZ,
.owl-carousel {
    padding: 0px;
    background: var(--colorBG);
}
.owl-item .item{background-size:cover;background-position:50% 50%}
.customBanner img {
    width: 100%;
    object-fit: cover;
    height: 66vh;
    min-height: 40vh;
    margin: 20px auto;
}

.bannerText {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
    /** background: rgb(51 51 51 / 25%); **/
}
.bannerText h1, .bannerText p {
    color: white;
    text-shadow:4px 4px 10px #000;
}

.bannerText h1 {
	font-size: 6rem;
	margin-bottom: 20px;
}

.bannerText h2 {
    font-size: 4rem;
    margin-bottom: 10px;
}

.bannerText p {
	margin-bottom: 10px;
	font-size: 2rem;
}


/** PAGE **/
#contentContainer {
    background: var(--colorBG);
width:100%;
max-width:1400px;
}

.page1 #contentContainer{max-width:100%}

body:has(.markZ) #contentContainer,
body:has(.owl-carousel) #contentContainer {
    margin-top: 0px;
}


/** HOMEPAGE **/
.revLeft .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px 40px;
}

.revLeft p {
    font-size: 3rem;
}

.revLeft span {
    font-size: 2rem;
}

.revRight {
    font-size: 2rem;
}

.revLeft,
.revRight {
    height: 100%;
    margin: 40px 0;
}

@media (min-width: 992px) {
    .aboutUsRow {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}


/** PRODUCTS **/
.pageDesigns,
.catSelection {
    max-width: 1400px;
    margin: auto;
    padding: 0 40px;
}

.designButton,
.catImages {
    height: auto;
    transition: 0.2s;
}

.designButton img,
.catImages img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    max-height: none !important;
    height: auto;
}

.designButton .title,
.designButton .price,
.catImages .panel-heading h2 {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--colorPrim);
}
.panel-heading h2{font-family:var(--fontSansSerif);
}
.designButton,
.designButton:hover,
.catImages,
.catImages:hover {
    border: 1px solid var(--colorSec);
    border-radius: 0;
}

.designButton:hover,
.catImages:hover {
    background: var(--colorSec);
}


/** LEFT HAND MENU **/
.catNavigator dt {
	color: var(--colorPrim);
}

.catNavigator dd,
.catNavigator a:link,
.catNavigator a:visited {
	color: var(--colorSec);
}

.catNavigator a:hover,
.catNavigator a:focus,
.catNavigator a.current {
	color: var(--colorPrim);
}


/** MOBILE NAV IMPROVEMENTS **/
.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;
}

/** MOBILE NAV OPEN/CLOSE ANIMATION **/
.navbar-toggle .icon-bar:nth-child(2) {
	transform: translate(0, 10px) rotate(-45deg);
}

.navbar-toggle .icon-bar:nth-child(4) {
	transform: translate(0, -2px) rotate(45deg);
}

.navbar-toggle .icon-bar:nth-child(3) {
	opacity: 0;
}

span.icon-bar {
	transition: 0.4s;
}

.navbar-toggle.collapsed .icon-bar:nth-child(2) {
	transform: none;
}

.navbar-toggle.collapsed .icon-bar:nth-child(4) {
	transform: none;
}

.navbar-toggle.collapsed .icon-bar:nth-child(3) {
	opacity: 1;
}
#mobilenav a {
    color: var(--colorSec);
}
#mobilenav .adminButton a {
    color: #555;
}
#mobilenav .adminButton a:hover {
    color: #fff;
}
/** FOOTER **/
.footerContainer,
.footerContainer .container {
    background: var(--colorPrim);
}
.footerContainer{padding-left:0px;padding-right:0px;}
.footerContainer .container {
    width: 100%;
}

#customBottom {
    padding: 0;
}

#customBottom .footerTop {
    background: var(--colorSec);
    color: var(--colorPrim);
    padding: 10px;
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footerIntro {
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
}

.footerIntro .container {
    padding: 40px;
}

.footerIntro h2 {
    color: #fff;
    font-size: 3rem;
}

#footer dt,
#footer dd,
#footer a {
    color: #fff !important;
}

#footer a:hover {
	color: var(--colorSec) !important;
}

footer img[src="/upload/styles/images/footer.png"] {
    content: url(/upload/mt/pwf170/images/footercard_paypal_white.png);
}
.designPrices{background:none;border-radius:8px;border:1px solid var(--colorSec);}
.content-container.page1{width:100%}
.btnBack{border-radius:4px;background:#fff;}
.btnBack:hover{background:#333;color:#fff;}
.btn{font-weight:500;}
.btn-default{background:#fff;border-radius: 4px;}
.btn-default:hover{background:#555;color:#fff;}
.page1 .btn-primary{
font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    }

#leftNavigator{display:none;}
.contentLeft{width:100%;}
#info>h1{text-align:center;}
.navbarTop {
    position: fixed;
    top: 0;
    left: 0px;
    background: #184542!important;
    width: 100%;
    padding: 10px 25px;
    margin: auto;
    animation: fadeIn 1s;
    z-index: 10;
    border-radius:0px;
}

.navbarTop .dropdown-menu {
    top: 44px
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}
.highlight{background:#fff;}
.reminderForm{margin-bottom:6rem;background:#fbe1de;}

.wedBlock1{
    padding: 20px;
    border-radius: 10px;
    background: var(--colorLink);
    min-height:640px;
    color:#fff;
}
.wedBlock2{
    padding: 20px;
    border-radius: 10px;
    background: var(--colorSec);
    min-height:640px;
    color:#333;
}
.wedBlock1 hr, .wedBlock2 hr{border-color:#fff;}

/** larger product image on page **/
.splide.is-initialized, .splide.is-rendered {
    max-width: 580px!important;
}
.mainImage{max-width:580px!important;max-height:580px!important;}
.splide__slide img {
    width: auto !important;
    max-width: 580px !important;
}
.addressDataMobile a {
    color: var(--colorSec);
}
.addressDataMobile a:hover {
    color: #fff;
}
.navbar-toggle {border-color: #fff;border:none;}
.navbar-toggle .icon-bar {background-color: var(--colorSec);}
.navbar-toggle .icon-bar:hover {background-color:#fff;}
.navbar-toggle:hover .icon-bar{background-color:#fff}

.headerSearch, .headerCart {
    padding-top: 13px;
}

.fadeText img{opacity:.5}
.fadeText .bannerText{justify-content:center;}
.fadeText .bannerText p, .fadeText .bannerText h2{color:#184542}

.footerIntro a:hover{color:#fff;}

.navbar-right{float:left!important;}

.sloganBar{background:#9bc89d /** #69cad3**/;
    color: #fff;
    font-size: 4rem;
    font-family: var(--fontSerif);
    padding: 4rem 0rem;
    text-align: center;
    background:url('/upload/mt/pwf170/upload/files/images/top-bg-big.png');
    background-repeat: no-repeat;
	background-color: #9bc89d;
    background-position: -200px center;
    text-shadow:0px 0px 10px var(--colorPrim);
    border-radius:8px;
    }
.sloganBar a{background:var(--colorLink);text-shadow:none;font-family:var(--fontSansSerif);}
.sloganBar a:hover{background:#36823d;}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    font-family: 'fontAwesome';
    display:block!important;
    color:#fff;
    text-shadow:0px 0px 10px #000;
}
.owl-carousel .owl-nav .owl-prev:before{
    content: "\f053";
    margin-left:10px;
    font-size:2.5rem;
}
.owl-carousel .owl-nav .owl-next:after{
    content: "\f054";
    margin-right:10px;
    font-size:2.5rem;
}
 
.owl-carousel .owl-nav .owl-prev {
    position:absolute;
    left:0;
    font-size:0px;
    top:0;
    background:#00000000;
    height:100%;
    padding:20px;
    align-content: center;
   transition: all .3s ease-in-out;
   opacity:0.5;
}
.owl-carousel .owl-nav .owl-prev:hover{
	background:#00000040;
	opacity:1;
} 
.owl-carousel .owl-nav .owl-next {
    position:absolute;
    right:0;
    font-size:0px;
    top:0;
    background:#00000000;
    height:100%;
    padding:20px;
    align-content: center;
    transition: all .3s ease-in-out;
    opacity:0.5;
}
.owl-carousel .owl-nav .owl-next:hover{
	background:#00000040;
	opacity:1;
} 

.homePanelText2 {
    position: absolute;
    top: 0;
    left: 10%;
    height: 100%;
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    pointer-events: none;
    text-align: center;
    flex-direction: column;
}
.homePanelRow img {
	filter: brightness(.8);
	margin-bottom: 15px;
}

.homePanelRow img:hover {
	filter: brightness(1);
	transform: scale(1.1);
}

.homePanelRow h3 {
    margin: 0;
    color: #fff;
    filter: drop-shadow(2px 2px 10px #000000)
}

.homePanelText2 h3 {
    color: white;
    text-shadow:0px 0px 20px #000;
}

.homePanel2 {
    height: 340px;
    overflow: hidden;
    margin: 30px 0px;
    box-shadow: 10px 10px 10px #00000024;
}

.homePanel2 img {
    height: 340px;
    width: 100%;
    object-fit: cover;
	transition: all .3s ease-in-out;
	opacity: .85;
	object-position: center;
}

.homePanel2 .btn {
    background: none;
    border: 1px solid white;
    margin-top: 20px;
    transition: .5s;
    border-radius: 0;
    color: white;
    text-shadow:0px 0px 20px #000;
}

.homePanel2:hover .btn {
    background: var(--darkGreen);
    color: #fff;
	border-color: var(--darkGreen);
}

.recipAddress .pc, .custPc{display:none;}
#lyRecPostCode label{font-size:0px;}
#lyRecPostCode label:after{content:'Eircode *';font-size:12px;padding-top:7px;display:block;}
#lyRecTel label:after{content:' *';}

#footer .footerSocial{max-width:100%;text-align: center;}
.delInfo{margin-top:4px;margin-bottom:25px;display:none;}
.orderSummary .delInfo{display:block;}

/*** COMPARING CHANGES OCT 2025 **/
/**.page2 .productCol .panel-body{padding:0px 0px 10px 0px;}
.page2 .designButton{border:1px solid transparent;background:none;}
.page2 .designButton:hover{border:1px solid var(--colorSec);} **/
#topNavContainer{background-color:#171157}
.navbar-nav{background:#171157;}
.navbar-right{box-shadow: 0px 0px 20px #171157;}
.navbarTop{background:#171157!important;}
.footerContainer, .footerContainer .container {
    background: #171157!important;
}

/** temp nav bar colours **/
 #topNavContainer .container-fluid, .navbar-collapse{padding-left:0px;padding-right:0px;}
 .navbar-right{margin-top:-5px;width:100%;background:#9bc89d;border-radius:0px;box-shadow:none;margin-bottom:0px;}
 .navbar-nav li a:hover{color:#c0162a;}
.navbar-nav li.page2 a:hover{background:#36823d;color:#fff;}
 .navbarTop{background:#9bc89d!important;}

.delBanner{background:var(--colorPrim);color:#fff;margin-top:3rem;}
.delBanner .revLeft{background: url(/upload/mt/pwf170/upload/files/images/flower-van.jpg);
    background-position:center;background-repeat:no-repeat;background-size:cover;margin-top:0px;margin-bottom:0px;height:550px;}
.delBanner a:hover{color:#fff;}
.homeTextBoxes .content{min-height:240px;padding:20px;border:1px solid var(--colorPrim);border-radius:6px;box-shadow:4px 4px 0px var(--colorPrim);}

.floristBanner{height:70vh;padding-left:5em;align-items:flex-start;}
.page1 .markZ{background-position:right;background-size:cover;}

.addressData .socialHead a:hover {
	color: #86bf41!important;
	}

@media (max-width: 992px) {
#headContainer{position:fixed;top:0;left:0;right:0;z-index:99;}
#topNavContainer{margin-top:50px;}
.navbar-toggle {display: block;}
.navbar-nav{display:none;}
.navbar-brand{float:none;}
.page-header{display:none;}
.head-container .hidden-sm{display:block!important;}
}
@media (max-width: 768px) {
    .productCol, .catSelection .col-sm-6 {
        width: calc(100% / 2);
        float: left;
		padding-left:4px;
		padding-right:4px;
    }
	 .productCol .panel-body, .catImages .panel-body{padding:8px;}
	 .pageDesigns, .catSelection, .contentFull {padding:0px}
	 #topNavContainer:after {
	 	font-size:1.2rem;
	 }
	 .bannerText h1, .bannerText p{
	 	text-align:left;
	 }
	 .bannerText h1{
	 	font-size:2.5rem;
	 }
	 .bannerText p{
	 	font-size:1.5rem;
	 	line-height:18px;
	 }
	 .bannerText{
	 	height:45vh;
	 	width:100%;
	 	background:#1711572e;
	 }
	 .delBanner .revLeft{
	 	height:300px;
	 }
	 .revLeft p{
	 	font-size:2rem;
	 }
	 .homeTextBoxes .content{
	 	margin-bottom:20px;
	 }
	 .homeTextBoxes .btn-primary{
	 	font-size:12px;
	 }
	 .floristBanner{
	 	padding:2rem!important;
	 	align-items:flex-start;
	 }
	 #topNavContainer {
	 	background-position:-600px;
	 }
	 .navbar-header{
	 	float:right;
	 	margin-right:30px;
	 }
	 .navbar-brand > img{max-height:100px;}
	 .floristBanner .btn-primary{
	 	font-size:12px;
	 }
	 .sloganBar{
	 	background-position:-500px 90px;
	 	font-size:3rem;
	 	padding:3rem 0rem;
	 }
	 .sloganBar .btn-primary{
	 	font-size:12px;
	 }
	 .revRight{
	 	font-size:1.5rem;
	 }
	 .wedPriceBlocks .content{
	 	margin-bottom:20px;
	 }
	 .splide__slide img {
	 	max-width:100%!important;
	 }
}





.orderSummaryText {background: #ffeded;border: 1px solid #555555;}
.orderSummaryText .items {border-bottom: 1px solid #555555; }
.orderSummaryText .lineitem {border-bottom: 1px solid #555555;}
.orderSummaryText .header {color: #111;}

.breadcrumb {background-color: #555555;color:#fff}
.breadcrumb>.active {color:#fff;}
.paymentSectionDate, .paymentSectionItems, .paymentSectionDelAd, .paymentSectionDelName {background: #ffeded;border: 1px solid #555555;}