/*SEFE - CSS (NAVBAR CODE)*/

.logo {
  margin: 0 auto;
  display: table;
}

.logo img {
  margin-top: -20px;
}

.row {
  background-size: auto;
  border-bottom-color: black;
  background-attachment: scroll;
  background-color: rgb(255, 255, 255);
  border-bottom-width: 0px;
  padding: 0%;
  border-top-color: black;
  border-top-width: 0px;
  border-bottom-style: solid;
  border-top-style: solid;
  background-position: left top;
  background-repeat: no-repeat no-repeat;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.column {
  padding-right: 0;
  padding-left: 0;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  min-height: 1px;
}

.column-inner {
  background-size: auto;
  border: 0px solid black;
  background-attachment: scroll;
  background-color: rgb(255, 255, 255);
  padding: 0%;
  -webkit-box-pack: start;
  justify-content: flex-start;
  background-position: left top;
  background-repeat: no-repeat no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 100%;
  -webkit-transition: min-height 300ms;
  transition: min-height 300ms;
}

.nav-area {
  transition: all 600ms;
  margin-top: 0px;
  text-align: center;
  margin-bottom: 20px;
  background-size: auto;
  background-attachment: scroll;
  background-color: transparent;
  background-position: left top;
  background-repeat: repeat repeat;
  position: relative;
}

.nav-area .main-nav {
  background-size: auto;
  background-attachment: scroll;
  background-color: transparent;
  width: 100%;
  background-position: left top;
  background-repeat: repeat repeat;
  position: relative;
  text-align: left;
}

.nav-area .main-nav ul {
  word-spacing: 0em;
  line-height: 190%;
  font-family: "Montserrat";
  color: rgba(78, 78, 78, 1);
  text-transform: none;
  font-variant: none;
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.06em;
  font-size: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-area .main-nav ul li {
  word-spacing: 0.1em;
  line-height: 180%;
  color: rgba(78, 78, 78, 1);
  text-transform: uppercase;
  font-variant: none;
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.2em;
  font-size: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  white-space: nowrap;
}

.nav-area .main-nav ul li a {
  word-spacing: 0.1em;
  line-height: 180%;
  color: rgba(78, 78, 78, 1);
  text-transform: uppercase;
  font-variant: none;
  text-decoration: none;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2em;
  font-size: 12px;
}

.child-menu {
  padding: 10px !important;
  word-spacing: 0em !important;
  line-height: 190% !important;
  font-family: "Montserrat" !important;
  color: rgba(78, 78, 78, 1) !important;
  text-transform: none !important;
  font-variant: none !important;
  text-decoration: none !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  font-size: 16px !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 50px !important;
  background-color: rgb(255, 255, 255) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: start !important;
  justify-content: start !important;
}

.mob-nav .mobile-child-menu {
  background-color: white;
  margin: 0 -10px 0 -10px;
  list-style: none;
  padding: 0 0 0 30px;
  display: none;
}

.child-menu-active {
  visibility: visible;
  opacity: 1;
  z-index: 999;
  pointer-events: all !important;
}

.child-menu li {
  word-spacing: 0.1em !important;
  line-height: 1.5 !important;
  font-family: "Montserrat" !important;
  color: rgba(78, 78, 78, 1) !important;
  text-transform: uppercase !important;
  font-variant: none !important;
  text-decoration: none !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  font-size: 12px !important;
  padding: 7px 20px !important;
  position: relative !important;
  white-space: nowrap !important;
}

.has-child {
  position: relative !important;
}

.child-menu li a {
  word-spacing: 0.1em !important;
  line-height: 1.5 !important;
  font-family: "Montserrat" !important;
  color: rgba(78, 78, 78, 1) !important;
  text-transform: uppercase !important;
  font-variant: none !important;
  text-decoration: none !important;
  font-style: normal !important;
  font-weight: bold !important;
  letter-spacing: 0.2em !important;
  font-size: 12px !important;
}

.ml-50 {
  margin-left: 50px;
}

.mob-nav {
  position: absolute;
  top: 0;
  z-index: 999;
}

#menuToggle {
  display: block;
  position: relative;
  top: 30px;
  left: 20px;
  z-index: 99999999;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a {
  word-spacing: 0.1em;
  line-height: 1.4;
  color: rgba(78, 78, 78, 1);
  text-transform: uppercase;
  font-variant: none;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.2em;
  font-size: 12px;
  transition: color 0.3s ease;
}

#menuToggle input:checked~ul {
  transform: translate(0, 0);
}

#menuToggle a:hover {
  color: tomato;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

.half-span {
  width: 25px !important;
}

#menuToggle span {
  display: none;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: black;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

#menuToggle input:checked~span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -20px;
  padding: 10px;
  padding-top: 80px;
  min-height: 100vh;
  background: rgb(242, 237, 234);
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

.menu-social-icons {
  display: table;
  margin: 0 auto;
}

.menu-social-icons i {
  margin-right: 10px;
  font-size: 18px;
  font-weight: 400;
  margin-top: 50px;
}

#menu p {
  font-family: 'Playfair Display', serif;
  word-spacing: 0em;
  line-height: 170%;
  color: rgba(78, 78, 78, 1);
  text-transform: none;
  font-variant: none;
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 32px;
}

#menu p a {
  text-transform: none;
  font-size: 26px;
}

#menu li {
  position: relative;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}

#menu li a:not(.social) {
  padding: 12px 30px;
  display: block;
}

#menu li .toggle-child {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 30px;
}

@media only screen and (max-width: 600px) {
  #menuToggle span {
    display: block;
  }
  .desktop-navigation {
    display: none;
  }
}


/*SEFE - CSS*/
@media screen and (max-width: 992px) { 
  #seo-h1-tag h1 {
    font-size: 30px!important;
    margin-top: 20px!important;
    margin-bottom: -10px!important;
    padding: 0 5px!important;
  } 
  
.fl-rich-text > .landing-page-p,
.fl-rich-text > .landing-page-p2,
.fl-html > .landing-page-heading,
.fl-rich-text > .landing-page-heading
  {
    text-align: center; 
    padding: 0 5px!important;
    }
  
article-title-wrap > .article-title,
  .seo-h1-tag {
    font-size: 24px;
    text-align: center;
  }

}

.fl-html > .landing-page-heading,
.fl-rich-text > .landing-page-heading
{
  	word-spacing: 0em;
    line-height: 150%;
    font-family: "Playfair Display";
    color: rgba(78,78,78,1);
    text-transform: none;
    font-variant: none;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-size: 40px;
  	width: 80%;
  	margin: 0 auto;
} 

.article-title,
.seo-h1-tag,
.article-title-wrap > .article-title,
.article-title-wrap > .article-title h1,
.article-title h1,
article-title-wrap > .article-title,
.seo-h1-tag

{
  	word-spacing: 0em!important;
    line-height: 150%!important;
    font-family: "Playfair Display"!important;
    color: rgba(78,78,78,1)!important;
    text-transform: none;
    font-variant: none;
    text-decoration: none;
    font-style: normal;
    font-weight: 400!important;
    letter-spacing: 0.05em!important;
    font-size: 40px!important;
}

.fl-rich-text > .landing-page-p  {
    text-align: center; 
    padding: 0 50px;
    }


.fl-rich-text > .landing-page-p2 {
    text-align: center; 
    padding: 0 20px;
}


/*Custom css*/
#pp-text-5 img { width:100%;display:none; }
.content-leftc {width:33%; float:left;}
.content-rightc {width:67%; float:right;margin-top:-25px;}
@media screen and (max-width: 900px){
    .content-leftc {width:100%; float:none;}
    .content-rightc {width:100%; float:none;}
}

ul.primary-nav-menu,ul.primary-nav-menu li {
  padding:10px;
}

ul.primary-nav-menu a {
  font-size:18px !important;
}


/*Newsletter Form*/
#gform_wrapper_5 form {
  width: 100%;
  margin: 17% auto;
}

#gform_wrapper_5 {
  display: flex;
  align-items: center;
}

#gform_wrapper_5 input[type="text"]:focus {
  outline: none;
  outline: 2px solid #f5f5f5;
  box-shadow: 0 0 2px #f5f5f5;
}

#gform_wrapper_5 input {
  height: 44px;
  border: none;
}


#gform_wrapper_5 input[type="text"] {
  max-width:180px;
  width: 80%;
  background: #FDFCFB;
  font-family: inherit;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 5%;
  border-radius: 5px 0 0 5px;margin-top:0px;display:block;
}


#gform_wrapper_5 input[type="submit"] {
  width: 20%;
  height: 46px;
  background: #666;
  font-family: inherit;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: background .3s ease-in-out;font-size:14px;display:block;
}
  

#gform_wrapper_5 input[type="submit"]:hover {
  background: #f5f5f5;
  color: #666;
}

#gform_wrapper_5 validation_message {
  display:inline;
}


/*Form on Wedding Inquiry*/
@import url('https://fonts.googleapis.com/css?family=Exo+2:800,900');

#gform_4 input {width:100%;max-width:250px;}
#gform_4 textarea {width:100%;max-width:250px;height: 103px;border-color:#a9a9a9;-moz-border-radius: 0px;
-webkit-border-radius: 0px;border-radius: 0px;}
#gform_4 textarea {float:right;margin-top:-15px;}
#gform_4 input[type=text]::-webkit-input-placeholder {
   padding-left: 4px;
}
#gform_4 input[type=text] {float:right;margin-top:-15px;}
#gform_4 input[type=checkbox] {-moz-border-radius: 0px;
-webkit-border-radius: 0px;border-radius: 0px;}
#gform_4 input[type=submit]  {margin-left:0px;width:100%;max-width:270px;text-align:center;}
div.ginput_container.ginput_container_checkbox {max-width:250px;margin-top:-15px !important;}
.paddingr12 {padding-right:32px;padding-top:32px;}
.padding10 {padding:10px;margin:10px;}
.formstyle {border:1px solid #666;background:#F5F5F5;}
.formstyle h2 {color:#000;text-shadow: 1px 1px #fff;}
#gform_4 {color:#000;text-shadow: 1px 1px #fff;}
#gform_4 input[type=submit] {background:#393939;font-weight:700;font-family: 'Exo 2', serif;
 text-shadow: 1px 1px 1px #000;
}
#gform_4 input[type=submit]:hover {background:#000;}
.formheading {
	margin: 1em 0 0.5em 0;
	color: #343434;
	font-weight: normal;
	font-family: 'Exo 2', serif;  font-weight:900;
	font-size: 26px;text-align:center;
	line-height: 42px;
	text-shadow: 0 2px white, 0 3px #777;
}
@media (max-width:712px) {
  #gform_4 input {width:100%;max-width:600px;}
  #gform_4 textarea {width:100%;max-width:600px;}
div.ginput_container.ginput_container_checkbox {max-width:600px;}
}

#gform_6 label {margin-top:5px;}

#gform_6 input {width:100%;max-width:240px;float:left;}
#gform_6 textarea {width:100%;height: 103px;border-color:#a9a9a9;-moz-border-radius: 0px;
-webkit-border-radius: 0px;border-radius: 0px;}
#gform_6 input[type=text]::-webkit-input-placeholder {
   padding-left: 4px;
}
#gform_6 input[type=checkbox] {-moz-border-radius: 0px;
-webkit-border-radius: 0px;border-radius: 0px;}
#gform_6 input[type=submit]  {width:100%;max-width:240px;float:left;}
#gform_6 {color:#000;text-shadow: 1px 1px #fff;}
#gform_6 input[type=submit] {background:#393939;font-weight:700;font-family: 'Exo 2', serif;
 text-shadow: 1px 1px 1px #000;
}
#gform_6 input[type=submit] {margin-top:-5px;margin-left:-17px;margin-bottom:30px;}
#gform_6 input[type=submit]:hover {background:#000;}
@media (max-width:712px) {
  #gform_6 {margin-right:10px;}
  #gform_6 input {width:100%;max-width:600px;margin-top:4px !important;min-width:250px;}
  #gform_6 textarea {width:100%;max-width:600px;margin-top:4px !important;min-width:250px;}
  #gform_6 input[type=submit] {text-align:center;min-width:250px;}
#gform_6 input[type=submit] {margin-left:0;margin-top:4px !important;}
  
#gform_6 label {display:none;}
}

@media (min-width:713px) and (max-width:900px) {
    #gform_6 input[type=text] {margin-top:55px !important;}
}

@media (min-width:901px) {  
    #gform_6 input[type=text] {margin-top:-55px;}
    #gform_6 textarea {margin-top:-55px;}
}

hr.stylef {
	border: none;
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.stylef:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #fff;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}