@import url(https://fonts.googleapis.com/css?family=Josefin+Slab);

body {background: #fff; color: #555; font-size:17px}
.footerContainer {background:#fff}
.head-container {border-bottom: 0px solid #5c604d;background:#fff;box-shadow:0px 0px 0px 0px #000}
.navbar-header {margin-top:15px; margin-bottom:-25px}

h1, h2, h3, h4, h5, h6 {color: #444; font-family:'Josefin Slab', serif; font-weight:700}
.cartHeader, .confirmTell, #footer dt {color: #444; font-family:'Josefin Slab', serif; font-weight:700}

.addressData a, .addressData a:visited {color:#555;}
.addressData a:hover{color:#8fb46a}

a {color: #8fb46a} 
a:hover, a:focus {text-decoration:none; color: #444;}

/** FOOTER **/
#footer a:link, #footer a:visited {color:#555}
#footer a:hover {color: #8fb46a;}
.footerSocial {min-width:90px}

/** TOPNAV **/
.navbar-default .navbar-nav>li>a {font-family:'Open Sans'; color: #555; font-size:17px; text-transform:uppercase}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #8fb46a}
.navbar-nav {border-top: 0px solid #DADADA; border-bottom: 0px solid #DADADA;list-style:none;text-align:center }
.navbar-right {margin-bottom:-10px}

/** LEFT NAV **/
.catNavigator dt {color:#444; font-family:'Josefin Slab', serif; font-weight:700}
.catNavigator dd, .catNavigator a:link, .catNavigator a:visited { color:#555; padding-bottom:5px}
.catNavigator a:hover, .catNavigator a:focus, .catNavigator a.current { color: #8fb46a; text-decoration:none}

/** PANELS **/
.panel{background: #fcfcfc;border: 1px solid #dadada;color:#555; border-radius:0px;}
.promotions .panel {min-height:370px;}
.designButton {min-height:330px}
.panel:hover{background:#fcfcfc;border:1px solid #000;}
.designButton:hover, .designButton:focus, .designItems, .catImages:hover {  background: #fcfcfc; border: 1px solid #000;color: #555; text-decoration:none}
.newsPanel:hover{  background: #fcfcfc; border: 1px solid #000;color: #555; text-decoration:none}
.panel-heading h2 {color:#555;}

/** TO FORCE IMAGES TO FULL WIDTH IN PRODUCT PANELS
.designButton .panel-body img, .promotionPanel img{width:250px;height:216px;object-fit:cover;object-position:50% 50%}
.designButton .panel-body img, .catImages .panel-body img{width:250px;height:216px;object-fit:cover;object-position:50% 50%} **/

/** BUTTONS **/
.btn-primary{background:#555; color: #fff; border-radius:0px}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active, .btn-primary:active:focus,.btn-primary.active.focus{background:#000;color:#fff;} 
.btn-default{background:#000;border:0px solid #474949;color:#fff; border-radius:0px;}
.btn-default:hover{background-image:none;background:#555;border:0px solid #676666;color:#fff;}

/** MOBILE NAV **/
.mobile-nav{width:100%;margin-top:0px;list-style:none;background:#fff;padding:0px;text-align:right;margin-top:10px;}
.navbar-toggle {border:1px solid #555}
.navbar-toggle:focus, .navbar-toggle:hover {background:#8fb46a}

/**** MARKS TWEAKS FOR v65 BUGS ****/
.socialHead i {padding-right: 12px;}
.catImages, .designButton{height:300px}
.newsPanelHeight{min-height:240px}
.navbar-right .dropdown-menu {left:0;top:33px}
.headerSearch, .headerCart, .headerEmail, .headerTel{text-align:center;padding-top:12px;font-size:16px}
.headerSearch, .headerCart{padding-top:16px}
.navbar-toggle{margin-top:4px}
.addressDataMobile .col-xs-2{width:20%}
.addressDataMobile a{color:#555;}
.addressDataMobile a:hover{color:#cc3a8d;}
.pageMap{margin-top:20px}
#content{margin-bottom:30px}
.owl-carousel{margin-bottom:20px}
.addressData-right .fa{margin-right:8px}
#mobilenav a{color:#555}
#mobilenav a:hover{color:#cc3a8d}
#mobilenav .adminButton a{color:#fff;}
#mobilenav .adminButton{margin-right:10px}
.pageGallery h1{display:none;}
.loginFormControl{height:45px;padding-top:10px}
@media (min-width: 992px){
#detailLeft p{height:400px;width:400px;overflow:hidden;text-align:-webkit-center}
#detailLeft p img{object-fit:cover;object-position:50% 50%;}
}
@media (max-width: 768px){
.dropdown-menu {max-height: 400px;width: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
}
.owlDiv img{max-width:100%}

/**** admin text editor window ****/
.cke_show_borders {background:#fff}

/** Footer bootstrap **/
.Billy1 {background:url(/upload/mt/phf144/images/background.jpg) no-repeat; width:100%; padding-top:20px}
.Billy1 .row {padding-right:10px; padding-left:10px}
.Billy1 .content img {:15px; moz-box-shadow: 0px 0px 10px #8c8989;-webkit-box-shadow: 0px 0px 10px #8c8989;box-shadow: 0px 0px 10px #8c8989;}

/** panels bootstrap **/
.btgrid {margin-bottom: 20px}
.labelBanner {background:url(/upload/mt/phf144/images/backgroundPanel.jpg) no-repeat top; text-align:center; background-size:cover ;font-family:'Josefin Slab', serif; padding-top:19px; padding-bottom: 1px;  margin-bottom:20px}
.labelBanner a {color:#fff; font-weight:700; letter-spacing: 2px; background:#b29389; padding-top:10px; padding-bottom:5px; padding-right:10px; padding-left:10px}
.labelBanner a:hover, .labelBanner a:focus {color:#fff;font-size:20px; font-weight:700}

/** newspanels **/
.newsTitle a {color:#444}
.newsTitle a:hover, a:focus {color:#cc3a8d}
.newsPanelHeight {border-radius:0px}
.newsPanelHeight:hover {border: 1px solid #000}

/***** QUOTES FOR TESTIMONIALS *****/
blockquote {font-size: 17px;font-style: italic;margin: 0.25em 0;padding: 1.35em 60px;line-height: 1.45;position: relative;color: #555;margin-top:0px;margin-bottom:40px;background:#e2d3ce;border-radius:6px;border:0px;}

blockquote:before {display: block;padding-left: 20px;content: "\201C";font-size: 90px;font-family:serif;position: absolute;left: -20px;top: -10px;color: #555;}
blockquote:after {display: block;padding-left: 20px;content: "\201D";font-size: 90px;font-family:serif;position: absolute;right: 15px;top: -10px;color: #555;}

@media (max-width: 845px){
.navbar-collapse.collapse {display:none!important}
.navbar-toggle{display:inline-block!important}
.noPadding {display: block!important;}
.page-header{display:none;}
.navbar-header { margin-top:40px; margin-bottom:-10px}
}

/*** PRODUCT FONT SIZE INCREASE - SEPT 2019 ***/
#detailRight p, #detailRight span, .catDesc p, .catDesc span{font-size:17px!important}


/*** HACKED WEDDING FORM ***/
.page25 #contactInputs .form-group:nth-child(14) label{visibility:hidden;font-size:1px;}
.page25 #contactInputs .form-group:nth-child(14) label:after{content:'What is your colour palette:';font-size:12px;visibility:visible}
.page25 #contactInputs .form-group:nth-child(15) label{visibility:hidden;font-size:1px;}
.page25 #contactInputs .form-group:nth-child(15) label:after{content:'Who is your wedding photographer:';font-size:12px;visibility:visible}
.page25 #contactInputs .form-group:nth-child(16) label{visibility:hidden;font-size:1px;}
.page25 #contactInputs .form-group:nth-child(16) label:after{content:'Describe your style: \A (image and theme):';font-size:12px;visibility:visible;white-space: pre-wrap;line-height:16px;}
.page25 #contactInputs .form-group:nth-child(17) label{visibility:hidden;font-size:1px;}
.page25 #contactInputs .form-group:nth-child(17) label:after{content:'How did you hear about us: \A (Social media/friends/family/internet search/other)';font-size:12px;visibility:visible;white-space: pre-wrap;line-height:16px;}

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


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

.owl-carousel .owlCustom,
.markB2 .owlCustom {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	top: 0;
}

.bannerText {
    text-align: center;
    padding: 20px;
}

.bannerText h1 {
    color: #fff;
    font-size: 5rem;
    text-shadow: 0 0 10px #000;
	margin: 0;
}

.bannerText .socialHead a {
    color: #fff;
    text-shadow: 0 0 10px #000;
}

.bannerText .socialHead {
    margin-top: 15px;
}

.bannerText #addTel a {
    font-size: 2rem;
    color: #fff;
}