.book-form{
  display: none;
}
.relais-hidden {display: none!important;}
.page-id-4065	#layout-half {
		overflow: hidden!important;
	}
.page-id-674 #hero-unit .hero-content.text-center h1 > small {display: none;}
.page-id-2967 .acc-banner {overflow: hidden;}
@media (max-width: 820px) and (min-width: 601px) {
		.modal-content .modal-body ul li {width: 100%!important;}
}

@media (min-width: 821px){.modal-content .modal-body ul li:nth-child(odd) {
		float: right!important;
}
}
@media (min-width: 1920px) {
		#popuppress-4059, #popuppress-4060 {top: 3380px!important;}
}
@media (max-width: 1919px) and (min-width: 1601px) {
	#popuppress-4059, #popuppress-4060 {top: 3450px!important;}
}
@media (max-width: 1600px) and (min-width: 1440px) {
	#popuppress-4059, #popuppress-4060 {top: 3540px!important;}
}
@media (max-width: 1439px) and (min-width: 1200px) {
	#popuppress-4059, #popuppress-4060 {top: 3640px!important;}
}
@media (max-width: 1199px) and (min-width: 980px) {
	#popuppress-4059, #popuppress-4060 {top: 3550px!important;}
}
@media (max-width: 979px) and (min-width: 601px) {
	#popuppress-4059, #popuppress-4060 {top: 3750px!important;}
}
@media (max-width: 600px) {
	#popuppress-4059, #popuppress-4060 {top: 4500px!important;}
}

.page-id-1702 .hero-content, .page-id-1089 .hero-content, .page-id-1298 .hero-content, .page-id-70 .hero-content, .page-id-4065 .hero-content, .page-id-4064 .hero-content, .page-id-1627 .hero-content, 
 .page-id-69 .hero-content, .page-id-674 .hero-content {bottom: 50%!important;}
.page-id-574 .hero-content {bottom: 35%!important;}
.page-id-574 #layout-half {margin-bottom: 110px;}
.lsow-button, #contact-page-form > #wpcf7-f126-o1 > form .btn.btn-info {font-family: 'Karla', sans-serif!important; font-size: 16px!important; letter-spacing: 2px!important; line-height: 3px!important; color: #4a4e69!important; text-transform: uppercase!important; background-color: #fff!important; border: 2px solid #4a4e69!important;  padding: 24px 21px!important; border-radius: 5px!important; display: inline-block!important;	}
.wufoo .buttons input.btTxt {font-family: 'Karla', sans-serif!important; font-size: 16px!important; letter-spacing: 2px!important; line-height: 3px!important; color: #4a4e69!important; text-transform: uppercase!important; background-color: #fff!important; border: 2px solid #4a4e69!important;  padding: 24px 21px!important; border-radius: 5px!important; display: inline-block!important;	}

.wufoo h2{
	font-size: 65px; line-height: 90px; color: #4a4e69;	font-weight: 400;
}
@media (max-height: 600px) {

	.page-id-1702 .hero-content, .page-id-1089 .hero-content, .page-id-1298 .hero-content, .page-id-70 .hero-content, .page-id-4064 .hero-content,  .page-id-4065 .hero-content, .page-id-1627 .hero-content, 
 .page-id-69 .hero-content, .page-id-674 .hero-content, .page-id-574 .hero-content {bottom: 10%!important;}
	.page-id-1702 #hero-unit .hero-content.text-center h1, .page-id-1089 #hero-unit .hero-content.text-center h1, .page-id-1298 #hero-unit .hero-content.text-center h1, .page-id-70 #hero-unit .hero-content.text-center h1, .page-id-1627 #hero-unit .hero-content.text-center h1, .page-id-69 #hero-unit .hero-content.text-center h1, .page-id-674 #hero-unit .hero-content.text-center h1, .page-id-574 #hero-unit .hero-content.text-center h1 {font-size: 18px!important;}
	.page-id-574 .hero-content a.btn-ghost {margin-top: 10px!important;}
}
.lsow-button:hover, #contact-page-form > #wpcf7-f126-o1 > form .btn.btn-info:hover {color: #fff!important; background: #4a4e69!important;}
.page-id-574 .hero-content a.btn-ghost {display: inline-block; font-size: 20px; text-align: center; border-radius: 5px; background: #eec364; color: #fff; padding: 24px 65px; margin-top: 120px!important; border: 0px!important; font-family: 'Karla', sans-serif!important; font-weight: 400!important;}
.page-id-674 #nextPageButton {display: inline-block; font-size: 20px; text-align: center; border-radius: 5px; background: #eec364; color: #fff; padding: 24px 65px; margin-top: 120px!important; border: 0px!important; font-family: 'Karla', sans-serif!important; font-weight: 400!important;}
.page-id-574 .hero-content a.btn-ghost:hover {background: #4a4e69!important;}
.page-id-574 .hero-content a#goto, .page-id-2182 .hero-content a#goto, .page-id-69 .hero-content a#goto, .page-id-674 .hero-content a#goto {display: none!important;}
 
.page-id-574 #hero-unit .hero-content.text-center h1, .page-id-1089 #hero-unit .hero-content.text-center h1, #hero-unit .hero-content.text-center h1 {font-size: 85px!important;}
.page-id-574 .hero-content h1 em, .page-id-69 .hero-content h1 em, .page-id-674 .hero-content h1 em {font-style: normal!important;}
.page-id-154 .hero-content h1 small, .page-id-69 .pad60, .page-id-69 .hero-content h1 small, .page-id-574 .pad60 {display: none!important;}
.page-id-154 .hero-content .spa-yellow-btn {display: inline-block; font-size: 20px; text-align: center; border-radius: 5px; background: #eec364; color: #fff; padding: 24px 65px; margin-top: 120px;}
.page-id-154 .hero-content .spa-yellow-btn:hover	{background: #4a4e69;}
#hero-unit{
  margin-bottom: 50px !important
}
header.header.fixed-header .navbar-header .navbar-brand {max-width: 400px!important; 
left: calc(50% - 200px);
padding-top: 0px!important;		
}
@media (max-width: 600px) {
	.page-id-574 .hero-content h1 em{font-size: 39px; line-height: 53px;}
	.hero-btn {opacity: 0.9!important; padding: 22px 45px!important;}
	.spa-yellow-btn, .page-id-574 .hero-content a.btn-ghost {opacity: 0.9!important; padding: 17px 45px!important;}
	.page-id-574 .hero-content a.btn-ghost {margin-top: 40px!important;}
.activity-rev-text {white-space: normal!important; font-size: 16px!important; line-height: 20px!important;}
}
.Video-PopUp-Content .vp-flex {max-width: 1400px; height: 790px;}
    .careers-video {display: none; width: 100%; height: 800px; background: url(http://twinfarmsstg.wpengine.com/wp-content/uploads/2021/08/careers-video.jpeg);
    background-size: cover; background-position: center center;}
.careers-video a {display: block; height: 200px; width: 200px; background: url(http://twinfarmsstg.wpengine.com/wp-content/uploads/2021/06/play-icon.png); background-size: contain; background-repeat: no-repeat; cursor: pointer; position: absolute; margin-left: calc(50% - 100px); margin-top: 300px;}

.page-id-574 .careers-video {display: block;}


#responsive-menu-button {z-index: 9999999999!important;}
button.responsive-menu-button.is-active .responsive-menu-inner, button.responsive-menu-button.is-active .responsive-menu-inner::before, button.responsive-menu-button.is-active .responsive-menu-inner::after{
	background-color: #687E96!important;
		z-index: 9999!important;
}
.navbar-brand.logo{position: absolute; left: calc(50% - 200px); max-width: 400px;}
.navbar-brand.logo img {width: 500px;}
#responsive-menu-button {left: 40px;}
.newNavLink {position: absolute; right: 40px!important;}
.navPhone {position: absolute; right: 130px; color: #fff; top: 37px;
}
.navPhone:hover {color: #FFD068;}
header.header.fixed-header {height: 80px;}
header.header.fixed-header .navPhone {
	color: #000; top: 27px;	
}

footer .container-fluid .logo-wrapper img{
  width: auto !important;
  max-height: 90px !important;
  margin-right: 5px !important;
}
footer>.row {margin-right: 0px; margin-left: 0px;}
@media(max-width: 1024px) and (min-width: 801px) {
.home #rev_slider_25_1_forcefullwidth, .home #rev_slider_25_1_wrapper, body.home #hero-unit, body #hero-unit, body.page-id-154 #hero-unit, body.page-id-154 #hero-unit > .carousel-inner, body.page-id-154 #hero-unit > .carousel-inner > .item, .forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper, .acc-banner{max-height: 550px!important; min-height: 550px!important;}
		.page-id-154 #hero-unit .hero-content.text-center {bottom: 10%!important;}
		#hero-unit .hero-content.text-center h1 {font-size: 70px!important;}
	#hero-unit .hero-content.text-center {bottom: 40%!important;}
}
@media(max-width: 800px) and (min-width: 501px) {
.home #rev_slider_25_1_forcefullwidth, .home #rev_slider_25_1_wrapper, body.home #hero-unit, body #hero-unit, body.page-id-154 #hero-unit, body.page-id-154 #hero-unit > .carousel-inner, body.page-id-154 #hero-unit > .carousel-inner > .item, .forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper, .acc-banner{max-height: 400px!important; min-height: 400px!important;}
	.page-id-154 .hero-content .spa-yellow-btn {margin-top: 0px!important;}
		.page-id-154 #hero-unit .hero-content.text-center {bottom: 10%!important;}
	#hero-unit .hero-content.text-center h1 {font-size: 53px!important;}
	#hero-unit .hero-content.text-center {bottom: 25%!important;}
}
@media(max-width: 500px){
		.home #rev_slider_25_1_forcefullwidth, .home #rev_slider_25_1_wrapper, body.home #hero-unit, body #hero-unit, body.page-id-154 #hero-unit, body.page-id-154 #hero-unit > .carousel-inner, body.page-id-154 #hero-unit > .carousel-inner > .item, .forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper, .acc-banner{max-height: 320px!important; min-height: 320px!important;}
	.page-id-154 #hero-unit .hero-content.text-center {bottom: 10%!important;}
	.page-id-154 #hero-unit .hero-content.text-center h1{font-size: 35px!important;}
	.page-id-154 .hero-content .spa-yellow-btn {padding: 10px 47px!important; margin-top: 10px!important; font-size: 16px;}
	.page-id-3705 .forcefullwidth_wrapper_tp_banner, .page-id-3705 .rev_slider_wrapper, .page-id-3705 .acc-banner {max-height: 320px!important; min-height: 320px!important;}

	header.header.fixed-header .navbar-header .navbar-brand {max-width: 290px!important; 
left: auto!important;
		right: 10px!important;
padding-top: 15px!important;		
}
  footer .container-fluid .logo-wrapper img{
    max-height: 50px !important;
  }
		.navPhone {display: none;}		
  body #hero-unit{
    min-height: 320px !important;
    margin-bottom: 50px !important;
    height: auto !important;
  }
		#responsive-menu-button {
				left: 10px!important;
		}
		.navbar-brand.logo {left: auto!important; right: 10px!important; max-width: 293px!important;}   
	
}
@media(min-width: 2400px) {
	#home-contact .container-fluid .row.blue-overlay{
		display: inherit;
	}
}
@media (max-width: 480px) {

		#hero-unit > .carousel-inner, #hero-unit > .carousel-inner > .item {
				height: 100vh!important;
		}
		#hero-unit .hero-content.text-center h1 > small {
				font-size: 20px!important;
		}
		#intro h2, .blue-heading, #display-package .container-inner h1, .page-template-new-accomodation .acc-content h2, .pack-three-content h1 {
				font-size: 42px!important;
				margin-top: 0px;
				line-height: 52px!important;
		}
		.two-column-text h2, #hero-unit h1, #hero-unit .hero-content.text-center h1, .page-template-new-accomodation .acc-content .acc-details h2 {
				font-size: 30px!important;
		}
}

.blue-overlay {background: url(http://twinfarmsstg.wpengine.com/wp-content/uploads/2019/04/contact-bg.jpg)!important; background-size: cover;}
.page-template-wedding .book-form, .page-template-experience .book-form, .page-template-accomodation .book-form, .page-template-general .book-form, .page-template-default .book-form{position: absolute; width: 700px; top: calc(100% + 50px); left: calc(50% - 350px); z-index: 999; -webkit-box-shadow: -10px 10px 25px -10px rgba(0,0,0,0.69); -moz-box-shadow: -10px 10px 25px -10px rgba(0,0,0,0.69); box-shadow: -10px 10px 25px -10px rgba(0,0,0,0.69);}
#hero-unit {margin-bottom: 110px;}
.home #hero-unit {margin-bottom: 0px;}
.book-form .fa {display: none;}
.book-form .btn-label {display: none;}
.home .book-form .btn-label {display: block;}
.book-form .book-form-check-in, .book-form .book-form-check-out {padding: 0px; font-size: 12px;}
.home .book-form .book-form-check-in, .home .book-form .book-form-check-out {padding: 10px 20px; font-size: 13px;}
.book-form p.book-form-day {line-height: 26px;}
.home .book-form p.book-form-day {line-height: 50px;}
.page-template-wedding .book-form p.book-form-day, .page-template-experience .book-form p.book-form-day, .page-template-accomodation .book-form p.book-form-day, .page-template-general .book-form p.book-form-day, .page-template-default .book-form p.book-form-day {font-weight: 400; font-size: 23px;}
.page-template-wedding .book-form p.book-form-day:after, .page-template-experience .book-form p.book-form-day:after, .page-template-accomodation .book-form p.book-form-day:after, .page-template-general .book-form p.book-form-day:after, .page-template-default .book-form p.book-form-day:after
 {top: -2px;}
@media screen and (max-width: 1100px) and (min-width: 980px) {
		.navbar-brand.logo {top: 25px;}
}
@media screen and (max-width: 979px) and (min-width: 769px) {
		.navbar-brand.logo {max-width: 300px; top: 25px; left: calc(50% - 150px);}
		header.header.fixed-header .navbar-header .navbar-brand {
	max-width: 300px!important; 	
				left: calc(50% - 150px);
		}
}
@media screen and (max-width: 768px) {
		.navbar-brand.logo {top: 20px;}		
		.navPhone, .newNavLink {top: 30px!important;}	
.page-template-wedding .book-form, .page-template-experience .book-form, .page-template-accomodation .book-form, .page-template-general .book-form, .page-template-default .book-form{position: absolute; width: 90%; top: calc(100% + 50px); left: 5%; z-index: 999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  #hero-unit {margin-bottom: 160px;}
.home #hero-unit {margin-bottom: 0px;}
}
@media only screen and (max-height: 550px) {
 		
		.page-template-wedding .book-form, .page-template-experience .book-form, .page-template-accomodation .book-form, .page-template-general .book-form, .page-template-default .book-form{position: absolute; top: 650px; left: 5%; z-index: 999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}}
.contrast a:hover {text-decoration: underline!important;}
.contrast .btn-primary:hover {background: #000!important; color: #fff!important;}
.contrast .rws-fancypopup-btn:hover{font-weight: 600;}
#responsive-menu-container .responsive-menu-search-box {display: none!important;}
.contrast #home-contact .btn:hover {background: #000!important; color: #fff; }
/* ----Styling for Contrast--- */
.contrast footer, .contrast footer a, .contrast footer ul + ul a {
  color: #000!important;
  font-weight: 600!important;
}
.contrast #hero-unit h1 {background: #031921!important;}
.contrast.home .call-span a {
  color: #fff!important;
}
.contrast #mCSB_1_container h4 {background: #000!important; font-weight: 600;}
.contrast #mCSB_1_container li {background: #000!important; font-weight: 600;}
.contrast #load-packages .thumbnail .caption span {display: inherit; background: #fff;}
.contrast .two-column-text a {color: #000; text-decoration: underline;}
.contrast .page-id-63 #display-package span, .contrast .page-id-63 #display-package p {background: #031921!important;}
.contrast #load-packages .thumbnail span {color: #fff; background: #000; display: none;}
.contrast .container a {color: #000; text-decoration: underline; font-weight: 600;}
.contrast .bl-content .inner-contents {background: #000;}
.contrast .btn-primary {color: #fff!important;}
.contrast .fa-angle-down p {background: #000!important; }
.contrast .two-column-text h2 {color: #000!important;}
.contrast #bl-main section.bl-expand .bl-right-content p {font-weight: 600!important; color: #000!important;}
.contrast .bl-icon-close, .contrast .fancybox p {background: #000!important; color: #fff!important;}
.contrast #bl-main .bl-content .bl-right-content {background: #000!important;}
.contrast .rws-fancypopup-btn {color: #fff!important; text-decoration: underline;}
.contrast #intro h2 {color: #fff; background: #031921!important; padding-top: 20px; padding-bottom: 20px;}
.contrast .btn-link{background: #031921!important; color: #fff!important;}
.contrast .btn-link:hover {background: #fff!important; color: #000!important;}
.contrast #cta a {color: #000; text-decoration: underline!important; font-weight: 600;}
.contrast .page-id-70 .container a, .contrast .page-id-652 .container a, .contrast .page-id-67 .container a {color: #000; text-decoration: underline!important; font-weight: 600;}
.contrast .btn-ghost {background: #031921!important; color: #fff!important;}
.contrast .btn-ghost:hover {background: #fff!important; color: #000!important;}
.contrast .subscribe-wrap span, .contrast .subscribe-wrap h4  {background: #000!important; padding: 15px 20px; font-weight: bold; margin-bottom: 60px!important;}
.contrast #responsive-menu-container {background: #000!important;}
.contrast .carousel-control p {font-size: 18px; color: #fff!important; background: #000!important;}
.contrast .rws-social-icon p {font-size: 18px!important; color: #000!important; font-weight: bold!important;}
.contrast .blue-heading {color: #fff!important; background: #031921!important; padding: 16px;}
.contrast .home .call-span {max-width: 200px; margin-right: auto; margin-left: auto;background: #031921!important;}
.contrast .ui-state-default {color: #000!important; font-weight: 600;}
.contrast .book-form-button .btn-primary {background: #000!important;}
.contrast .book-form-button .btn-primary:hover {background: #fff!important;}
.contrast .book-form-button .btn-primary:hover {color: #000!important;}
.contrast #load-packages p {font-weight: 600; color: #000;}
.contrast .date.pull-right {font-weight: 600; color: #000;}
.contrast .caption span {font-weight: 600!important; color: #000!important;}
.contrast .btn-primary {background: #031921!important;}
.contrast .hover-content {background: #031921!important;}
.contrast .navbar ul ul {background:linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95))!important;}
@media screen and (max-width: 767px) {
.contrast #responsive-menu-container, .contrast #responsive-menu-container #responsive-menu li.responsive-menu-item a  { background: #000!important;  font-weight: 600!important;}
 .contrast #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {background: #031921!important;}
.contrast .responsive-menu-item-link { color: #fff!important;}
  .contrast-button-container {top: 5px!important; right: 80px!important;}
}
.contrast .book-form {background: #031921!important;}
.contrast header {background: #031921!important;}
.contrast .book-form .book-form-check-in, .contrast .book-form .book-form-check-out {color: #000!important;}

.evcal_evdata_row .evcal_evdata_icons em, .evcal_evdata_row .evcal_evdata_custometa_icons em {
    color: rgb(104, 126, 150);
    font-size: 18px;
}
.caption span {
display: block;
  font-size: 20px;
  font-weight: 400;
  color: #6A6A6A;
margin-bottom: 20px;
  margin-top: 10px;
  line-height: 1.1;
}
.container.post-166 .sub-head {
  display: block;
font-size: 30px;
  margin-top: 40px;
  margin-bottom: 15px;
}
span.blue-heading {
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
}
#display-package .container-inner span {
      display: block;
font-size: 50px;
  margin-bottom: 30px;
  font-family: 'satisfaction', sans-serif;
  font-weight: 700;
  margin-top: 20px;
  line-height: 1.1;
}
body {color: #8e8e8e!important;
font-weight: 400!important;
}
.navbar-nav > li > a {
  font-weight: 600!important;
}
.navbar ul ul a {
  font-weight: 600!important;
}
@media screen and (max-width: 767px) {
#responsive-menu-container { background: #000!important; }
}
.cus-hs-row{
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.cus-evnt-title h2{
  margin-bottom: 10px !important;
}
#hero-unit .call-span {
  display: block;
font-size: 15px;
font-weight: 700;
color: #fff;
margin-top: 10px;
margin-bottom: 10px;
}
.cus-hs-row2{
  margin-top: 50px;
  margin-bottom: 30px;
}
.container.post-166 h3 {
font-size: 30px!important;
}
.page-id-170 .cus-evnt-title, .page-id-68 #layout-half .blue-heading {
display: none!important;
}
.rws-fancypopup em {
font-size: 20px;
color: #fff;
font-family: 'fontawesome';
}
.wpcf7 label {
width: 100%!important;
}
/* Enter Your Custom CSS Here */
.hero-content .row .col-md-7.col-md-offset-5{
  width: 73%;
}
#hero-unit .hero-content{
  right: 15%;
}
.page-template-accomodation #intro h2 + p {
  margin-bottom: 50px!important;
}
@media (max-width: 1440px) and (min-width: 1221px) {
		.page-id-61 #hero-unit .hero-content.text-center, .page-id-154 #hero-unit .hero-content.text-center {
				bottom: 10%!important;
		}
}
@media (max-width: 1220px) and (min-width: 980px){
  .navbar-nav > li > a {
  font-size: 12px;
    padding-left: 12px;
      }
  .navbar-header {
  width: 35%;
  }
  .blue-overlay .subscribe-wrap {
  margin-top: -30px!important;
  }
		.page-id-154 #hero-unit .hero-content.text-center{
				bottom: 20%!important;
		}
		.page-id-61 #hero-unit .hero-content.text-center {
				bottom: 5%!important;
		}
		.page-id-154 .hero-content .spa-yellow-btn, .page-id-61 .hero-content .btn{
				margin-top: 50px;
		}
		.page-id-61 #hero-unit .hero-content.text-center .row h1 > small {font-size: 85px!important; line-height: 115px!important;}
	.page-id-61 #hero-unit .hero-content.text-center .row h1 {font-size: 85px!important; line-height: 115px!important;}
	.page-id-65 #hero-unit .hero-content.text-center .row h1 {font-size: 85px!important; line-height: 115px!important;}
}
@media only screen and (max-width: 768px) {
  #responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
  width: 100%;
  }
  #home-contact .blue-overlay {
  padding-bottom: 60px!important;
  }
   .navbar-header {
  width: 80%;
  }
  button#responsive-menu-button {
  top: 30px!important;
  }
 
}
@media only screen and (max-width: 600px) {
		.navbar-brand.logo {top: 10px!important;}	
  .activity-para {
    clear: both!important;
  padding-top: 30px!important;
      }
.page-template-wedding .row .col-md-6:nth-child(2) .blue-heading,  .page-id-65 .row .col-md-6:nth-child(2) .blue-heading {
  margin-top: 45px!important;
}
}
@media only screen and (max-width: 479px) and (min-width: 320px) {
.page-template-experience #home-contact .blue-overlay {
  padding-bottom: 40px!important;
}
}
@media (max-width: 979px) and (min-width: 769px){
  .navbar-nav > li > a {
  font-size: 11px;
    padding-left: 11px;
  padding-top: 5px;
  }
  .navbar-header {
  width: 30%;
  }
}
@media(max-width: 800px){
 .feat-video iframe{
    object-fit: inherit !important;
  }
}
@media(max-width: 500px){
  .modal{
    padding-top: 65px !important;
}
  .hero-content .row .col-md-7.col-md-offset-5{
  	width: 95%;
	}
  .hero-content .row .col-md-7.col-md-offset-5{
    margin: 0 auto;
  }
  #hero-unit .hero-content{
  	right: 6%;
	}
  body.page-template-temp-cottages #hero-unit{
    background-size: contain !important;
  }
}

@media(max-width: 980px) and (min-width: 501px){
  .hero-content .row .col-md-7.col-md-offset-5{
  	width: 113%;
	}
  #hero-unit .hero-content{
    bottom: 7%;
  }
  .book-form{
    margin: -10px 0;
  }
  #hero-unit h1{
    margin-bottom: 45px;
  }
  #hero-unit h5{
    margin-top: 20px;
  }
}

/* Video setting home pg resp */
@media (max-width: 991px) and (min-width: 786px){
  .feat-video .embed-container {
      padding-bottom: 56.25% !important;
  }
}

@media (max-width: 785px) and (min-width: 708px){
  .feat-video .embed-container {
      padding-bottom: 56.25% !important;
  }
				.navbar-brand.logo {max-width: 423px; left: calc(50% - 210px);}
				.navbar-brand.logo img {width: 390px;}
		.page-id-61 #hero-unit .hero-content.text-center .row h1 > small {font-size: 85px!important; line-height: 115px!important;}
	.page-id-61 #hero-unit .hero-content.text-center .row h1 {font-size: 85px!important; line-height: 115px!important;}
		.page-id-65 #hero-unit .hero-content.text-center .row h1 {font-size: 85px!important; line-height: 115px!important;}
}

@media (max-width: 767px) and (min-width: 685px){
  .feat-video .embed-container {
      padding-bottom: 56.25% !important;
  }
}

@media (max-width: 684px) and (min-width: 568px){
  .feat-video .embed-container {
      padding-bottom: 56.25% !important;
  }
}

@media (max-width: 567px) and (min-width: 480px){
  .feat-video .embed-container {
      padding-bottom: 56.25% !important;
  }
}

@media (max-width: 479px) and (min-width: 391px){
  .feat-video .embed-container {
      padding-bottom: 56.25% !important;
  }
}
@media (max-width: 390px) and (min-width: 320px){
  .feat-video .embed-container {
      padding-bottom: 56.25% !important;
  }
}
#packages {display: none!important;}
a:focus{outline:none;}
.contrast-button-container {z-index: 55!important;display: block!important;position: absolute!important; top: 12px!important; right:0px!important; width: 40px!important; height: 40px!important;}
.contrast-button-container:hover {width: 220px!important;}
.contrast-button-container .contrast-button {display: block; background: none!important;border: 2px solid #fff!important; border-radius: 25px!important; width: 40px!important; height: 40px!important; top: 0px!important; right: 0px!important;}
.contrast-button-container .contrast-button:hover {width: 220px!important; background: #fff!important;}
.contrast-button .contrast-text {display:none; position: absolute; vertical-align: middle; top: 50%; transform: translateY(-50%); opacity: 0; padding-left:1.375rem; text-transform: uppercase;padding-right:2.875rem;}
.contrast-button-container .contrast-button:hover.contrast-button .contrast-text {display: block; font-size: 14px; left: 0px;color: #000; font-weight: 600; opacity: 1;}
.contrast-button .contrast-icon {display: block; position: absolute; vertical-align: middle; top: 46%; transform: translateY(-50%); right: 0.525rem; min-width: 2.75rem; }
.contrast-button .contrast-icon svg {width: 2.50rem;height: 2.125rem;fill: #fff;vertical-align: middle;}
.contrast-button-container .contrast-button:hover.contrast-button .contrast-icon svg {fill: #000;}
.navbar-collapse {padding-right: 70px;}
@media screen and (max-width: 767px) {

  .contrast-button-container {top: 5px!important; right: 80px!important;}
  }
@media screen and (max-width: 480px) {
.navbar-brand {max-width: 293px;}
    .contrast-button-container {top: 5px!important; right: 60px!important;}
}
@media screen and (max-width: 380px) {
.navbar-brand {max-width: 253px;}
    .contrast-button-container {top: 5px!important; right: 60px!important;}
}
@media screen and (max-width: 1367px) and (min-width: 769px) {
  .navbar-nav > li > a {padding-left: 10px; padding-right: 10px; font-size: 14px;}
}



button#responsive-menu-button {display: block; transition: transform 0.5s,background-color 1s; width: 33px; height: 27px; padding: 0 0; cursor: pointer; transition-property: opacity,filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: #fff; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; position: absolute; top: 35px; right: 20px; z-index: 99;}
button#responsive-menu-button .responsive-menu-box {width: 33px; height: 27px; display: inline-block; position: relative;}
button#responsive-menu-button .responsive-menu-inner {display: block; top: 50%; margin-top: -2.5px;}
button#responsive-menu-button .responsive-menu-inner, button#responsive-menu-button .responsive-menu-inner::before, button#responsive-menu-button .responsive-menu-inner::after {width: 33px; height: 5px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease;}
button#responsive-menu-button .responsive-menu-inner::before, button#responsive-menu-button .responsive-menu-inner::after {content: ""; display: block;}
button#responsive-menu-button .responsive-menu-inner::before {top: -11px;}
button#responsive-menu-button .responsive-menu-inner::after {bottom: -11px;}
button#responsive-menu-button.is-active .responsive-menu-inner::after {bottom: -1px;}
.responsive-menu-boring.is-active .responsive-menu-inner {transform: rotate(45deg);}
.responsive-menu-boring.is-active .responsive-menu-inner::before {top: 0 !important; opacity: 0;}
.responsive-menu-boring.is-active .responsive-menu-inner::after {transform: rotate(-90deg);}
.responsive-menu-open #responsive-menu-container.push-left, .responsive-menu-open #responsive-menu-container.slide-left {transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0);}
#responsive-menu-container {display: block; position: fixed; top: 0; bottom: 0; z-index: 99998; padding-bottom: 5px; margin-bottom: -5px; outline: 1px solid transparent; overflow-y: auto; overflow-x: hidden; width: 75%; left: 0; transition: transform 0.5s; text-align: left;background: #000!important;}
	#responsive-menu-container.push-left, #responsive-menu-container.slide-left {transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);}
#responsive-menu-container #responsive-menu-wrapper {background: #fff; height: 100%;}
#responsive-menu-container #responsive-menu-title {background-color: #43494C; color: #FFF; font-size: 14px; text-align: left;}
#responsive-menu-container .responsive-menu-item-link, #responsive-menu-container #responsive-menu-title, #responsive-menu-container .responsive-menu-subarrow {transition: background-color 1s,border-color 1s,color 1s;}
#responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title {padding: 25px 5%;}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {display: inline-block; vertical-align: middle; max-width: 100%; margin-bottom: 15px;}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {max-width: 100%;}
#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu > ul {width: 100%; padding-left: 0;}
	#responsive-menu-container li.responsive-menu-item {width: 100%; list-style: none;}
	#responsive-menu-container #responsive-menu>li.responsive-menu-item:first-child>a {    border-top: 1px solid #3C3C3C;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-size: 16px;line-height: 44px; border-bottom: 1px solid #3C3C3C; color: #FFF; background-color: #43494C; height: 44px;padding: 0 5%;width: 100%; display: block; text-decoration: none; position: relative; transition: background-color 1s,border-color 1s,color 1s;}

	#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {color: #FFF; background-color: #3C3C3C; border-color: #3C3C3C;}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu {display: none;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {position: absolute; top: 0; bottom: 0; text-align: center; overflow: hidden; right: 0; height: 44px; line-height: 44px; width: 44px; color: #FFF; border-left: 1px solid #3C3C3C; background-color: #43494C;transition: background-color 1s,border-color 1s,color 1s;}

header nav.navbar {display: none;}
button#responsive-menu-button, #responsive-menu-container {display: block!important;}
#responsive-menu-container {width: 100%!important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {border-bottom: none!important; font-size: 30px; text-transform: uppercase; text-align: center; height: 60px;}
#responsive-menu-container #responsive-menu-title {text-align: center;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link:hover {color: #FFD068;}
#responsive-menu-container li.responsive-menu-item:hover, #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link:hover, #responsive-menu-container li.responsive-menu-item, #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {background: none!important;}
#responsive-menu-container #responsive-menu>li.responsive-menu-item:first-child>a {margin-top: 20px; border-top: none;}
#responsive-menu-container #responsive-menu li.responsive-menu-item li.responsive-menu-item .responsive-menu-item-link {font-size: 18px; height: 40px;}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu {padding: 0px; margin-top: -20px; margin-bottom: 20px;}
#responsive-menu-container #responsive-menu-wrapper {background-image: url(https://twinfarmsstg.wpengine.com/wp-content/uploads/2020/07/1042-Twin-Farms-Food-117a-Contrast-resized.jpg); background-repeat: no-repeat; background-size: cover; -webkit-transition: background-image 0.8s ease;
transition: background-image 0.8s ease-in-out;}
#responsive-menu-container li.responsive-menu-item, #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {color: #687E96; font-weight: 400;}
#responsive-menu-container #responsive-menu-title{background: none;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {border-left: none; background: none; color: #687E96; left: calc(50% + 150px); }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover {color: #FFD068;}
.responisve-back {position: absolute; left: 30px; cursor: pointer; top: 40px; color: #aaaaaa; font-size: 20px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px;}
.responisve-book {position: absolute; right: 30px; top: 40px; color: #687E96; font-size: 20px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px;}
.header .container-fluid {max-width: 100%;}
.newNavLink {position: absolute; top: 37px; right: 100px; color: #fff!important; font-size: 18px; letter-spacing: 2px; cursor: pointer; font-weight: 600!important;}
.sticky-header .newNavLink{color: #000!important;}
.newNavLink:hover, .sticky-header .newNavLink:hover {color: #FFD068!important;}
.newNavButton { display: none; width: 50px; height: 22px; position: absolute; right: 20px; top: 40px; cursor: pointer;}
.newNavButton span { width: 100%; height: 2px; background: #fff; margin-top: 8px; display: block;}
.newNavButton span:first-child {margin-top: 0px;}
button#responsive-menu-button, button#responsive-menu-button .responsive-menu-box {width: 50px; height: 22px;}
button#responsive-menu-button .responsive-menu-inner, button#responsive-menu-button .responsive-menu-inner::before, button#responsive-menu-button .responsive-menu-inner::after {width: 50px; height: 2px;}
button#responsive-menu-button {top: 40px;}
header.header.fixed-header {background: rgba(0,0,0,0)!important; padding-bottom: 5px; transition: padding 300ms ease;}
header.header.fixed-header.sticky-header {background: #fff!important; }
header.header.fixed-header .newNavLink {color: #000; top: 27px;}
	header .navbar-nav > li > a {font-weight: 400!important; color: #000!important;}
}
header.header.fixed-header .newNavButton {top: 29px;}
header.header.fixed-header .newNavButton span { background: #000;}
header.header.fixed-header button#responsive-menu-button {top: 40px!important; color: #000;}
#responsive-menu-item-2228, #responsive-menu-item-172 {display: none!important;}
.stickyHeader{display: none; position: absolute; top: 20px; left: 20px; width: 393px; height: 47px; background-image: url(https://twinfarmsstg.wpengine.com/wp-content/uploads/logo1.png); background-repeat: no-repeat; background-size: contain; }
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {letter-spacing: 2px;}
button#responsive-menu-button.sticky-btn .responsive-menu-inner, button#responsive-menu-button.sticky-btn .responsive-menu-inner::before, button#responsive-menu-button.sticky-btn .responsive-menu-inner::after {background-color: #000;}
button#responsive-menu-button.menu-visible .responsive-menu-inner, button#responsive-menu-button.menu-visible .responsive-menu-inner::before, button#responsive-menu-button.menu-visible .responsive-menu-inner::after {background-color: #687E96!important;}
button#responsive-menu-button.menu-visible  {z-index: 99999!important; left: 30px!important;}
button#responsive-menu-button.fixed-responsive-menu.sticky-btn {top: 30px!important;}
@media screen and (min-width: 1025px) {
	#responsive-menu-container #responsive-menu li.responsive-menu-item.small-menu .responsive-menu-item-link {font-size: 18px!important; height: 40px;}
#responsive-menu-container #responsive-menu li.responsive-menu-item.small-menu.small-mfirst {margin-top: -20px;}
#responsive-menu-container #responsive-menu li.responsive-menu-item.small-menu.small-mlast {margin-bottom: 15px;}
}
@media screen and (max-width: 1024px) {
	button#responsive-menu-button {width: 50px!important; height: 22px!important;	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item.small-menu .responsive-menu-item-link {font-size: 14px!important; height: 40px;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item.small-menu.small-mfirst {margin-top: -5px;}
	button#responsive-menu-button .responsive-menu-inner, button#responsive-menu-button .responsive-menu-inner::before, button#responsive-menu-button .responsive-menu-inner::after {width: 50px!important; height: 2px!important; }
	#responsive-menu-container #responsive-menu-wrapper {background: #fff!important; background-image: url(https://twinfarmsstg.wpengine.com/wp-content/uploads/2020/07/1042-Twin-Farms-Food-117a-Contrast-resized.jpg)!important; background-repeat: no-repeat; background-size: cover; -webkit-transition: background-image 0.8s ease;
transition: background-image 0.8s ease-in-out;}
	#responsive-menu-container #responsive-menu-wrapper {padding-top: 50px;}
	#responsive-menu-container #responsive-menu>li.responsive-menu-item:first-child>a {border-top: none!important;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {color: #687E96!important;}
	#responsive-menu-title {display: none!important;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {color: #687E96!important; background: transparent!important; border-left: none!important;}
	.responisve-back, .responisve-book {font-size: 16px;}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {text-align: center!important; font-size: 14px!important;}
}
@media screen and (max-width: 600px) {
		.single-post p img {
				float: none!important;
				margin-right: 0px!important;
margin-left: 0px!important;
				margin-top: 40px!important;
				max-width: 100%!important;
		}
		.postid-4389 .blog-inner {
				padding-bottom: 70px!important;
		}
.newNavLink {display: none;}
	.newNavButton {top: 20px;}
	button#responsive-menu-button.mobile-cross .responsive-menu-inner, button#responsive-menu-button.mobile-cross .responsive-menu-inner::before, button#responsive-menu-button.mobile-cross .responsive-menu-inner::after{width: 30px!important;}
	button#responsive-menu-button.mobile-cross, button#responsive-menu-button.fixed-responsive-menu.sticky-btn.mobile-cross {top: 40px!important;}
		.navbar-brand.logo {max-width: 323px;}
				.navbar-brand.logo img {width: 290px;}
}
@media screen and (max-width: 480px) {
	button#responsive-menu-button {right: 20px!important; top: 20px!important;}
	.stickyHeader {width: 250px; height: 30px; background-size: contain;}
	.page-id-61 #hero-unit .hero-content.text-center .row h1 > small {font-size: 39px!important; line-height: 53px!important;}
	.page-id-61 #hero-unit .hero-content.text-center .row h1 {font-size: 39px!important; line-height: 53px!important;}
		.page-id-65 #hero-unit .hero-content.text-center .row h1 {font-size: 39px!important; line-height: 53px!important;}
}
@media screen and (max-width: 760px) {
	header.header.fixed-header {
		padding-bottom: 40px!important;
	}
	.responisve-back, .responisve-book {font-size: 16px;}
	#responsive-menu-container #responsive-menu-title:hover, #responsive-menu-container #responsive-menu-title {display: none!important;}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {text-align: center!important; font-size: 14px!important;}
	button#responsive-menu-button.sticky-btn .responsive-menu-inner, button#responsive-menu-button.sticky-btn .responsive-menu-inner::before, button#responsive-menu-button.sticky-btn .responsive-menu-inner::after {}
}
button#responsive-menu-button.menu-visible {z-index: 99999!important; left: 30px!important;}
button#responsive-menu-button:hover {opacity: 0.7;}