/*================================================================
=== 2018 AMENDS ==================================================
================================================================*/

/*================================TYPE
*/

h2 {
  font-family: 'CoreCircus2DDouble', 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 5em;
  line-height: 1em;
  letter-spacing: 0.01em;
  color: #e78f24;
  margin-bottom: 0.5em;
  margin-left: -0.15em;
}

h5, .h5 {
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3em !important;
  letter-spacing: 0.4em !important;
  color: #e78f24;
}

h6, .h6 {
  font-family: 'CoreCircus2DDouble', 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1em;
  letter-spacing: 0.01em;
  color: #e78f24;
  margin-bottom: 0.5em;
}

h5.purple {
  color: #522d6d;
}

h5.line-under {
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 40px;
}

h5.line-under:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  border-bottom: 1px #000 solid;
}

h5.gold-line-under {
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 40px;
}

h5.gold-line-under:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  border-bottom: 1px #e78f24 solid;
}

p {
  font-size: 1em;
  line-height: 1.5em;
}

.small-print {
  font-size: .8em;
}

/*================================PARTS
*/

.section.new-style {
  overflow: hidden;
}

.button {
  padding: 6px 13px;
  border: 1px #e78f24 solid;
  color: #e78f24 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 17px;
  transition: 0.2s;
  display: inline-block;
  border-radius: 5px;
}

.button.no-border {
  border: 0;
}

.button:hover, .button:focus {
  text-decoration: none;
  background: rgba(161, 125, 36, 0.12);
}

.button:before {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: sub;
  margin-right: 7px;
}

.button.phone:before {
  content: '';
  background-image: url(../images/2018/foodmatter-website-refresh-icon-phone.png);
}

.button.email:before {
  content: '';
  background-image: url(../images/2018/foodmatter-website-refresh-icon-email.png);
}

.button.h5 {
  padding: 10px 16px;
  margin: 0;
}

.background-image {
  background-color: #727272;
  background-position: center;
  background-size: cover;
}

.paper-texture {
  background: #efefef url(../images/paper_fibers.png) center top repeat;
}

.large-content-container {
  padding: 60px;
  position: relative;
}

.image-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.large-margin-top {
  margin-top: 120px;
}

.margin-top {
  margin-top: 60px;
}

.invisible-link {
  text-decoration: none !important;
  font-size: inherit;
}

.link-box {
  min-height: 300px;
  position: relative;
  margin-bottom: 30px;
}

.link-box .brand-icon {
  margin-bottom: 40px;
}

/*.link-box:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 60px;
  right: 0;
  height: 10px;
  background-image: url(../images/2018/foodmatter-website-refresh-gold-leaf-min.jpg);
  background-color: #a27e28;
  background-size: 600px auto;
  background-position: 100% 7%;
}*/

.link-box h5 {
  margin: 0;
  position: absolute;
  bottom: 50px;
}

.link-box .dots {
  z-index: 1;
  position: absolute;
}

.link-box.pos-1 .dots {
  top: -15px;
  left: -29px;
  width: 71px;
  height: 70px;
}

.link-box.pos-1 .dots:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: -10px;
  width: 43px;
  height: 138px;
  transform: translate(100%, 0);
}

.link-box.pos-2 .dots {
  top: 35%;
  left: 50%;
  width: 40px;
  height: 84px;
}

.link-box.pos-3 .dots {
  top: 30px;
  right: 30px;
  width: 30px;
  height: 138px;
}

.dots {
  background-image: url(../images/2018/foodmatter-website-refresh-dots.png);
  background-size: 27px;
}

.dots:after {
  background-image: url(../images/2018/foodmatter-website-refresh-dots.png);
  background-size: 27px;
}

.gold-leaf {
  background-image: url(../images/2018/foodmatter-website-refresh-gold-leaf-min.jpg);
  background-color: #a27e28;
  background-size: 600px auto;
  background-position: -200px 0px;
}

/*================================HEADER
*/

.headerContainer .contactDetails {
  float: right;
  margin-top: 10px;
}

.contactDetails a {
  display: inline-block;
  vertical-align: middle;
}

.contactDetails .button {
  margin-right: 5px;
  font-size: .9em;
}

.contactDetails .button:before {
  width: 16px;
  height: 16px;
}

.page-header {
  position: relative;
  margin: 40px 0 0;
  padding: 0;
  border: 0;
}

.page-header .page-header-copy-container {
  width: 50%;
}

.page-header .page-header-copy {
  width: 100%;
  padding: 120px 60px 50px;
  position: relative;
}

.page-header .page-header-copy .arrow {
  position: absolute;
  bottom: 7px;
  transform: translate(0, 100%);
  z-index: 1;
}

.page-header .page-header-intro {
  width: 75%;
}

.page-header .page-header-copy:after {
  content: "";
  display: inline-block;
  background: #fff;
  position: absolute;
  left: 0;
  right: 25%;
  bottom: 0;
  height: 40px;
}

.page-header .page-header-image-container {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 50%;
  z-index: -1;
}

.page-header .page-header-image {
  width: 100%;
  height: 100%;
}

.page-header .dots.header-pos-1 {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 179px;
  height: 70px;
}

.page-header .dots.header-pos-1:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 57px;
  height: 16px;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
}

.page-header .dots.header-pos-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 43px;
  height: 152px;
}

.page-header .gold-leaf.header-pos-1 {
  position: absolute;
  top: 0;
  left: 40px;
  width: 200px;
  height: 26px;
  background-position: 100% 115px;
}

.page-header .gold-leaf.header-pos-2 {
  width: 50px;
  height: 100px;
  position: absolute;
  right: 0px;
  bottom: 0;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  background-position: 100px 169px;
}

.page-header.type-2 .dots.header-pos-1 {
  position: absolute;
  top: auto;
  bottom: 11px;
  left: -15px;
  width: 179px;
  height: 57px;
  z-index: 1;
}

.page-header.type-2 .dots.header-pos-1:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 0;
  width: 44px;
  height: 43px;
  transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
}

.page-header.type-2 .dots.header-pos-2 {
  position: absolute;
  top: -28px;
  bottom: auto;
  right: 0;
  width: 43px;
  height: 152px;
}

.page-header.type-2 .dots.header-pos-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 30px;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
}

.page-header.type-2 .gold-leaf.header-pos-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background-position: 100% 115px;
}

.page-header.type-2 .gold-leaf.header-pos-2 {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 100px;
  bottom: 0;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  background-position: 100px 169px;
}

/*================================HOMEPAGE
*/

.homepage .page-header .page-header-copy-container {
  width: 650px;
}

.homepage .page-header .full-zaff-man {
  width: 45%;
  margin-left: -20px;
}

.homepage .page-header {
  margin: 0;
}

.homepage .page-header .page-header-image-container {
  left: 0px;
  width: auto;
}

.homepage .page-header .page-header-copy {
  margin: 57px 0 40px -20px;
  padding: 20px 30px 30px;
  position: relative;
  top: 170px;
}

.homepage .page-header .page-header-copy:after {
  display: none;
}

.homepage .page-header .page-header-copy h2, .homepage .page-header .page-header-copy h5 {
  position: relative;
}

.homepage .page-header .page-header-copy:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20%;
  background-color: #fff;
}

.homepage .row-one {
  position: relative;
}

.homepage .row-one .image {
  position: absolute;
  left: 50%;
  right: 0;
  top: 60px;
  bottom: 60px;
}
.hotspot-icon i{
	font-size: 80px;
    color: #e78f24;
    margin-top: 35px;
}
/*================================HOMEPAGE DOTS GOLD ICONS
*/

.homepage .dots.pos-1 {
  width: 275px;
  height: 131px;
  position: absolute;
  left: 10px;
  top: 0;
  z-index: -1;
}

.homepage .dots.pos-2 {
  width: 419px;
  height: 275px;
  position: absolute;
  left: -111px;
  top: -57px;
  z-index: -1;
}

.homepage .gold-leaf.pos-1 {
  width: 175px;
  height: 30px;
  position: absolute;
  left: 345px;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  z-index: 1;
}

.homepage .gold-leaf.pos-2 {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0px;
  bottom: -50px;
  z-index: 1;
}

.homepage .gold-leaf.pos-3 {
  width: 50px;
  height: 50%;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}

.homepage .trumpet.pos-1 {
  left: -60px;
  top: 0px;
}

.homepage .tea-pot.pos-1 {
  left: 0;
  bottom: -70px;
}

.homepage .clam.pos-1 {
  left: 40%;
  top: -87px;
}

.homepage .fish.pos-1 {
  top: -50px;
  right: 60px;
}

.homepage .trumpet.pos-2 {
  left: -16px;
  top: -63px;
}

.homepage .tea-pot.pos-2 {
  right: 0;
  top: 0;
}

/*================================WEDDINGS
*/

.weddings {
  padding-bottom: 68px;
}

.weddings .full-wedding-zaff-man {
  position: absolute;
  right: 20px;
  width: 100px;
  top: 0;
  bottom: 0;
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/2018/foodmatter-website-refresh-weddings-zaff.png);
}

.weddings .row-one-row-one .large-content-container {
  padding-top: 120px;
  padding-bottom: 80px;
}

.weddings .row-one-row-one .image {
  position: absolute;
  left: 0;
  right: 50%;
  top: 0;
  bottom: 0;
}

.weddings .row-one-row-two:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  left: 25%;
  /*background-image: url(../images/2018/foodmatter-website-refresh-leaf.png); */
  background-size: 85% auto;
  background-position: 120% 20%;
  background-repeat: no-repeat;
}

.weddings .row-one-row-two {
  margin: -30px 0;
  position: relative;
  z-index: 1;
}

.weddings .row-one-row-two .large-content-container .wrapper-right {
  z-index: 1;
}

.weddings .row-one-row-three .large-content-container {
  padding-top: 80px;
  padding-bottom: 120px;
}

.weddings .row-one-row-three .image {
  position: absolute;
  left: 0;
  right: 50%;
  top: 0;
  bottom: 0;
}

.weddings .row-two .large-content-container {
  padding: 120px;
}

.weddings .row-two .large-content-container h2 {
  margin: 0;
}

.weddings .row-two .large-content-container p {
  margin: 20px 0;
}

.weddings .row-two .large-content-container:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  width: 80px;
  height: 80px;
}

.weddings .row-two .large-content-container:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 200px;
  height: 60px;
}

/*================================WEDDINGS DOTS GOLD
*/

.weddings .dots.row-one-row-one-pos-1 {
  position: absolute;
  width: 70px;
  height: 191px;
  right: 0;
  bottom: 100px;
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  z-index: 1;
}

.weddings .dots.row-one-row-one-pos-1 {
  position: absolute;
  width: 70px;
  height: 191px;
  right: 0;
  bottom: 100px;
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  z-index: 1;
}

.weddings .gold-leaf.row-one-row-two-pos-1 {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  bottom: 30px;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  z-index: 1;
}

.weddings .gold-leaf.row-one-row-two-pos-2 {
  position: absolute;
  width: 180px;
  height: 26px;
  left: 50%;
  top: 0px;
  transform: translate(0, -100%);
  -webkit-transform: translate(-100%, -100%);
  z-index: 1;
}

.weddings .dots.row-one-row-two-pos-1 {
  position: absolute;
  width: 29px;
  height: 160px;
  left: 0;
  bottom: 30px;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  z-index: -1;
}

.weddings .gold-leaf.row-one-row-three-pos-1 {
  position: absolute;
  width: 50px;
  height: 60%;
  right: -20px;
  bottom: 20px;
  z-index: 1;
}

.weddings .dots.row-one-row-three-pos-1 {
  position: absolute;
  width: 368px;
  height: 152px;
  right: -51px;
  bottom: -30px;
  z-index: -1;
}

.weddings .dots.row-one-row-three-pos-1:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 206px;
  height: 3px;
  right: 0;
  bottom: -11px;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  z-index: -1;
}

.weddings .paper-texture.row-two-pos-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  z-index: 1;
}

.weddings .paper-texture.row-two-pos-2 {
  position: absolute;
  bottom: -30px;
  left: -60px;
  width: 200px;
  height: 60px;
}

.weddings .gold-leaf.row-two-pos-1 {
  position: absolute;
  top: 80px;
  right: -62px;
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  width: 60px;
  height: 60px;
  background-position: 100px 0px;
}

.weddings .gold-leaf.row-two-pos-2 {
  position: absolute;
  bottom: 60px;
  left: -60px;
  width: 260px;
  height: 10px;
  background-position: 300px -100px;
}

.weddings .dots.row-two-pos-1 {
  position: absolute;
  bottom: -60px;
  left: -75px;
  width: 44px;
  height: 286px;
}

.weddings .dots.row-two-pos-1:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -11px;
  bottom: 0;
  width: 98px;
  height: 56px;
  z-index: 1;
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
}

.weddings .dots.row-two-pos-2 {
  position: absolute;
  top: 30px;
  right: -93px;
  width: 152px;
  height: 44px;
  z-index: 1;
}

.weddings .dots.row-two-pos-2:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11px;
  right: 0;
  width: 71px;
  height: 204px;
  z-index: 1;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
}

.weddings .flower.pos-1 {
  top: 0;
  left: 24px;
}

.weddings .clam.pos-1 {
  top: -170px;
  left: -200px;
}

.weddings .trumpet.pos-1 {
  top: 35%;
  left: -20px;
}

.weddings .leaf.pos-1 {
  bottom: 35%;
  right: -20px;
}

.weddings .heart.pos-1 {
  top: -60px;
  left: 30px;
}

.weddings .heart.pos-1 {
  top: -60px;
  left: 30px;
}

.weddings .flower.pos-2 {
  bottom: -100px;
  left: -20px;
}

.weddings .martini.pos-1 {
  bottom: -60px;
  right: 30px;
}

.weddings .clam.pos-2 {
  top: -60px;
  right: 30px;
}

/*================================VENUES
*/

.skip-venues .skip-venues-container {
  padding: 20px 30px 0;
}

.skip-venues .skip-venues-list {
  margin-top: 30px;
  transition: .2s ease;
}

.skip-venues .venue {
  margin-bottom: 30px;
}

.skip-venues .venue a {
  width: 100%;
  font-family: 'CoreCircus2DDouble', 'Montserrat', sans-serif;
  padding: 20px 20px 16px;
  height: 116px;
}

.skip-venues .wrapper {
  transition: .2s ease;
}

.skip-venues.stick .wrapper {
  padding: 0;
}

.skip-venues.stick.closed .skip-venues-list {
  max-height: 0;
  overflow: hidden;
}

.skip-venues.stick.closed:hover .skip-venues-list, .skip-venues.stick.closed:focus .skip-venues-list {
  max-height: 90vh;
}

.venue .venue-title {
  padding-bottom: 0px;
}

.venue .venue-copy {
  padding-top: 30px;
  padding-bottom: 30px;
}

.venue .venue-copy p {
  margin-bottom: 20px;
}

.venue .image-1 {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 50%;
}

.venue .image-2 {
  position: absolute;
  width: 250px;
  height: 180px;
  bottom: -60px;
}

.venue.copy-left .image-1 {
  right: 0;
}

.venue.copy-right .image-2 {
  right: 40px;
}

.venue.copy-left .image-2 {
  left: 40px;
}

/*================================VENUES DOTS GOLD
*/

.venues .copy-left .dots.row-two-pos-1 {
  position: absolute;
  left: 290px;
  width: 192px;
  height: 56px;
  bottom: 0;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
}

.venues .copy-left .dots.row-two-pos-2 {
  position: absolute;
  left: -16px;
  top: -15px;
  width: 44px;
  height: 100px;
}

.venues .copy-left .gold-leaf.row-two-pos-1 {
  position: absolute;
  left: 290px;
  width: 150px;
  height: 27px;
  bottom: 0;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
}

.venues .copy-right .dots.row-two-pos-1 {
  position: absolute;
  right: 290px;
  width: 192px;
  height: 56px;
  bottom: 0;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
}

.venues .copy-right .dots.row-two-pos-2 {
  position: absolute;
  right: -16px;
  top: -15px;
  width: 44px;
  height: 100px;
}

.venues .copy-right .gold-leaf.row-two-pos-1 {
  position: absolute;
  right: 290px;
  width: 150px;
  height: 27px;
  bottom: 0;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
}

.venues .note.pos-1 {
  top: 10px;
  right: 80px;
}

.venues .masks.pos-1 {
  bottom: -90px;
  right: 70px;
}

/*================================TEAM
*/

.team-member {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.team-member .paper-texture {
  margin: 125px -15px 0;
  position: relative;
  height: 150px;
}

.team-member .team-member-image {
  width: 100%;
  margin-top: -275px;
  height: 275px;
  background-position: 50% 0;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
}

.team-member .team-member-details {
  margin-top: 25px;
}

.team-member .gold-leaf.team-member-pos-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}

/*================================QUOTES
*/

.quotes {
  position: relative;
}

.quotes .gallery {
  z-index: 1;
}

.quotes .quote-container {
  position: relative;
  padding-top: 100px;
  padding-bottom: 60px;
}

.quotes .quote-container h2 {
  font-size: 3em;
}

.quotes .quote-mark {
  position: absolute;
  top: 0;
  background-image: url(../images/2018/foodmatter-website-refresh-speech-mark.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 20px;
  height: 40px;
  border-bottom: 1px #000 solid;
}

.quotes .quote-image {
  position: absolute;
  left: 0;
  right: 50%;
  bottom: 0;
  top: 0;
}

.quotes .quote-background {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.quotes .paper-texture {
  position: absolute;
  top: 145px;
  left: 70px;
  right: 0;
  bottom: 60px;
}

.quotes .paper-texture:after {
  position: absolute;
  content: "";
  background: #fff;
  width: 70px;
  right: 0;
  bottom: 70px;
  top: 0;
}

.quotes .dots {
  position: absolute;
  content: "";
  width: 378px;
  height: 130px;
  left: 40%;
  bottom: -35px;
  z-index: -1;
}

.quotes .gold-leaf {
  position: absolute;
  content: "";
  width: 120px;
  height: 20px;
  right: 0;
  bottom: 110px;
}

.quotes .arrow {
  position: absolute;
  right: 145px;
  margin-top: -40px;
}

/*================================GALLERY
*/

.gallery-dots {
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 50%;
  left: 50%;
  bottom: 4px;
  padding-left: 60px;
  position: absolute;
}

.gallery-dots li {
  list-style: none;
  padding: 0 3px;
  display: inline-block;
}

.gallery-dots button {
  padding: 3px;
  border-radius: 100%;
  border: #a27e28 2px solid;
  cursor: pointer;
}

.gallery-dots li.slick-active button {
  background: #a27e28;
}

.gallery {
  opacity: 0;
  transition: .4s ease;
}

.gallery.slick-initialized {
  opacity: 1;
}

.fade-slides-header,
.fade-slides-header .slick-list,
.fade-slides-header .slick-track,
.fade-slides-header .slick-slide {
   height: 110% !important;
}

/*================================NEWSLETTER CTA
*/

.newsletter-cta {
  padding-bottom: 60px;
}

.newsletter-cta .large-content-container:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  width: 50px;
  height: 50px;
}

.newsletter-cta .large-content-container:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 200px;
  height: 50px;
}

.newsletter-cta .paper-texture.newsletter-pos-1 {
  position: absolute;
  left: 131px;
  bottom: -61px;
  height: 79px;
  width: 201px;
  transform: translate(-100%, 0);
}

.newsletter-cta .paper-texture.newsletter-pos-1:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  z-index: 1;
  background-image: url(../images/2018/foodmatter-website-refresh-gold-leaf-min.jpg);
  background-color: #a27e28;
  background-size: 900px auto;
  background-position: 90px 100px;
}

.newsletter-cta .dots.newsletter-pos-1 {
  position: absolute;
  left: 157px;
  bottom: -155px;
  height: 177px;
  width: 85px;
}

.newsletter-cta .dots.newsletter-pos-1:after {
  position: absolute;
  content: "";
  top: -12px;
  right: 0;
  height: 43px;
  width: 368px;
  transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
}

.newsletter-cta .dots.newsletter-pos-2 {
  position: absolute;
  right: -42px;
  top: 40px;
  height: 98px;
  width: 71px;
  z-index: 1;
}

.newsletter-cta .dots.newsletter-pos-2:after {
  content: "";
  position: absolute;
  right: -3.2px;
  top: 44px;
  height: 98px;
  width: 71px;
  z-index: 1;
  transform: translate(-100%, -100%);
  -webkit-transform: translate(-100%, -100%);
}

.newsletter-cta .fish.newsletter-pos-1 {
  left: -30px;
  top: 50%;
}

.newsletter-cta .watch.newsletter-pos-1 {
  top: -50px;
  left: -39px;
}

.newsletter-cta .trumpet.newsletter-pos-1 {
  bottom: -68px;
  left: -134px;
}

.newsletter-cta .trumpet.newsletter-pos-2 {
  top: 0px;
  right: -153px;
}

.newsletter-cta .clam.newsletter-pos-1 {
  bottom: 30px;
  right: -30px;
}

.newsletter-cta .tea-pot.newsletter-pos-1 {
  bottom: -89px;
  right: -10px;
}

/*================================INSTAGRAM FEED
*/

.instagram-icon {
  font-size: 30px;
  line-height: 30px;
  color: #bfbfbf;
}

.instagram-feed {
  margin-bottom: 60px;
  display: inline-block;
  width: 100%;
}

.instagram-feed .instagram-feed-container {
  margin-bottom: -60px;
}

.instagram-feed .instagram-post {
  height: 21vw;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.instagram-feed .paper-texture {
  position: relative;
}

.instagram-feed .paper-texture:after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  background: #fff;
}

.instagram-feed .paper-texture:before {
  position: absolute;
  content: "";
  width: 60px;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}

.instagram-feed .gold-leaf.instagram-feed-pos-1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: 10px;
}

.instagram-feed .dots.instagram-feed-pos-1 {
  position: absolute;
  left: 0;
  bottom: -30px;
  height: 84px;
  width: 85px;
}

.instagram-feed .dots.instagram-feed-pos-2 {
  position: absolute;
  right: 32px;
  bottom: -107px;
  height: 100%;
  width: 44px;
}

.instagram-feed .dots.instagram-feed-pos-2:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  height: 107px;
  width: 22px;
}

/*================================SCROLL THEN STICK
*/

.scroll-then-stick.stick {
  position: fixed;
  width: 100%;
  z-index: 99999
}

/*================================FOOTER
*/

.footer-container {
  padding: 30px 0 8px;
  text-align: center;
}

.footer-container .contactDetails {
  margin-bottom: 13px;
}

/*================================FORMS
*/

input, textarea {
  width: 100%;
  margin-bottom: 15px;
  background: #fff;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 14px 12px 12px;
  color: #000;
  font-weight: lighter;
  font-size: 14px;
  line-height: 19px;
}

textarea {
  height: 130px;
}

input[type="submit"] {
  font-size: 1.3em;
  width: auto;
  position: relative;
  display: inline-block;
  padding: 6px 13px;
  border-radius: 100px;
  border: 1px #e78f24 solid;
  transition: 0.2s;
  background: none;
  color: #e78f24 !important;
}

input[type="submit"]:hover, input[type="submit"]:focus {
  text-decoration: none;
  background: rgba(161, 125, 36, 0.12);
}

input.wpcf7-not-valid {
  border-bottom: 2px solid red;
}

input[type="checkbox"] {
  width: auto;
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7 .col-md-6:nth-child(2) {
  padding-left: 0;
}

/*================================ARROWS
*/

.arrow {
  width: 1px;
  height: 40px;
  background: #babbbd;
  position: relative;
  -webkit-animation: arrowdown 1.5s infinite;
  animation: arrowdown 1.5s infinite;
}

.arrow.down:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 3px;
  left: -7px;
  width: 15px;
  height: 15px;
  border-bottom: 1px solid #babbbd;
  border-left: 1px solid #babbbd;
  transform: rotate(-45deg);
}

@-webkit-keyframes arrowdown {
  0% {
    height: 40px;
  }
  25% {
    height: 25px;
  }
  100% {
    height: 40px;
  }
}

@keyframes arrowdown {
  0% {
    height: 40px;
  }
  25% {
    height: 25px;
  }
  100% {
    height: 40px;
  }
}

/*================================ICONS
*/

.brand-icon.deg-315 {
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
}

.brand-icon.deg-270 {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}

.brand-icon.deg-225 {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

.brand-icon.deg-180 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.brand-icon.deg-135 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.brand-icon.deg-90 {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.brand-icon.deg-45 {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.brand-icon {
  position: absolute;
  background-image: url(../images/2018/foodmatter-website-refresh-icons.png);
  background-size: auto 200%;
  width: 150px;
  height: 150px;
  z-index: 2;
}

.brand-icon.trumpet {
  background-position: 50% 100%;
}

.brand-icon.tea-pot {
  background-position: 20% 0%;
}

.brand-icon.clam {
  background-position: 50% 0%;
}

.brand-icon.fish {
  background-position: 40% 0%;
}

.brand-icon.note {
  background-position: 60% 100%;
}

.brand-icon.flower {
  background-position: 100% 0%;
}

.brand-icon.watch {
  background-position: 10% 0%;
}

.brand-icon.masks {
  background-position: 20% 100%;
}

.brand-icon.martini {
  background-position: 30% 0%;
}

.brand-icon.leaf {
  background-position: 40% 100%;
}

.brand-icon.heart {
  background-position: 100% 100%;
}



/*================================RESPONSIVE
*/

@media (max-width: 1200px) {
  .headerContainer .contactDetails .socialLinks {
    display: none;
  }

  .headerContainer .contactDetails .button.phone, .headerContainer .contactDetails .button.email {
    height: 32px;
    width: 32px;
    text-indent: -99999px;
    position: relative;
    background: rgba(161, 125, 36, 0.12);
    margin: 0;
  }

  .headerContainer .contactDetails .button.phone:before, .headerContainer .contactDetails .button.email:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}

@media (max-width: 991px) {
	.homepage .page-header .page-header-copy {
		top: 0px;
	}
  .section.new-style {
    padding-top:75px;
    padding-bottom:75px;
  }

  .large-margin-top {
    margin-top: 60px;
  }

  .margin-top {
    margin-top: 30px;
  }

  .page-header {
    margin-top: 0;
  }

  .homepage .page-header .page-header-image-container {
    position: relative;
    height: 50vw !important;
    left: 0;
    margin-top: 0;
  }

  .homepage .page-header .page-header-copy-container {
    width: 100%;
  }

  .homepage .gold-leaf.pos-1 {
    left: auto;
    right: 0;
  }

  .homepage .row-one .image {
    position: relative;
    left: 0;
    right: 0;
    bottom: auto;
    top: auto;
    height: 50vw;
    margin-top: 60px;
  }

  .quotes .quote-image {
    display: none;
  }

  .quotes .dots {
    bottom: 5px;
  }

  .quotes .quote-container {
    padding-bottom: 30px;
  }

  .homepage .tea-pot.pos-2 {
    right: -41px;
    top: -65px;
  }

  .quotes .paper-texture {
    bottom: 40px;
  }

  .gallery-dots {
    left: auto;
    width: auto;
  }

  .wpcf7 .col-md-6:nth-child(2) {
    padding-left: 15px;
  }

  .page-header .page-header-copy-container {
    width: 100%;
  }

  .page-header .page-header-intro {
    margin-top: 60px;
    width: 100%;
  }

  .page-header .page-header-image-container {
    position: relative;
    height: 50vw !important;
    width: 100%;
    margin-top: 30px;
  }

  .venue .image-1 {
    position: relative;
    height: 50vw;
    width: 100%;
  }

  .weddings .row-one-row-one .large-content-container, .weddings .row-one-row-three .large-content-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .weddings .row-one-row-one .image, .weddings .row-one-row-three .image {
    position: relative;
    width: 100%;
    height: 50vw;
    right: auto;
  }

  .weddings .row-one-row-two {
    margin: 30px 0;
  }

  .weddings .gold-leaf.row-one-row-two-pos-2 {
    display: none;
  }

  .headerContainer {
    margin: 15px 30px;
  }

  .headerContainer .contactDetails {
    display: block;
    position: absolute;
    top: 0;
    right: 45px;
  }

  .weddings .row-two .large-content-container {
    padding: 60px 60px 120px;
  }

  .instagram-feed .instagram-post {
    height: 20vw;
  }

  .weddings .row-one-row-two {
    margin: 30px 0;
    position: relative;
    z-index: 1;
  }

  .weddings .gold-leaf.row-one-row-two-pos-1 {
    bottom: 0;
  }

  .weddings .row-two .large-content-container:after, .weddings .paper-texture.row-two-pos-1 {
    display: none;
  }

  .newsletter-cta .trumpet.newsletter-pos-2, .newsletter-cta .trumpet.newsletter-pos-1, .newsletter-cta .clam.newsletter-pos-1, .newsletter-cta .trumpet.newsletter-pos-1, .newsletter-cta .fish.newsletter-pos-1 {
    display: none;
  }

  .venues .masks.pos-1 {
    display: none;
  }

  .footer {
    margin-top: 30px;
  }
}

@media (max-height: 900px) {

}

@media (max-width: 767px) {
  .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrapper-left {
    padding-left: 30px;
  }

  .wrapper-right {
    padding-right: 30px;
  }

  .large-content-container {
    padding: 30px;
  }

  .gallery-dots {
    padding-left: 30px;
  }

  .quotes .gold-leaf {
    display: none;
  }

  .quotes .paper-texture {
    left: 30px;
  }

  .quotes .arrow {
    display: none;
  }

  .link-box:after {
    left: 30px;
  }

  .weddings .row-one-row-one .large-content-container, .weddings .row-one-row-three .large-content-container {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .instagram-feed .instagram-post {
    height: 40vw;
    margin-bottom: 30px;
  }

  .page-header .page-header-copy {
    padding: 120px 30px 50px;
  }

  .weddings .row-two .large-content-container {
    padding: 60px 30px 120px;
  }

  .weddings .full-wedding-zaff-man {
    display: none;
  }

  .newsletter-cta .watch.newsletter-pos-1 {
    left: -120px;
  }

  .newsletter-cta .dots.newsletter-pos-2 {
    right: -72px;
    top: -42px;
  }

  .newsletter-cta .large-content-container {
    padding-bottom: 60px;
  }

  .homepage .trumpet.pos-2 {
    left: -69px;
    top: -103px;
  }

  .homepage .clam.pos-1 {
    display: none;
  }

  .page-header.type-2 .gold-leaf.header-pos-1 {
    top: 47px;
    left: 0;
  }

  .weddings .leaf.pos-1, .brand-icon.trumpet {
    display: none;
  }

  .weddings .row-two .large-content-container h2 {
    font-size: 3em;
  }

  .weddings .row-two .large-content-container .button.no-border {
    font-size: 1em !important;
    padding: 8px 16px 14px;
  }
}

@media (max-width: 720px) {

}

@media (max-width: 640px) {
  h2 {
    font-size: 4em;
  }
}

@media (max-width: 540px) {
  .homepage .page-header .page-header-copy {
    margin-top: 16px;
    padding: 20px 15px 30px;
  }

  .page-header .page-header-copy h2 {
    font-size: 3em;
  }

  .homepage .fish.pos-1 {
    top: -115px;
    right: -36px;
  }

  .homepage .tea-pot.pos-1 {
    display: none;
  }

  .newsletter-cta .dots.newsletter-pos-1 {
    display: none;
  }

  .weddings .heart.pos-1, .weddings .martini.pos-1 {
    display: none;
  }

  .weddings .clam.pos-2 {
    top: -82px;
  }

  .quotes .quote-container h2 {
    font-size: 3em;
  }

  .weddings .row-two .large-content-container h2 {
    font-size: 2em;
  }

  .button.phone, .button.email {
    height: 45px;
    width: 45px;
    text-indent: -99999px;
    position: relative;
    background: rgba(161, 125, 36, 0.12);
    margin: 0 5px;
  }

  .button.phone:before, .button.email:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }

  .instagram-feed .button {
    font-size: 1em !important;
  }

  .instagram-feed .large-content-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 420px) {
  .quotes .quote-container h2 {
    font-size: 2.5em;
  }
}

@media (max-width: 380px) {

}

@media (max-width: 990px) and (min-width: 768px) , (max-width: 540px) {

}

/*================================================================
=== END 2018 AMENDS ==============================================
================================================================*/