/*
Theme Name: MCC Theme
Theme URL: https://www.montechristocommunities.com/
Description: Twenty Twenty Child Theme
Author: MCC Dev
Author URL: https://www.montechristocommunities.com/
Template: twentytwenty
Version: 1.0.862
Text Domain: mccTheme
*/
/* Custom CSS goes after this line */

@font-face {
    font-family: 'JOURNALISM';
    src: url('assets/fonts/journalism.woff2') format('woff2'),
         url('assets/fonts/journalism.woff') format('woff'),
         url('assets/fonts/journalism.eot') format('embedded-opentype'),
         url('assets/fonts/journalism.svg#JOURNALISM') format('svg'),
         url('assets/fonts/journalism.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.header-inner {
  max-width:1200px;
}

#site-footer .section-inner {
  align-items: baseline;
  display: block;
  width: 100%;
  background: #172A4F 0% 0% no-repeat padding-box;
  opacity: 1;
}
/* Custom Styles for MCC*/

body {
	font-family: Arial, Helvetica, sans-serif;
}
#site-header {
	background: #B95C32;
	position: fixed;
	/* margin: 0 auto; */
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	z-index: 5;
}

.specialOfferText{
  color: #B95C32;
  background: #fff;
	position: relative;
	/* margin: 0 auto; */
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
  z-index: -1;
  font: normal normal bold 19px/24px Roboto Slab;
  padding: 10px 15px 10px 15px;
  width: 100%;
  height: 49px; /* testing for Safari | 30% */
}

@keyframes slideInFromTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideOutToTop {
  0% {
    transform: translateY(0);
  }
  100% {
    display: none;
    transform: translateY(-100%);
  }
}

@-webkit-keyframes slideInFromTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideOutToTop {
  0% {
    transform: translateY(0);
  }
  100% {
    display: none;
    visibility: hidden;
    height: 0px;
    transform: translateY(-100%);
  }
}

.closeSpecialOffer{
  -webkit-animation: .5s ease-out 0s 1 slideOutToTop;
  animation: .5s ease-out 0s 1 slideOutToTop;
  animation-fill-mode: forwards;
}
@media screen and (max-width:850px) {
.reHeight {height: 60px;} /* added for iOS safari to force header to retract to 60px height */
}
.showSpecialOffer{
  -webkit-animation: .5s ease-out 0s 1 slideInFromTop;
  animation: .5s ease-out 0s 1 slideInFromTop;
}
.specialOfferText div{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 98%;
  display: inline-block;
}
.specialOfferText a{
  color: #B95C32;
  text-decoration: none;
}
.specialOfferText .fa-window-close:before {
    content: "\f410";
}
.specialOfferText .fa-window-close {
  width: 2%;
  float: right;
  text-align: right;
}
.specialOfferText .fa-window-close:hover {
    cursor: pointer;
}

main {
	max-width: 1200px;
	margin: 0 auto;
	top: 40px;
	position: relative;
	background: #F4F4F4;

}
.specialOffer main{
  top: 65px;
}
/* The Overlay (background) */
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 100%;
	width: 0;
	position: relative; /* Stay in place */
	left: 0;
	background-color: rgb(0,0,0); /* Black fallback color */
	background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	/*transition: 0.5s;*/ /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	position: relative;
	font: normal normal normal 14px/20px Montserrat;
	margin: 0; /* 30px top margin to avoid conflict with the close button on smaller screens */
	/*column-count: 3;*/
	list-style-type: none;
	color: #172A4F;
	background: #FFEBB1 0% 0% no-repeat padding-box;
  opacity: 0.85;
}

/* The navigation links inside the overlay */
.overlay li {
	padding: 8px;
	display: block; /* Display block instead of inline */
	/*transition: 0.3s; *//* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
/*	color: #f1f1f1; */
}

.overlay a{
	color: #172A4F;
	text-decoration: none;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
	.overlay a {
		font-size: 15px
	}
}
body {
  background: #a8a05f;
}
.navContainer{
	width: 100%;
	height: 40px;
}
.topNav{
	margin : 10px 10px 5px 0px;
}
.topNav li img{
	display: inline;
}

.topNav ul{
	margin: 5px 0 10px 15px;
	display: inline;
	font: normal normal normal 12px/20px Montserrat;
}
.topNav li{
	display: inline;
	cursor: pointer;
}

.topNav .logoImg img{
	height: 15px;
	display: inline-block !important;
}
.topNav .logoText a{
  color: white;
  font: normal normal normal 20px/0.5 JOURNALISM;
  letter-spacing: 2px;
  display: inline-block;
  text-transform: uppercase;
}
.topNav .primaryMenu a{
	color: #fff;
}
.topNav a{
	text-decoration: none;
}

/* Second Level Sub Nav */
.primaryMenu li {
	position: relative;
}
.primaryMenu > li.menu-item-has-children > a {
	padding-right: 2rem;
}
/* SUB MENU */
.primaryMenu ul {
	background: #172a4f;
	border-radius: 0.4rem;
	color: #fff;
	font-size: 1.3rem;
	opacity: 0;
	padding: 0.5rem 0;
	position: absolute;
	right: 9999rem;
	top: calc(100% + 2rem);
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	transform: translateY(0.6rem);
	width: 20rem;
	z-index: 1;
}
.primaryMenu li.menu-item-has-children:hover > ul,
.primaryMenu li.menu-item-has-children:focus > ul,
.primaryMenu li.menu-item-has-children.focus > ul {
	right: 0;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.15s linear, transform 0.15s linear;
}
.primaryMenu ul::before,
.primaryMenu ul::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
}
.primaryMenu ul::before {
	height: 2rem;
	left: 0;
	right: 0;
}
.primaryMenu ul::after {
	border: 0.8rem solid transparent;
	border-bottom-color: #172a4f;
	right: 1.8rem;
}
.primaryMenu ul a {
	background: transparent;
	border: none;
	color: inherit;
	display: block;
	padding: 0.25rem 2rem;
	transition: background-color 0.15s linear;
	width: 100%;
}
.primaryMenu ul li.menu-item-has-children > a {
	padding-right: 4.5rem;
}
.primaryMenu ul li.menu-item-has-children .icon {
	position: absolute;
	right: 1.5rem;
	top: calc(50% - 0.5rem);
}
.primaryMenu ul li a {
margin-top: -16px;
}
/* DEEP DOWN */
.primaryMenu ul ul {
	top: -1rem;
}
.primaryMenu ul li.menu-item-has-children:hover > ul,
.primaryMenu ul li.menu-item-has-children:focus > ul,
.primaryMenu ul li.menu-item-has-children.focus > ul {
	right: calc(100% + 2rem);
}
.primaryMenu ul ul::before {
	bottom: 0;
	height: auto;
	left: auto;
	right: -2rem;
	top: 0;
	width: 2rem;
}
.primaryMenu ul ul::after {
	border-bottom-color: transparent;
	/*rtl:ignore*/
	border-left-color: #000;
	bottom: auto;
	right: -1.6rem;
	top: 2rem;
}
.rtl .primaryMenu ul ul::after {
	transform: rotate(180deg);
}
.primaryMenu > li > .icon {
	right: -0.5rem;
	top: calc(50% - 0.4rem);
}
.primaryMenu .icon {
	display: block;
	height: 0.7rem;
	position: absolute;
	pointer-events: none;
	transform: rotate(-45deg);
	width: 1.3rem;
}
.primaryMenu .icon::before,
.primaryMenu .icon::after {
	content: "";
	display: block;
	position: absolute;
  background-color: #fff;
	bottom: calc(50% + 0.1rem);
	left: 0;
}
.primaryMenu .icon::before {
	height: 0.9rem;
	width: 0.2rem;
}
.primaryMenu .icon::after {
	height: 0.2rem;
	width: 0.9rem;
}
/* End Sub Nav */

.header-inner.section-inner{
	width:100% ;
	max-width : 100%;
	padding: 0px 0 0 0;
}

.myNav.navVisible{
		width: 1200px;
		height : 100%;
    top : 3px;
}
.myNavMobile.navVisible{display:none;}
.myNav.navHidden{
		width: 0;
}
.topNav .menuIcon.navVisible img{
	display: none;

}
.topNav .menuIcon.navVisible .closeIcon{
	display: inline-block;
}
.topNav .closeIcon{
	/*font-size: 20px;*/
  color: #FFEBB1;
}
.topNav .menuIcon.navHidden img{
	display: inline-block !important;
  vertical-align: baseline;
}
.topNav .menuIcon.navHidden .closeIcon{
	display: none;
}
.noHeight{
	height: 0px;
}
#site-footer {
    max-width: 1200px;
    margin: 0 auto;
}
.footer-copyright {
  font-weight: normal;
}
/* Footer spacing and font fix */
footer .cTitle {font-size: 14px!important; height: 20px; line-height: 20px!important; font: normal normal bold 14px/20px Montserrat!important;}
footer .cInfo {height: auto;}
/* End Footer spacing and font fix */

/* Mobile Menu */
@media only screen and (max-width: 1024px) {

	#site-header {
		z-index: 1;
		width: 100%
	}
	main{
		top: 60px;
		max-width: 100%;
		width: 100%;
	}
	.header-inner.section-inner{
    display: block;
		width: 100%;
		max-width: 100%;
	}
	.myNav.navVisible{display:none;}
  .myNavMobile.navVisible{
    display:block;
    width: 100%;
    height: 1200px;
    top: 4px;
  }
  .myNavMobile > li {margin-top: -6px;}
  .myNavMobile > li:first-child {margin-top: 10px;}
  .myNavMobile .sub-menu {margin-top: 6px; margin-left: 12px;}
  .myNavMobile .sub-menu li {margin: 0px;line-height: 1.26; padding: 6px;}
  .myNav{
      top : 12px;
	}
	.overlay {
		column-count: 1;
	}
	.topNav .primaryMenu{
		display: none;
	}
  .specialOfferText{
    width: 100%;
  }
	.topNav{
		margin : 20px 10px 10px 0px;
	}
	.topNav ul{
		display: block;
	}
	.topNav .menuIcon{
		display: inline-block;
    width: 20%;
	}
	.overlay li {
		transition: 0.3s;
	}
	.overlay{
		transition: 0.5s;
	}
  .topNav li {
    display: inline-block;
    float: left;
  }
  .topNav .menuIcon{
    width: 4%;
  }
  .topNav .logoImg{
    width: 91%;
    text-align: center;
    margin-left: 0;
  }
  .specialOffer main {
    top: 60px;
  }
}
/* END Mobile Menu */

@media print {
  @page {
    size: auto;
    margin: 5mm 5mm 5mm 5mm;
  }
  body{
    margin: 5mm;
  }
}

/* Styles for the Casa Park Homes Blog Tiles */
.sp-pcp-post h2.sp-pcp-title a {font-family: 'Roboto Slab'; font-size: 23px; line-height: 1.20; font-weight: 600; color: rgba(185,92,50,1)}
.sp-pcp-post h2.sp-pcp-title a:hover, .sp-pcp-post h2.sp-pcp-title a:focus {color: rgba(185,92,50,0.75)}
.sp-pcp-post .sp-pcp-post-thumb-area img {height: 150px!important;}
.sp-pcp-poat {min-height: 100%!important; height: auto!important;}
.swiper-slide {min-height: 100%!important; height: auto!important;}
.blog-carousel .sp-pcp-readmore {padding-bottom: 6px!important;}
.blog-carousel h2.sp-pcp-title a {display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
  .blog-carousel .sp-pcp-post-content {display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;}
@media screen and (max-width:834px) {
  .blog-carousel h2.sp-pcp-title a {display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
}
@media screen and (max-width:660px) {
  .blog-carousel h2.sp-pcp-title a {display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
  .blog-carousel .sp-pcp-post-content {display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;}
}
@media screen and (max-width:575px) {
  .blog-carousel h2.sp-pcp-title a {display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
  .blog-carousel .sp-pcp-post-content {display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;}
}
@media screen and (max-width:440px) {
  .blog-carousel .sp-pcp-post-content {display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;}
}

a.pcp-readmore-link {border: 2px solid #e8d088!important; border-radius: 10px!important; color: #a7a05f!important; font-weight: 600; font-size: 14px; font-family: Montserrat; padding: 8px 20px!important;}
a.pcp-readmore-link:hover, a.pcp-readmore-link:focus {background-color: transparent!important;}

.custom-text-body-quote .textwidget{
  opacity: 1;
  width: 60%;
  margin: 0 auto !important;
}
.custom-text-body-quote .textwidget p {
  font: normal normal 300 32px Roboto Slab;
	letter-spacing: 0px;
	color: #B95C32;
  opacity: 1;
  line-height: 1.26;
  margin: 0;
}
/* End Styles for the Casa Park Homes Blog Tiles */

/* Fix of 3 pic issue left border on Community Page */
/* .amContainer .itemContainter .item {width: 33.3333333%!important;} */

/* Privacy Policy Page link color correction */
.misc-page.privacy-policy a, .misc-page.privacy-policy a:visited {color: #172a4f;}

/* Details Page */
.payItems input:read-only {
    outline: none !important;
}

/* Terms Page */
.terms-of-use .textwidget {margin-bottom: 42px!important;}

/* Blog Post Page Styles */
.post-template .misc-page .fhContainer .row {display: flex; align-items: center; justify-content: center;}
.post-template .misc-page .fhContainer .row .item {min-height: 434px; width: 21%; margin: 10px;}
@media screen and (max-width:850px) {
  .post-template .misc-page .fhContainer .row {display: block;}
  .post-template .misc-page .fhContainer .row .item {width: 94%; margin: 3%; height: auto;}
}
.post-template .misc-page .fhContainer .row .item .pName {font: normal normal normal 30px/30px Rozha One;}
.post-template .misc-page .fhContainer .row .item .pAddress {font-family: 'Roboto Slab'; color: #172a4f; font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: 0px; padding: 0px 8px;}
.post-template .misc-page .fhContainer .row .item .pCity {font-family: 'Roboto Slab'; color: #172a4f; font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: -0.27px; padding: 0px 8px; text-transform: capitalize;}
.post-template .misc-page .fhContainer .row .item .pCounty {font-family: 'Montserrat'; font-size: 14px; line-height: 20px; color: #b96c32; letter-spacing: -0.27px;}
.post-template .misc-page .fhContainer .row .item .view a {width: 80%; margin: 10px auto;}

/* For Videos */
.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  margin: 80px 0px 24px 0px;
}
.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Special Offer Styling for Oak Grove Community Pg */
@media screen and (max-width:767px) {
.postid-1359 .heroImg h1.heading {font: normal normal normal 52px/54px JOURNALISM; width: 90%;}
}
@media screen and (max-width:500px) {
.postid-1359 .heroImg h1.heading {font: normal normal normal 44px/44px JOURNALISM; width: 95%;}
.postid-1359 .heroImg .sHeading {width: 92%!important;}
}

/* Casa Park Homes page styling */
.casa-park-homes .custom-text-title-subTitle.panel-widget-style {margin-bottom: -50px;}
.casa-park-homes .custom-text-title-subTitle h3, .casa-park-homes .custom-text-title-subTitle .textwidget {width: 90%; max-width: 920px;}
.casa-park-homes .imgTxtContainer.standard {margin-top: 10px!important;}
.casa-park-homes .imgTxtContainer.standard .buttonOnly {margin-top: -30px;}

/* Special Offers Page Text Box with Image to the Left */
.special-offers .standard-left .imgContainer {width: 27%; margin-left: 3%; margin-top: 36px;}
.special-offers .standard-left .txtContainer .buttonOnly {margin-top: 24px;}
@media screen and (max-width:850px) {
.special-offers .standard-left .txtContainer {text-align: left; width: 60%;}
.special-offers .standard-left .txtContainer .imgTxtTxt {font: normal normal normal 18px/24px Roboto;}
.special-offers .standard-left .imgContainer {width: 36%; margin-left: 3%; margin-top: 36px;}
}
@media screen and (max-width:767px) {
.special-offers .standard-left .txtContainer {text-align: center; width: 100%;}
.special-offers .standard-left .txtContainer span {width: 100%;}
.special-offers .standard-left .txtContainer .buttonOnly {margin: 24px auto;}
.special-offers .standard-left .txtContainer .buttonOnly a.alignLeft {margin: 0px auto;}
.special-offers .standard-left .imgContainer {width: 100%; margin: 36px auto; text-align: center;}
.special-offers .standard-left .imgContainer img {width: 100%; max-width: 320px; margin: 0px auto;}
}

/* Home Pg Reviews Section */
.page-template-template-home-page .custom-text-title-subTitle.panel-widget-style {
    margin-bottom: -50px;
    margin-top: 76px;
}
.page-template-template-home-page .custom-text-title-subTitle .textwidget {
    width: 90%;
    max-width: 1020px;
    margin: 0px auto;
}
.page-template-template-home-page .custom-text-title-subTitle h3 {
      font: normal normal bold 35px/1.24 Roboto Slab;
      letter-spacing: 0px;
      color: #172A4F;
      opacity: 1;
      border-bottom: 1px solid #E8D088;
      margin: 12px auto 0px auto !important;
      width: 90%;
      max-width: 920px;
      margin: 0px auto;
}
.page-template-template-home-page .custom-text-title-subTitle #sb-reviews-container-1, .page-template-template-home-page .custom-text-title-subTitle #sb-reviews-container-2 {padding: 0rem 0!important; margin-top: -50px!important;}
.page-template-template-home-page .custom-text-title-subTitle .sb-feed-header-content .sb-feed-header-heading .sb-relative {display:none!important;}
.page-template-template-home-page .custom-text-title-subTitle .sb-feed-posts {padding: 20px 0px 0px 0px;}
.page-template-template-home-page .custom-text-title-subTitle .sb-feed-header-btn-ctn a {border-radius: 10px; border: 2px solid #e8d088; background-color: #fff!important; color: #a7a05f!important;}
.page-template-template-home-page .custom-text-title-subTitle .sbr-owl-nav .sbr-owl-next {
    margin-right: -27px;
    right: 0;
}
.page-template-template-home-page .custom-text-title-subTitle .sbr-owl-nav .sbr-owl-prev {
    margin-left: -27px;
    padding: 6px 8px 6px 6px;
    left: 0;
}
.page-template-template-home-page .custom-text-title-subTitle .sb-feed-header-average {display: none!important;}
.page-template-template-home-page .custom-text-title-subTitle .sb-expand a {text-decoration: none; font-weight: 700;}
.page-template-template-home-page .custom-text-title-subTitle .sb-post-item {font: normal normal normal 16px/24px Roboto;}
.page-template-template-home-page .custom-text-title-subTitle .sb-feed-header-bottom.sb-fs .sb-feed-header-btn-ctn.sb-relative {float: none;}
.page-template-template-home-page .sb-feed-container {display:flex; flex-direction: column-reverse;}
.page-template-template-home-page .sb-feed-header {text-align: center; margin: 0px auto;}

/* Community Pg Reviews Section */
.single-community .custom-text-title-subTitle.panel-widget-style {
    margin-bottom: -50px;
    margin-top: 76px;
}
.single-community .custom-text-title-subTitle .textwidget {
    width: 90%;
    max-width: 1020px;
    margin: 0px auto;
}
.single-community .custom-text-title-subTitle h3 {
      font: normal normal bold 35px/1.24 Roboto Slab;
      letter-spacing: 0px;
      color: #172A4F;
      opacity: 1;
      border-bottom: 1px solid #E8D088;
      margin: 12px auto 0px auto !important;
      width: 90%;
      max-width: 920px;
      margin: 0px auto;
}
.single-community section .sb-feed-container {padding: 0px 0px 24px 0px; margin-top: -38px;}
.single-community .custom-text-title-subTitle .sb-feed-header-content .sb-feed-header-heading .sb-relative {display:none!important;}
.single-community .custom-text-title-subTitle .sb-feed-posts {padding: 20px 0px 0px 0px;}
.single-community .custom-text-title-subTitle .sb-feed-header-btn-ctn a {border-radius: 10px; border: 2px solid #e8d088; background-color: #fff!important; color: #a7a05f!important;}
.single-community .custom-text-title-subTitle .sbr-owl-nav .sbr-owl-next {
    margin-right: -27px;
    right: 0;
}
.single-community .custom-text-title-subTitle .sbr-owl-nav .sbr-owl-prev {
    margin-left: -27px;
    padding: 6px 8px 6px 6px;
    left: 0;
}
.single-community .custom-text-title-subTitle .sb-feed-header-average {display: none!important;}
.single-community .custom-text-title-subTitle .sb-expand a {text-decoration: none; font-weight: 700;}
.single-community .custom-text-title-subTitle .sb-post-item {font: normal normal normal 16px/24px Roboto;}
.single-community .custom-text-title-subTitle .sb-feed-header-bottom.sb-fs .sb-feed-header-btn-ctn.sb-relative {float: none;}
.single-community .sb-feed-container {display:flex; flex-direction: column-reverse;}
.single-community .sb-feed-header {text-align: center; margin: 0px auto;}
.single-community .cDetails .cInfo .cLogo img {display: none;}

/* Community Pg Address under map */
.community-address {width: 90%; max-width: 1020px; margin: -50px auto 0px auto; text-align: center;}
.community-address a {font-family: 'Roboto', sans-serif; font-size: 17px; color: #172a4f; font-weight: 600;}
@media screen and (max-width:850px) {
.community-address {margin: -16px auto 0px auto;}
}

/* Community Websites Reviews Section */
.page-template-template-home-page .custom-text-title-subTitle.panel-widget-style.less-top-margin {margin-top: 36px;}

/* Update of the text hyperlink color to navy */
.custom-text-title-subTitle a {color: #172a4f;}

/* Styling for GTranslate plugin */
.gt_languages a.glink span {color: #172a4f!important;}
.menu-item-gtranslate a span {font-size:13px!important; color: #fff!important;}

/* Top Nav Adjustment for GTranslater plugin */
.topNav {display: flex; width: 100%; align-items: center; margin-top: 6px;}
.topNav ul {}
ul.primaryMenu {display: flex; align-items:center; flex: 1; margin-top: -6px;}
li.menu-item-gtranslate {margin-left: auto;}
.primaryMenu #menu-item-1875 > a {margin-top: 6px!important;}
@media screen and (max-width: 1220px) {
li.menu-item-gtranslate {margin-left: 10%;}
}
@media screen and (max-width: 1078px) {
li.menu-item-gtranslate {margin-left: 30px;}
}
@media screen and (max-width: 1024px) {
.topNav {display: block!important; margin-top: 20px!important;}
.topNav .logoImg img {height: 18px!important; margin-top: -4px!important;}
}

/* Phone in the header */
.call .fas.fa-phone {font-size: 16px; padding-top: 6px;}
.phoneIcon {display:none!important;}
@media screen and (max-width:1024px) {
.topNav ul {display: flex;}
.phoneIcon {
   display:inline-block!important;
   font-size: 20px;
   margin-right: 30px;
   margin-top: -3px;
 }
.phoneIcon a {color: #fff;}
}

/* Home Hero Park Names Shadow*/
.heroImg h1.heading {
    text-shadow: 4px 3px 2px #000;
}
.heroImg .title {
    text-shadow: 4px 3px 2px #000!important;
}

/* Buy A Home Pg */
.two-col {
    display: flex;
    margin: 20px 90px 50px 90px;
    align-items: stretch;
}
.two-col .col {
    width: 47.5%;
    margin-right: 5%;
    background-color: #fff;
    padding-bottom: 14px;
    display: flex;
    justify-content: flex-end;
    flex-flow: column nowrap;
    border: 1px solid #e8d088;
    border-radius: 11px;
    box-shadow: rgba(0,0,0,0.16) 0px 3px 6px 0px;
}
.two-col .col-btn {
    width: 47.5%;
    margin-right: 5%;
    background-color: transparent;
    padding-bottom: 14px;
    display: flex;
    flex-flow: column nowrap;
}
.two-col .col:last-child, .two-col .col-btn:last-child {
    margin-right: 0%;
}
.two-col .col .col-img {
    max-height: 210px;
    overflow: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.two-col .col .col-content {
    padding: 6px 32px;
    background-color: #fff;
    text-align: center;
}
.two-col .col h3 {margin: 10px auto 12px auto; line-height: 1.16; font-family:'Roboto Slab', san-serif; font-weight: 600; color: #b95c32; font-size: 30px;}
.two-col .col .col-content p {font-family: "Roboto", sans-serif; color: #646464; font-size: 16px; margin-top: 8px;}
.two-col .col button {
    display: block;
    text-transform: uppercase;
    border: 2px solid #e8d088 !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    width: 40%;
    min-width: 166px;
    background-color: #fff;
    margin: auto auto 0px auto;
}
.two-col .col button a {
    text-transform: uppercase;
    color: #a7a05f !important;
    font-weight: 600;
    font-size: 14px;
    font-family: Montserrat;
    text-decoration: none;
}
.two-col .col button:hover, .two-col .col button a:hover {text-decoration: none!important;}
@media screen and (max-width:850px) {
  .two-col {margin: 20px 36px 50px 36px;}
  .two-col .col button {width: 66%; min-width: 166px;}
}
@media screen and (max-width:640px) {
  .two-col {flex-direction: column;}
  .two-col .col {
      width: 100%;
      max-width: 460px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 30px;
  }
  .two-col .col:last-child, .two-col .col-btn:last-child {margin-right: auto;}
  .two-col .col:last-child {margin-bottom: 0px;}
  .two-col .col button {width: 80%; min-width: 166px;}
}

/* Mobile App Section */
.app-col {
    display: flex;
    margin: 20px 90px 50px 90px;
    align-items: center;
}
.app-col .col-btn {
    width: 47.5%;
    margin-right: 5%;
    background-color: transparent;
    padding-bottom: 14px;
    display: flex;
    flex-flow: column nowrap;
}
.app-col .mobile-icon {
    width: auto;
    margin-right: 5%;
    max-width: 150px;
}
.app-col .col-btn:last-child {
    margin-right: 0%;
}
@media screen and (max-width:850px) {
.app-col {margin: 20px 4px 50px 4px;}
}
@media screen and (max-width:640px) {
.app-col {flex-direction: column;}
.app-col .col-btn {width: 100%; max-width: 380px; margin-right: auto; margin-left: auto;}
.app-col .col-btn:last-child {margin-right: auto; margin-left: auto;}
.app-col .mobile-icon {width: auto; margin-right: auto; margin-left: auto;}
}

/* Buy Home section */
.buy-home {padding: 0px 90px;}
.buy-home.top-margin-added {margin-top: 38px;}
.buy-home h3.widget-title {font-family:'Roboto Slab', san-serif; color: #172a4f; font-size: 35px; border-bottom: 1px solid #E8D088; margin-bottom: 18px;}
.buy-home p {font-family: "Roboto", sans-serif; color: #646464; font-size: 16px;}
.buy-home a {color: #172a4f;}
.buy-home .col-btn {align-items: center;}
.buy-home .col-btn .store-btn {text-align: center; margin: 6px auto 0px auto!important;}
.buy-home .store-btn img {text-align: center; width:100%; max-width: 250px; margin: 0px auto!important;}
@media screen and (max-width:850px) {
.buy-home {padding: 0px 36px;}
}

/* Text Widget Wide */
.custom-text-title-subTitle.full-width {padding: 0px 90px;}
.custom-text-title-subTitle.full-width .widget-title {width: 100%;}
.custom-text-title-subTitle.full-width .textwidget {width: 100%;}
.custom-text-title-subTitle.full-width ul li {margin-top: 0px; margin-bottom: 3px;}
.custom-text-title-subTitle.full-width ul ul {margin-bottom: 6px;}
@media screen and (max-width:850px) {
.custom-text-title-subTitle.full-width {padding: 0px 36px;}
}

/* Text Widget Wide Blog Articles */
.custom-text-articles-list {width: 100%; padding: 0px 98px;}
.custom-text-articles-list h3 {
    font: normal normal bold 40px / 40px Roboto Slab;
    letter-spacing: 0px;
    color: #172A4F;
    margin-bottom: 10px;
    text-align: center;
}
@media screen and (max-width:850px) {
.custom-text-articles-list {width: 100%; padding: 0px 36px;}
.custom-text-articles-list h3 {font: normal normal bold 32px / 36px Roboto Slab;}
}
@media screen and (max-width:380px) {
.custom-text-articles-list {width: 100%; padding: 0px 18px;}
}

/* Tab Container */
.tab-container {margin: 40px auto; padding: 0px 90px;}
.tab-container h3.widget-title, .tabs-section h3 {font-family: 'Roboto Slab', serif!important; text-transform: none; letter-spacing: 0px!important; font-size: 35px!important; line-height: 1.25!important; color:#172a4f; font-weight: 700!important; text-align: center;}
.tab-container h3.widget-title {text-align: center; width:100%!important;}
.tab-container  h4 {font-family: 'Roboto Slab', serif!important; text-transform: none; letter-spacing: 0px!important; font-size: 40px!important; line-height: 1.25!important; color:#b95c32; font-weight: 600!important; text-align: left;}
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tabs > section {
  order: 999;
  width: 100%;
  display: none;
}
.tabs > input {
   opacity: 0;
   position: absolute;
}
.tabs > input[type=radio]:checked + label {
  background: yellow;
}
.tabs > input[type=radio]:checked + label + section {
  display: unset;
}
.tabs > label {
  padding: .7em 1em;
  background: #e1e1e1;
  border: 2px solid #e8d088!important;
  font-family: 'Montserrat', serif; color: #b95c32; font-weight: 700; font-size: 13px; text-transform: uppercase;
  border-radius: 8px;
}
.tabs > label:hover {
  cursor: pointer;
}
.tabs > label:last-of-type {
  border-right: none;
}
.tabs > input[type=radio]:checked + label {
  background: #ffffff;
  border: 2px solid #e8d088!important;
  border-radius: 8px;
}
.tabs section {border: 0px; padding: 1em;}
.section-content {display: flex!important; flex-direction: row!important; margin-top: 10px!important;}
.section-content .tab-text {width: 47.5%!important; margin-right: 5%!important; margin-top: 18px;}
.section-content .tab-graphic {width: 47.5%!important; margin-right: 0%!important;}
.section-content .tab-graphic img {width: 100%!important; max-width: 260px!important; height: auto; margin-left: auto!important; margin-top: 16px;}
.section-content.vertical {display: flex!important; flex-direction: column!important; margin-top: 0px!important;}
.section-content.vertical .tab-text, .section-content.vertical .tab-graphic {width: 100%!important; margin: 0px auto!important;}
.section-content.vertical .tab-graphic img {width: auto!important; max-width: 1140px!important; height: auto; margin-left: auto!important; margin-right: auto!important;}
.tab-container .tabs section p {font-family: 'Roboto', sans-serif; font-size: 20px; color: #646464; font-weight: 400; line-height: 1.2;}
.tabs-section p {font-family: "neue-haas-unica", sans-serif; font-size: 18px; color: #111111; font-weight: 400; line-height: 1.2}
@media screen and (max-width: 1023px) {
  .tabs {justify-content: center; margin-top: -12px;}
  .tabs label {margin: 6px;}
}
@media screen and (max-width: 850px) {
.tab-container {margin: 40px auto; padding: 0px 36px;}
.section-content.vertical .tab-graphic img {width: 100%!important; max-width: 790px!important; height: auto; margin-left: auto!important; margin-right: auto!important;}
}
@media screen and (max-width: 767px) {
  .tab-container {width: 100%; margin: 0px; padding: 0px 36px;}
  .tabs-section p {text-align: center;}
  .tabs {margin-top: 4px;}
  .tabs-section h4 {font-size: 30px!important; text-align: center;}
  .tabs section {padding-top: 0em; margin-top: -6px;}
  .tabs section .section-content .tab-text {margin-top: 0px;}
}
@media screen and (max-width:640px) {
.tabs section {border: 0px; padding: 1em 0.2em;}
.tabs .section-content {display: flex!important; flex-direction: column!important; margin-top: 10px!important;}
.tabs .section-content .tab-text {width: 100%!important; margin-right: 0%!important;}
.tabs .section-content .tab-graphic {width: 100%!important;}
.tabs .section-content .tab-graphic img {text-align: center; width: 100%!important; max-width: 420px!important; height: auto; margin-left: auto!important; margin-right: auto!important; margin-top: 16px;}
}
@media screen and (max-width:500px) {
.tabs .section-content .tab-graphic img {text-align: center; width: 82%!important; max-width: 360px!important; height: auto; margin-left: auto!important; margin-right: auto!important; margin-top: 16px;}
}

/* Communities Tiles for Rent RV Sites Pg */
.featured-rv-parks {width: auto; margin: 0px 90px 0px 90px; text-align: center;}
.featured-rv-parks h3.widget-title {
    font: normal normal bold 35px / 1.24 Roboto Slab;
    letter-spacing: 0px;
    color: #172A4F;
    opacity: 1;
    width: auto;
    border-bottom: 1px solid #E8D088;
    margin: 12px auto 0px auto;
    text-align: center;
}
.three-col {
    display: flex;
    margin: 20px 0px 50px 0px;
    align-items: stretch;
}
.three-col .col {
    width: 30.6666667%;
    margin-right: 4%;
    background-color: #fff;
    padding-bottom: 14px;
    display: flex;
    flex-flow: column nowrap;
    border: 1px solid #e8d088;
    border-radius: 11px;
    box-shadow: rgba(0,0,0,0.16) 0px 3px 6px 0px;
}
.three-col .col-btn {
    width: 47.5%;
    margin-right: 5%;
    background-color: transparent;
    padding-bottom: 14px;
    display: flex;
    flex-flow: column nowrap;
}
.three-col button {
    margin-top: auto!important;
}
.three-col .col:last-child, .three-col .col-btn:last-child {
    margin-right: 0%;
}
.three-col .col .col-img {
    max-height: 210px;
    overflow: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.three-col .col .col-content {
    padding: 6px 32px;
    background-color: #fff;
    text-align: center;
}
.three-col .col h3 {margin: 10px auto 12px auto; line-height: 1.14; font-family:'Roboto Slab', san-serif; font-weight: 600; color: #b95c32; font-size: 24px;}
.three-col .col p.citystate {
    font: normal normal bold 16px / 20px Roboto Slab!important;
    color: #172A4F!important;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}
.three-col .col p.rvsites {
    font: normal normal normal 20px / 24px Rozha One!important;
    letter-spacing: 0.4px!important;
    color: #a8a05f!important;
    width: 100%;
    padding: 4px 0 10px 0;
    text-transform: uppercase;
}
.three-col .col button {
    display: block;
    text-transform: uppercase;
    border: 2px solid #e8d088 !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    width: 40%;
    min-width: 166px;
    background-color: #fff;
    margin: 0px auto;
}
.three-col .col button a {
    text-transform: uppercase;
    color: #a7a05f !important;
    font-weight: 600;
    font-size: 14px;
    font-family: Montserrat;
    text-decoration: none;
}
.three-col .col button:hover, .three-col .col button a:hover {text-decoration: none!important;}
@media screen and (max-width:850px) {
.featured-rv-parks {width: auto; margin: 0px 36px 0px 36px; text-align: center;}
  .three-col {
      display: flex;
      margin: 20px 0px 50px 0px;
      align-items: stretch;
      flex-direction: column;
  }
  .three-col .col {
        width: 100%;
        max-width: 450px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 24px;
  }
  .three-col .col:last-child {
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
  }
}

/* Blog Post Carousels */
.page-id-2769 .swiper-slide .sp-pcp-post {display: flex; justify-content: flex-end;}
.page-id-2769 .swiper-slide .sp-pcp-post .sp-pcp-readmore.fix-this {margin-top: auto; padding-bottom: 16px;}
.page-id-2746 .swiper-slide .sp-pcp-post {display: flex; justify-content: flex-end; min-height: 532px;}
.page-id-2746 .swiper-slide .sp-pcp-post .sp-pcp-readmore.fix-this {margin-top: auto; padding-bottom: 16px;}

/* Buy a Home Picture | Text section */
.buy-home-padding {padding: 14px 90px 14px 90px;}
.buy-home-padding h3.widget-title {border-bottom: 1px solid #e8d088; font: normal normal bold 35px /1.24 Roboto Slab; color: #172a4f; margin-bottom: 16px;}
.buy-home-padding .col {display: flex;}
.buy-home-padding .col .col-content {margin-right: 8%;}
.buy-home-padding .col .col-content.text {width: 58%}
.buy-home-padding .col .col-content.img {width: 34%}
.buy-home-padding .col .col-content:last-child {margin-right: 0%;}
.buy-home-padding p {font: normal normal normal 16px / 24px Roboto; color: #646464; letter-spacing: 0px;}
.buy-home-padding p a {color: #172a4f;}
@media screen and (max-width:850px) {
.buy-home-padding {padding: 14px 36px 14px 36px;}
.buy-home-padding .col {display: flex; flex-direction: column;}
.buy-home-padding .col.reverse-mobile {flex-direction: column-reverse;}
.buy-home-padding .col .col-content {margin-right: 0%;}
.buy-home-padding .col .col-content.text {width: 100%;}
.buy-home-padding .col .col-content.img {width: 100%; text-align: center; margin: 0px auto;}
.buy-home-padding .col .col-content.img img {margin: 0px auto;}
.buy-home-padding .col .col-content:last-child {margin-right: 0%;}
}

/* New Banner */
.extra-banner {background-color: #f4e8c4; color: #172a4f; padding: 1px 32px;}
.extra-banner:hover {cursor: pointer;}
.extra-banner h3 {font-family: 'Rozha One'; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; margin: 4px auto;}
/* .extra-banner i {color: #e21a50; font-size: 32px;} */
.extra-banner i {color: #8cc63f; font-size: 32px;}
.extra-banner p {text-align: center; margin: 10px auto 18px auto;}
.extra-banner p.desktop {display:block;}
.extra-banner p.mobile {display:none;}
.extra-banner .searchButton {
    border: 2px solid #172a4f;
    font-family: 'Roboto Slab';
    color: #172a4f;
    width: 15%;
    margin: 20px auto;
    padding: 8px 12px;
    border-radius: 10px;
    background: #f4e8c4;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
}
.extra-banner .searchButton:hover, .extra-banner .searchButton:focus {color: #e21a50;}
.page-template-template-search-page.specialOffer main {top: 90px;}
@media screen and (max-width:767px) {
.extra-banner h3 {font-size: 34px; line-height: 0.9;}
.extra-banner i {color: #8cc63f; font-size: 26px;}
.extra-banner p {margin: 2px auto 10px auto; line-height: 1.18;}
.extra-banner p.desktop {display:none;}
.extra-banner p.mobile {display:block;}
}
@media screen and (max-width:540px) {
.extra-banner h3 {font-size: 30px; margin: 6px auto;}
.extra-banner i {color: #8cc63f; font-size: 22px;}
.extra-banner p {margin: 2px auto 10px auto;}
}

/* Accordions */
.accordions {padding: 50px 0px; width: 100%; max-width: 720px; margin: 0px auto;}
.accordions h1 {color: #172a4f; font: normal normal bold 34px / 42px Roboto Slab;}
.accordions h2 {color: #172a4f; font: normal normal bold 32px / 40px Roboto Slab;}
.accordions h3 {color: #172a4f; font: normal normal bold 30px / 38px Roboto Slab;}
.faq-drawer {margin-bottom: 30px;}
.faq-drawer__content-wrapper {
  font-family: "Roboto", sans-serif;
  color: #646464;
  font-size: 18px;
  line-height: 1.1;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
   font-weight: 400;
}
.faq-drawer__content {
padding: 20px 18px 0 4px;
}
.faq-drawer__content p {
font-family: "Roboto", sans-serif;
color: #646464;
font-size: 18px;
 font-weight: 400;
}
.faq-drawer__title {
  font-family: "Roboto", sans-serif;
  color: #646464;
  cursor: pointer;
  display: block;
  font-size: 21px;
  font-weight: 600;
  padding: 30px 30px 0 0;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
  font-weight: 400;
}
.faq-drawer__title::after {
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: " ";
    display: inline-block;
    float: right;
    height: 12px;
    left: 28px;
    position: relative;
    right: 0px;
    top: 0px;
    transform: rotate(135deg);
    transition: 0.35s ease-in-out;
    vertical-align: top;
    width: 12px;
}
/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover {
  color: #4E4B52  ;
}
.faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 350px;
}
.faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}
/*input[type="checkbox"] {
  display: none;
}*/
.faq-drawer label.inline, .faq-drawer input[type="checkbox"] + label {display: block; text-align: left!important; margin-top: -16px!important;}
.faqContainer {margin-left: -4px;}
@media screen and (max-width:850px) {
.accordions {padding: 50px 36px 40px 36px; width: 100%; max-width: 100%; margin: 0px auto;}
}
@media screen and (max-width:767px) {
.accordions h1 {font-size: 32px; line-height: 40px;}
.accordions h2 {font-size: 30px; line-height: 38px;}
.accordions h3 {font-size: 28px; line-height: 36px;}
}
@media screen and (max-width:520px) {
  .accordions h1 {font-size: 30px; line-height: 38px;}
  .accordions h2 {font-size: 28px; line-height: 36px;}
  .accordions h3 {font-size: 26px; line-height: 34px;}
}

/* Home Pg 3 Col Row */
.careers.panel-row-style {align-items: center!important}
.panel-grid-cell .careers .imgTxtContainer.imageOnly {display: block;}
.panel-grid-cell .careers .imgTxtContainer.titleSubTitle {margin: 24px auto;}
.panel-grid-cell .careers .imgTxtContainer.titleSubTitle .imgTxtsubTitle {line-height: 1; margin: 12px auto;}
@media screen and (max-width:1025px) {
.panel-grid-cell .careers .imgTxtTitle {font-size: 24px; line-height: 1;}
}
@media screen and (max-width:850px) {
.panel-grid-cell .careers .imgTxtTitle {font-size: 22px; line-height: 1;}
}
@media screen and (max-width:780px) {
.careers.panel-row-style {padding-bottom: 44px;}
.panel-grid-cell .careers .imgTxtContainer.imageOnly {display: none;}
.panel-grid-cell .careers .imgTxtTitle {font-size: 30px; line-height: 1;}
.panel-grid-cell .careers .imgTxtTxt {min-height: 60px!important;}
.panel-grid-cell .careers .imgTxtContainer.titleSubTitle {margin: 0px auto 12px auto; padding: 2px 5%;}
}

/* Trust Index Google Review */
.ti-review-content {font-weight: 500; font-family: Roboto!important; font-size: 16px!important; color: #707070!important}