/*
 Theme Name:     Joe Walkling Child theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Child Theme
 Author:         Joe Walkling
 Author URI:     https://www.joewalkling.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------------------------- */
/* -------------------- Theme customization starts here -------------------- */
/* ------------------------------------------------------------------------- */

:root {
	--black: #000000;
	--dark-grey: #1f1f1f;
	--white: #ffffff;
	
	--grey: #999999;
	--half-grey: rgba(153, 153, 153, .5);;
	--quarter-grey: rgba(153, 153, 153, .25);;
	--light-grey: #d1cfc8;

	--brown: #261915;
	--half-brown: rgba(38, 25, 21, .5);;
	--quarter-brown: rgba(38, 25, 21, .25);;
	
	--light: #fff2e7;
	--half-light: rgba(255, 242, 231, .5);;
	--quarter-light: rgba(255, 242, 231, .5);;
	
	--green: #38574d; 
	--half-green: rgba(56, 87, 77, .5); 
	--quarter-green: rgba(56, 87, 77, .25); 

	
	--red: red;
	--yellow: yellow;
	--blue: blue;
	--trans: rgba(255, 255, 255, 0.0);
	--cream: #fff4e4;
	--rust: #c3422e;
	--darkgreen: #38574d;
	--lightgreen: #b5c8a3;
	--pink: #facbbe;
	
	/* fonts */
	--body: 'brandon-grotesque', helvetica, arial, sans-serif !important;
	--heading: 'swear-display', serif !important;
	--font-300: 300;
	--font-400: 400;
	--font-500: 500;
	
	--font-xs: 14px;
	--font-s: 18px;
	--font-m: 22px;
	--font-l: clamp(26px, 2vw, 32px);
	--font-xl: clamp(28px, 3vw, 40px);
	
	--slight: .9em;
	--normal: 1.2em;
	
	/* transitions */
	--trans-500: all 500ms ease-in-out;
}


::selection{
	color: var(--darkgreen);
	background: var(--pink);
}

/* ------------------------------------------------------------------------- */
/* TYPOGRAPHY */
/* ------------------------------------------------------------------------- */

h1, h2, h3 {
	font-family: var(--heading);
	font-weight: var(--font-500);
	font-style: italic;
	line-height: var(--slight) !important;
}
body, p{
	font-family: var(--body);
	font-weight: var(--font-300);
	font-style: normal;
	line-height: var(--normal) !important;
	font-size: var(--font-s) !important;
}
strong{
	font-weight: var(--font-500);
}
h1, h2{
	font-size: var(--font-xl) !important;
}
h3{
	font-size: var(--font-l) !important;
}
h4, h5, h6, h7{
	font-family: var(--body);
	font-style: normal;
	line-height: var(--normal) !important;
	font-size: var(--font-s) !important;
	font-weight: var(--font-500) !important;
}
.et_pb_bg_layout_dark, .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 {
    color: var(--grey) !important;
}

/* ------------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------------- */

/* --- header */
.a-hdr{
	position: fixed;
	width: 100% !important;
	background: var(--trans);
	-webkit-transition: var(--trans-500) !important;
	-moz-transition: var(--trans-500) !important;
	-o-transition: var(--trans-500) !important;
	-ms-transition: var(--trans-500)!important;
	transition: var(--trans-500) !important;
}

/* header container */
.a-hdr-ctr{
	max-width: 98% !important;
}
.a-hdr-ctr .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 14vw 1fr;
	grid-gap: 15px;
	justify-content: center;
	align-items: flex-start;
	padding: 15px 0px !important;
}
/* --- hdr navs */
.a-hdr-nav, .a-hdr-nav a {
	text-transform: uppercase;
	font-size: var(--font-xs);
	line-height: var(--normal) !important;
	color: var(--white) !important;
	-webkit-transition: var(--trans-500) !important;
	-moz-transition: var(--trans-500) !important;
	-o-transition: var(--trans-500) !important;
	-ms-transition: var(--trans-500)!important;
	transition: var(--trans-500) !important;
}
/* nav right */
.a-nav-right{
	text-align: right !important;
}

/* logo */
.a-logo{
	min-width: 80px !important;
	width: 8vw !important;
	max-width: 100px !important;
	margin: 0 auto !important;
}
.a-symbol{
	fill: var(--white);
	-webkit-transition: var(--trans-500) !important;
	-moz-transition: var(--trans-500) !important;
	-o-transition: var(--trans-500) !important;
	-ms-transition: var(--trans-500)!important;
	transition: var(--trans-500) !important;
}

/* ---hide / show header on scroll */
.hide-header{
	margin-top: -200px !important;
}
.a-hdr.show-header{
	background: var(--light);
}
.a-hdr.show-header .a-symbol{
	fill: var(--green) !important;
}
.a-hdr.show-header .a-hdr-nav, .a-hdr.show-header .a-hdr-nav a {
    color: var(--green) !important;
}
/* on creative page */
.page-id-277 .a-hdr.show-header{
	background: var(--brown) !important;
}
.page-id-277 .a-hdr.show-header .a-symbol{
	fill: var(--grey) !important;
}
.page-id-277 .a-hdr.show-header .a-hdr-nav, .page-id-277 .a-hdr.show-header .a-hdr-nav a {
    color: var(--grey) !important;
}
/* on pages without mastheads */
/* press */ .page-id-390 .a-symbol,
/* gallery */ .page-id-334 .a-symbol,
/* contact */ .page-id-361 .a-symbol,
/* thank you */ .page-id-363 .a-symbol{
	fill: var(--green) !important;
}
/* press */ .page-id-390 .a-hdr-nav, .page-id-390 .a-hdr-nav a, 
/* gallery */ .page-id-334 .a-hdr-nav, .page-id-334 .a-hdr-nav a, 
/* contact */  .page-id-361 .a-hdr-nav, .page-id-361 .a-hdr-nav a, 
/* thank you */  .page-id-363 .a-hdr-nav, .page-id-363 .a-hdr-nav a {
    color: var(--green) !important;
}
/* ------------------------------------------------------------------------- */
/* Mobile Navigation */
/* ------------------------------------------------------------------------- */
/* slide in navigation */
#slide-in-open.a-mob-nav{
	cursor: pointer;
	min-width: 80px;
	width: 6vw;
	max-width:80px;
	min-height: 5px;
	padding: 15px;
	margin-left: auto !important;
	margin-right: 0px !important;
}
.a-mob-nav{
	display: none !important;
}
 
.a-mob-nav .line{
	display: block;
	position: absolute;
	height: 5px;
	width: 5px;
	background: var(--light);
	border-radius: 0px;
	opacity: 1;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.show-header .a-mob-nav .line, .hide-header .a-mob-nav .line{
	background: var(--green);
}
/* on creative page */ .page-id-277 .show-header .a-mob-nav .line, .page-id-277 .hide-header .a-mob-nav .line{
	background: var(--grey);
}
/* on pages without mastheads */
/* press */ .page-id-390 .a-mob-nav .line, 
/* gallery */ .page-id-334 .a-mob-nav .line, 
/* contact */  .page-id-361 .a-mob-nav .line, 
/* thank you */  .page-id-363 .a-mob-nav .line {
    background: var(--green) !important;
}
.a-mob-nav .line-1{
	left: 0;
}

.a-mob-nav .line-2{
	left: 50%;
	transform: translateX(-50%);
}
.a-mob-nav .line-3{
	right: 0;
}

#slide-in-open.a-mob-nav.open .line{
	background: var(--grey) !important;	
}	
#slide-in-open.a-mob-nav.open .line-1 {
	width: 100%;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
 
#slide-in-open.a-mob-nav.open .line-2 {
	opacity: 0;
	-webkit-transform: translateY(-500%);
	-moz-transform: translateY(-500%);
	-o-transform: translateY(-500%);
	transform: translateY(-500%);
}

#slide-in-open.a-mob-nav.open .line-3 {
	width: 100%;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
 
.slide-in-menu {
	right: 0 !important;
}

.a-hdr .slide-in-menu-container {
		display: none !important;
}
/* ------------------------------------------------------------------------- */
/* BODY */
/* ------------------------------------------------------------------------- */

/* ----- Padding and Margins */
#main-content .secpad:first-of-type{	padding: 100px 0px 0px !important;}
.secpad{	padding: 15px 0px 0px !important;}
.pad15{		padding: 15px;}
.mar15{		margin: 15px;}
.btnmar15{	margin: 0px 15px;}
.flexsec{	
display: flex;
flex-direction: column;
}


/* flex vertical align */
.jw-flex-center{display:flex;flex-direction: column;justify-content:center;}
.jw-flex-end{display:flex;flex-direction: column;justify-content:flex-end;}
.jw-flex-start{display:flex;flex-direction: column;justify-content:flex-start;}

/* --- Mastheads */
.a-masthead{
	min-height: 100vh !important;
	background-attachment: fixed;
}
/* ------------------------------------------------------------------------- */
/* Homepage */
/* ------------------------------------------------------------------------- */
/* --- blurb row */
.blurb-nav-ctr .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-gap: 15px;
}

/* --- blurbs */

.a-blurb .et_pb_main_blurb_image{
	display: block !important;
	margin: 0px !important;
}
.a-blurb .et_pb_blurb_content{
	max-width: 100% !important;
}
/* images */
.a-blurb .et_pb_image_wrap{
	padding-top: 75%;
	display: block;
	position: relative;
	overflow: hidden;
}
.a-blurb .et_pb_image_wrap img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0; 
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: var(--trans-500) !important;
	-moz-transition: var(--trans-500) !important;
	-o-transition: var(--trans-500) !important;
	-ms-transition: var(--trans-500)!important;
	transition: var(--trans-500) !important;
}
/* Title */
.a-blurb .et_pb_module_header{
	padding: 15px !important;
}

/* on hover */
.a-blurb:hover .et_pb_image_wrap img{
	transform: scale(105%);
}


/* --- image carousel */
/* items */
.a-img-carousel .dp_oc_item{
	padding-top: 200%;
	display: block;
	position: relative;
}
.a-img-carousel .dp_oc_item img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%; 
	height: 100%;
	object-fit: cover;
}

/* --- lightbox */
.mfp-bg{
	opacity: 1 !important;
	background: var(--brown) !important;
}
.mfp-figure:after {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: var(--brown) !important;
}

/* text */
.mfp-figure .mfp-close:before, .mfp-arrow:after, .mfp-bottom-bar, .mfp-title, .mfp-counter{
	font-size: var(--font-s) !important;
    font-family: var(--body);
    font-weight: var(--font-300);
	text-transform: uppercase;
}
/* close */
.mfp-figure .mfp-close #text{
	display: none !important;
}
.mfp-figure .mfp-close{
	font-size: 0px !important;
	opacity: 1 !important;
	position: fixed;
	top: 0px !important;
	left: 0px;
    right: 0px;
    width: 100%;
    padding: 0px !important;
}
.mfp-figure .mfp-close:before{
	content: 'Close' !important;
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
}
/* arrows */
.mfp-arrow-left:after {
    content: 'prev' !important;
}
.mfp-arrow-right:after {
    content: 'next' !important;
}
.mfp-arrow {
    position: absolute;
    opacity: 1;
    top: auto !important;
    margin: 0px !important;
    padding: 15px !important;
    bottom: 0px;
	width: auto !important;
}
.mfp-arrow-right {
    right: 0 !important;
}
.mfp-arrow-left {
    left: 0 !important;
}
/* bottom bar and counter */
.mfp-bottom-bar{
	display: none !important;
}

/* ------------------------------------------------------------------------- */
/* Weddings */
/* ------------------------------------------------------------------------- */

.a-weddings .et_pb_column{
	display: grid;
	grid-template: auto / repeat(12 , 1fr);
	grid-gap: 15px;
}
.a-weddings .et_pb_image{
	grid-column: span 6;
	grid-row: span 2;
}
.a-weddings .et_pb_text{
	grid-column: span 6;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: calc(7vw + 15px);
    margin-right: calc(7vw + 15px);
}
.a-weddings .et_pb_button_module_wrapper{
	grid-column: span 6;
	margin-left: calc(7vw + 30px) !important;
	margin-right: calc(7vw + 30px) !important;
}


/* ------------------------------------------------------------------------- */
/* A LA carte */
/* ------------------------------------------------------------------------- */

/* a la carte grid */
.alacarte-grid .et_pb_column{
	display: grid;
	grid-template: auto / repeat(4 , 1fr);
	grid-gap: 15px;
}

/* title */
.alacarte-title{
	grid-column: span 4;
}

/* items */
.alacarte-item {
	border-top: 1px solid var(--green);
}
.alacarte-item p{
	font-size: var(--font-s) !important;
}

/* order flowers row */
.order-flowers-ctr .et_pb_column{
	display: grid;
	grid-template: auto / repeat(12 , 1fr);
	grid-gap: 15px;
}
.order-flowers-ctr .et_pb_image{
	grid-column: span 3;
	grid-row: span 2;
}
.order-flowers-ctr .et_pb_text{
	grid-column: span 6;
}
.order-flowers-ctr .et_pb_text:first-of-type{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.order-flowers-ctr .et_pb_button_module_wrapper{
	grid-column: span 3;
	grid-row: span 2;
}

/* ------------------------------------------------------------------------- */
/* Creative */
/* ------------------------------------------------------------------------- */
.page-id-277 .feat-title h1{
	font-size: 28vw !important;
	text-align: center !important;
}

/* creative grid */
.creative-grid .et_pb_column{
	display: grid;
	grid-template: auto / repeat(12 , 1fr);
	grid-gap: 15px;
}

.creative-grid .et_pb_image{
	grid-column: span 3;
}
.creative-grid .et_pb_text{
	grid-column: span 4;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.creative-grid .et_pb_button_module_wrapper{
	grid-column: span 5;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}


/* ------------------------------------------------------------------------- */
/* Press */
/* ------------------------------------------------------------------------- */

/* press grid */
.a-press-grid .et_pb_column{
	display: grid;
	grid-template: auto / repeat(4 , 1fr);
	grid-gap: 15px;
}

/* ------------------------------------------------------------------------- */
/* Contact */
/* ------------------------------------------------------------------------- */

.a-contact .et_pb_column{
	display: grid;
	grid-template: auto / repeat(12 , 1fr);
	grid-gap: 15px;
}
.a-contact .et_pb_image{
	grid-column: span 6;
	grid-row: span 2;
}
.a-contact .et_pb_text{
	grid-column: span 6;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: calc(7vw + 15px);
    margin-right: calc(7vw + 15px);
}
.a-contact .et_pb_button_module_wrapper{
	grid-column: span 6;
	margin-left: calc(7vw + 30px) !important;
	margin-right: calc(7vw + 30px) !important;
}

/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */

/* footer container */
.a-ftr-ctr .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr 2fr;
	grid-gap: 15px;
}

/* items */
.ftr-flowers{
	grid-row: span 3;
}
.ftr-studio{
	grid-row: span 2;
}

/* socials */
.a-ftr-socials{
	padding: 15px !important;
}

/* email sign up */
.ftr-sign-up *{
	color: var(--green) !important;
}
.ftr-sign-up .et_pb_newsletter_fields{
	display: flex;
	flex-flow: row nowrap;
	border-bottom: 1px solid var(--green);
}
.ftr-sign-up .et_pb_newsletter_field{
	padding: 0px !important;
}
.ftr-sign-up input{
	padding: 15px !important;
	background: var(--trans) !important;
	font-size: var(--font-s) !important;
}
/* btn */
.ftr-sign-up .et_pb_newsletter_button {
    line-height: var(--normal) !important;
    text-transform: capitalize !important;
    text-align: right !important;
}

/* --- footer container 2 */
.ftr-ctr-2 .et_pb_column{
	display: flex;
	flex-flow: row wrap; 
	justify-content: space-between;
}



/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */
a:link {}
a:visited {}
a:hover {}
a:active {}

/* ------------------------------------------------------------------------- */
/* Login */
/* ------------------------------------------------------------------------- */
.tml{
	font-size:20px!important;
}
.tml-field{
	padding: .7em 1em!important;
	border: 1px solid var(--dark-grey)!important;
	background:#fff!important;
}
.tml-button{
	font-size:20px!important;
	padding: .3em 1em!important;
	background:var(--dark-grey)!important;
	border: 1px solid var(--dark-grey)!important;
	color:#fff!important;
}
.tml-button:hover{
	background:#fff!important;
	border: 1px solid var(--dark-grey)!important;
	color:var(--dark-grey)!important;
}

/* errors */.tml .tml-error {
	color: var(--red); 
	border: 1px solid var(--red)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px;
}

/* Success */.tml .tml-success {
	color: var(--green);
	border: 1px solid var(--green)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px!important;
}

/* message */.tml-message {
	color: var(--blue); 
	border: 1px solid var(--blue)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px!important;}

/* passwords */
#pass-strength-result.short {
    background-color: var(--red);
    border-color: var(--red);
    opacity: 1;
}
#pass-strength-result.bad {
    background-color: var(--pink);
    border-color: var(--pink);
    opacity: 1;
}
#pass-strength-result.good {
    background-color: var(--yellow);
    border-color: var(--yellow);
    opacity: 1;
}
#pass-strength-result.strong {
    background-color: var(--green);
    border-color: var(--green);
    opacity: 1;
}
/* Old Website header */
#am-hdr.et_pb_section{
	padding: 1vh 1vw;
	background: var(--darkgreen);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: auto;
}
#am-hdr-ctr .et_pb_column{
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

/* logo */
#am-logo{
	display: block;
	min-width: 140px;
	width: 14vw;
	max-width: 250px;
	height: auto;
}

/* slide in navigation */
#slide-in-open{
	cursor: pointer;
	min-width: 50px;
	width: 6vw;
	max-width:80px;
	min-height: 5px;
	padding: 15px;
}
 
.line{
	display: block;
	position: absolute;
	height: 5px;
	width: 5px;
	background: var(--pink);
	border-radius: 0px;
	opacity: 1;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.line-1{
	left: 0;
}

.line-2{
	left: 50%;
	transform: translateX(-50%);
}
.line-3{
	right: 0;
}

#slide-in-open.open .line{
	background: var(--pink);	
}	
#slide-in-open.open .line-1 {
	width: 100%;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
 
#slide-in-open.open .line-2 {
	opacity: 0;
	-webkit-transform: translateY(-500%);
	-moz-transform: translateY(-500%);
	-o-transform: translateY(-500%);
	transform: translateY(-500%);
}

#slide-in-open.open .line-3 {
	width: 100%;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* secondary header */
#am-hdr-2{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1vh 1vw;
	background: var(--trans);
}
#am-hdr-2-ctr{
	max-width: 100%;
}
#am-hdr-2-ctr .et_pb_column{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

#am-name, #am-fs{
	margin: 0px !important;
}

#am-name{
	display: block;
	height: auto;
	min-width: 250px;
	width: 22vw;
	margin: 5px 0px !important;
}
#am-fs{
	display: block;
	height: auto;
	min-width: 150px;
	width: 14vw;
	margin: 5px 0px !important;
}

@media only screen and (max-width: 768px){
	#am-hdr-2{
		background-color: var(--darkgreen) !important;
		border-top: 1px solid var(--pink) !important;
	}
}







/* ------------------------------------------------------------------------- */
/* MOBILE */
/* ------------------------------------------------------------------------- */

@media only screen and (max-width: 980px){
	/* --- weddings order flowers grid */
	.order-flowers-ctr .et_pb_text {
		grid-column: span 9;
	}
	.order-flowers-ctr .et_pb_button_module_wrapper {
		grid-column: span 9;
		grid-row: span 1;
		text-align: left !important;
	}
	/* --- Creative */
	/* image */.creative-grid .et_pb_image {
		grid-column: span 6;
		grid-row: span 2;
	}
	/* text */.creative-grid .et_pb_text {
		grid-column: span 6;
	}
	/* button */.creative-grid .et_pb_button_module_wrapper {
		grid-column: span 6;
		align-items: flex-start;
	}
	/* --- Press */
	.a-press-grid .et_pb_column {
		grid-template: auto / repeat(3 , 1fr);
	}
}


@media only screen and (max-width: 768px){
	/* --- weddings A la carte Grid */
	.alacarte-grid .et_pb_column {
		grid-template: auto / repeat(3 , 1fr);
	}
	.alacarte-title {
		grid-column: span 3;
	}
	/* --- weddings order flowers grid */
	.order-flowers-ctr .et_pb_image {
		grid-column: span 4;
	}
	.order-flowers-ctr .et_pb_text {
		grid-column: span 8;
	}
	.order-flowers-ctr .et_pb_button_module_wrapper {
		grid-column: span 8;
	}
	/* --- creative */
	.page-id-277 .feat-title h1{
		font-size: 27vw !important;
	}
	
}

@media only screen and (max-width: 767px){
	/* --- weddings grids (alacarte or bespoke) */
	.a-weddings .et_pb_column {
		grid-template: auto / 1fr;
		grid-gap: 0px;
	}
	/* image */ .a-weddings .et_pb_image {
		grid-column: span 1;
		display: block;
		margin: 0px !important;
		order: 1;
	}
	/* text */ .a-weddings .et_pb_text {
		grid-column: span 1;
		display: block;
		margin: 0px !important;
		order: 2;
	}
	/* button */ .a-weddings .et_pb_button_module_wrapper {
		grid-column: span 1;
		display: block;
		margin: 15px !important;
		order: 3;
	}
	/* --- Press */
	.a-press-grid .et_pb_column {
		grid-template: auto / repeat(2 , 1fr);
	}
	/* --- Contact Grid */
	.a-contact .et_pb_column {
		grid-template: auto / 1fr;
		grid-gap: 0px;
	}
	/* image */ .a-contact .et_pb_image {
		grid-column: span 1;
		grid-row: span 1;
	}
	/* text */ .a-contact .et_pb_text {
		grid-column: span 1;
		display: block;
		margin: 0px !important;
	}
	/* button */ .a-contact .et_pb_button_module_wrapper {
		grid-column: span 1;
		margin: 15px !important;
	}
}

@media only screen and (max-width: 600px){
	/* header left and right nav */
	.a-hdr-ctr .a-hdr-nav{
		display: none !important;
	}
	/* header grid */
	.a-hdr-ctr .et_pb_column {
		grid-template: auto / 1fr 1fr;
		grid-template-areas: 
			'logo ham'
			;
	}
	.a-logo {
		margin-left: 0px !important;
		grid-area: logo ;
	}
	.a-mob-nav{
		display: block !important;
		grid-area: ham ;
	}
	.a-hdr .slide-in-menu-container {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		width: 100vw !important;
		max-width: 100% !important;
		height: calc(100vh + 200px) !important;
		padding: 9vw !important;
		background: var(--brown)!important;
		-webkit-transition: var(--trans-500) !important;
		-moz-transition: var(--trans-500) !important;
		-o-transition: var(--trans-500) !important;
		-ms-transition: var(--trans-500) !important;
		transition: var(--trans-500) !important;
	}
	.a-hdr .slide-in-menu-container .a-hdr-nav, .a-hdr .slide-in-menu-container a, .a-hdr.show-header .slide-in-menu-container a, .a-hdr.hide-header .slide-in-menu-container a{
		color: var(--grey) !important;
		text-align: left !important;
		font-size: var(--font-xl) !important;
	}
	/* symbol */ #slide-in-open.a-mob-nav.open ~ .a-logo .a-symbol{
		fill: var(--grey) !important;
	}
	
	/* --- mastheads */
	.a-masthead {
		min-height: 66vh !important;
		background-attachment: scroll;
	}
	
	/* --- Blurbs */
	 .blurb-nav-ctr .et_pb_column {
		grid-template: auto / 1fr;
	}

	/* --- image carousel */
	.a-img-carousel .dp_oc_item {
		padding-top: 100%;
	}
	
	/* --- weddings A la carte Grid */
	.alacarte-grid .et_pb_column {
		grid-template: auto / repeat(2 , 1fr);
	}
	.alacarte-title {
		grid-column: span 2;
	}
	/* order flowers grid */
	.order-flowers-ctr .et_pb_column {
		grid-template: auto / 1fr;
		grid-gap: 0px;
	}
	.order-flowers-ctr .et_pb_image {
		grid-column: span 1;
		grid-row: span 1;
	}
	.order-flowers-ctr .et_pb_text{
		grid-column: span 1;
		grid-row: span 1;
	}
	.order-flowers-ctr .et_pb_button_module_wrapper {
		grid-column: span 1;
		grid-row: span 1;
	}
	/* --- creative */
	.page-id-277 .feat-title h1{
		font-size: 26vw !important;
	}
	.creative-grid .et_pb_column {
		grid-template: auto / 1fr;
		grid-gap: 0px;
	}
	/* image */.creative-grid .et_pb_image {
		grid-column: span 1;
		grid-row: span 1;
	}
	/* text */.creative-grid .et_pb_text {
		grid-column: span 1;
	}
	/* button */.creative-grid .et_pb_button_module_wrapper {
		grid-column: span 1;
	}
	/* --- Press */
	.a-press-grid .et_pb_column {
		grid-template: auto / repeat(1 , 1fr);
	}
	
	
	
	
	
	
	
	/* --- footer */
	.a-ftr-ctr .et_pb_column {
		grid-template: auto / 1fr;
	}
	/* socials */
	.a-ftr-socials {
		order: 1;
	}
}

/* cookies */
.cky-consent-container .cky-consent-bar {
    background-color: var(--light) !important;
    border: 1px solid var(--half-green) !important;
    padding: 15px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}
.cky-notice-des {
    color: var(--green) !important;
    font-size: var(--font-s) !important;
    line-height: var(--normal) !important;
    font-weight: var(--font-500) !important;
}
.cky-consent-container {
    position: fixed;
    width: 14vw !important;
    min-width: 250px !important;
    z-index: 9999999;
    border-radius: 0px !important;
    bottom: 1vw !important;
    right: 1vw !important;
    left: auto !important;
}
.cky-btn {
    font-size: var(--font-s) !important;
    line-height: var(--normal) !important;
    border-radius: 0px !important;
}
.cky-btn-reject {
    color: var(--green) !important;
    background: var(--trans) !important;
    border: 1px solid var(--half-green) !important;
}
.cky-btn-accept {
    background: var(--green) !important;
    color: var(--light) !important;
    border: 1px solid var(--green) !important;
}