@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&display=swap');
@font-face {
    font-family: 'brandongrotw01-lightregular';
    src: url('../upload/files/fonts/brandon_grot_w01_light-webfont.woff2') format('woff2'),
         url('../upload/files/fonts/brandon_grot_w01_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandongrot-bold';
    src: url('../upload/files/fonts/HvDTrial_BrandonGrotesque-Bold.woff2') format('woff2'),
         url('../upload/files/fonts/HvDTrial_BrandonGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'brandongrot-med';
    src: url('../upload/files/fonts/HvDTrial_BrandonGrotesque-Medium.woff2') format('woff2'),
         url('../upload/files/fonts/HvDTrial_BrandonGrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'brandongrot-reg';
    src: url('../upload/files/fonts/HvDTrial_BrandonGrotesque-Regular.woff2') format('woff2'),
         url('../upload/files/fonts/HvDTrial_BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.fa {font-family: 'FontAwesome'!important;font-weight:300!important;}
html {
	overflow-x: hidden;
	scroll-behaviour: smooth;
}

:root {
	--primaryColor: #8b8b8b;
	--secondaryColor: #d8d8d8;
}

body {font-family: 'brandongrotw01-lightregular';font-size: 16px;color:#777;}
a{color:#5c8c9a;}

/** NAV **/
.head-container {
    box-shadow: 0px 0px 15px #8f8e8e12;
    background:#edf1f2;
}
#topNavContainer{padding-left:0px;padding-right:0px;border-bottom:1px solid #e2e2e27d;background:#edf1f2;}
.navbar-default{background:#edf1f2;}
.navbar-header{margin-top:35px;}
.navbar-nav {
    border: none;
    margin-top:-10px;
}
.navbar-default .navbar-nav>li>a {
font-weight:400;
font-family:'Playfair Display', serif;
color:#838383;
}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color:#28474f;
}
.addressData a, .addressData a:visited {color:#838383;}
.addressData a:hover{color:#28474f;}

/** LOGO **/
.navbar-brand > img {
    max-height: 140px;
}


/** BANNER **/
.owl-carousel img {
    width: 100%;
    max-height:480px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


/** HOME PAGE **/
.page1 .owl-carousel.owl-loaded {
margin-bottom:0px;
}
.page1 #contentContainer,
.page1 #info, .page5 #contentContainer {
    width: 100%;
    padding: 0;
    margin: 0;
}
.page5 .pageContTop{
	max-width:1100px;
	margin:auto;
}
.page1 #content{margin-top:0px;}
.homeTextIntro{
padding:8rem;
max-width:1200px;
margin:auto;
}
.midBanner {
    background: var(--secondaryColor);
    padding: 40px;
    margin-bottom: 0px;
}
.midBanner h3{font-size:4em;margin-bottom:14px}
.midBanner .photoBlock p{margin-bottom:0px;}
.midBanner .btgrid {
    max-width: 1200px;
    margin: auto;
}

.midBanner .btgrid .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size:16px;
}
.weddingContainer {
        background-size:cover;
        background-position:50% 80%;
        height:550px;
}
.weddingBlock {
        display:flex;align-items:center;
        justify-content:center;
        flex-direction:column;
        height:550px;
        text-align:center;
        background:#3d585c5c;
}
.weddingBlock h2 {color:#fff;font-weight:400;font-size:6em;margin-bottom:15px;}
.weddingBlock p {color:#fff;font-size:2rem;font-weight:300;}

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



.instaGrid {
	padding:2em;
    text-align: center;
    margin: auto;
}

.instaGrid img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}


/** HOME PANELS **/
.homePanelRow {
    padding: 20px;
}

.homeCard img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.homeCardText {
    text-align: center;
    font-size: 2rem;
}


#leftNavigator {
    display: none;
}

.contentLeft {
    width: 100%;
}

h1{
color:#7e8e93;
font-family:'Corinthia',cursive;
font-weight:400;
font-size:4em;
margin-bottom:14px;
}
h2{
color:#7e8e93;
font-family:'Corinthia',cursive;
font-weight:400;
font-size:3.5em;
margin-bottom:0px;
}
h3{
color:#7e8e93;
font-family:'Corinthia',cursive;
font-weight:400;
font-size:3em;
margin-bottom:0.1em;
}
h4{
color:#7e8e93;
font-family:'Playfair Display', serif;
text-transform: uppercase;
}
.btn-primary {
    background: #7e8e93;
    color: #fff;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    font-weight: 400;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active{background:#28474f;} 
.btn-large{    
	padding: 1em;
}

/** PRODUCTS **/
.designButton img,
.catImages img,
.promotionPanel img, .wedPics img {
    width: 100%;
    height: auto;
	aspect-ratio: 1 / 1;
    max-height: none;
    object-fit: cover;
    transition: .7s;
    z-index: 1;
}
.wedPics .col{padding-left:8px;padding-right:8px;}

.designButton,
.catImages,
.promotionPanel {
    height: auto;
    max-width: none;
    margin: 25px auto;
    border: 1px solid #e7e7e7;
    background: 0 0;
}

.catImages .img-responsive {
    max-height: none;
}

.designButton:hover,
.catImages:hover,
.promotionPanel:hover, .designButtonX:hover {
border:1px solid #c7c7c7;
background:#fff;
}

.designButton:hover img,
.catImages:hover img,
.promotionPanel:hover img {
    scale: 1.2;
	z-index: 1;
}

.designButton .panel-body,
.catImages .panel-body,
.promotionPanel .panel-body {
    margin: 15px;
    padding:0px;
	overflow: hidden;
}

.designButton .title,
.promotionPanel .title,
.catImages h2 {
  color:#777;
    font-weight: 400;
    z-index: 10;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 10px;
    font-family:'Playfair Display', serif;
    text-transform:uppercase;
}

.designButton .price {
	background: #fff;
	z-index: 2;
	position: relative;
	color:#777;
}

.designList {
    max-width: 1300px;
    margin: auto;
}


.promotionPanel .title {
    margin-top: 0 !important;
    font-size: 1.6rem !important;
}

.promotionPanel .title strong {
    font-weight: 500;
}

.catImages,
.designButton {
	height: auto;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.catImages,
	.designButton {
		margin-bottom: 60px;
	}
}

.catImages:hover,
.designButton:hover {

}

.designPrices {
    background: none;
    font-size: 1.6rem;
	border: none;
}

.catImages .panel-heading {
    background: #fff;
    z-index: 10;
    position: relative;
} 


/** FOOTER **/
#footer {
    display: none;
}

#customBottom,
.footerContainer {
    width: 100%;
    padding: 0;
    margin: 0;
	background: none;
}

.footerBottom {
    background: #fff;
	padding: 20px;
	max-width: 1200px;
	margin: auto;
}

.footerBottom p {
    text-align: center;
    font-size: 1.6rem;
}

.footerCustomContainers {
    background: #edf1f2;
	padding: 20px;
}

.footerCustomContainers .row {
	max-width: 1200px;
	margin: auto;
}
.footerCustomContainers h3{
	font-family:'Corinthia', cursive;
	text-transform:lowercase;
	padding-bottom:15px;
	border-bottom:1px solid #d9e0e2;
	font-size: 3.4em;
	color:#7e8e93;
	margin-bottom:.4em;
}
.footerCustomContainers p{
	color:#999;
}

.footerBottom ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.footerBottom li:after {
    content: ' - ';
    margin: 0 5px;
}

.footerBottom li:last-of-type:after {
    display: none;
}

#customBottom p{
	color: #999;
}
#customBottom a {
	color: #7e8e93;
}
#customBottom a:hover {
	color: #28474f;
}



.footerBottom a,
.footerBottom li:after,
.footerBottom p {
    color: var(--primaryColor);
}

span.faCustom {
    font-size: 3rem;
    gap: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
}
.markZ {
  height:500px;
  background-position:50% 18%;
  background-size:cover;
}
.instaGrid h3{
	font-size:3.4em;
	margin-bottom:0px;
}
.homePanelText {
    z-index: 999;
    display: block;
    position: absolute;
    bottom: 35px;
    background: #a1a1a1ab;
    color: #f3efd1;
    padding: 10px 15px;
    font-family:'Playfair Display', serif;
    font-size:14px;
    text-transform: uppercase;
    width:90%;
}
.homePanelText p{margin:0px;}
.designButton .content{overflow:hidden;}
.designButton .content p{margin-bottom:0px;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color:#28474f;background:none}
.dropdown-menu>li>a {font-family:'Playfair Display', serif;text-transform:uppercase;}
.dropdown-menu>li>a, .dropdown-menu>li>a:visited {
    color: #a7a7a7;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color:#28474f;}
.dropdown.page2 li.page2{display:none;}
.dropdown.page26 li.page26{display:none;}
#info>h1{text-align:center;}

#addTel span{font-size:14px;}

.mapSquare h2{font-family:'Playfair Display', serif;text-transform:uppercase;font-size:1.2em;}

.page41 .catOccasions>h2{display:none;}
.page2 .designButton{border:none;}
h2#catDesign23{display:none;}

footer strong, footer b{font-family:'brandongrot-med';}

.telToOrderLabel, .price.telToOrderLabel{display:none;}

@media (max-width: 768px) {
    .productCol, .designButton, .instaGridSq, .wedPics .col {
        width: calc(100% / 2);
        float: left;
		padding-left:4px;
		padding-right:4px;
    }
	 .productCol .panel-body{padding:8px;}
}