/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: 'jasmineupcbold';
    src: url('https://conestogawagonco.com/wp-content/themes/generatepress_child/fonts/jasmineupc-bold-webfont.woff2') format('woff2'),
         url('https://conestogawagonco.com/wp-content/themes/generatepress_child/fonts/jasmineupc-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jasmineupcbold_italic';
    src: url('https://conestogawagonco.com/wp-content/themes/generatepress_child/fonts/jasmineupc-bold-italic-webfont.woff2') format('woff2'),
         url('https://conestogawagonco.com/wp-content/themes/generatepress_child/fonts/jasmineupc-bold-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jasmineupcitalic';
    src: url('https://conestogawagonco.com/wp-content/themes/generatepress_child/fonts/jasmineupc-italic-webfont.woff2') format('woff2'),
         url('https://conestogawagonco.com/wp-content/themes/generatepress_child/fonts/jasmineupc-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jasmineupcregular';
    src: url('https://conestogawagonco.com/wp-content/themes/generatepress_child/fonts/jasmineupc-regular-webfont.woff2') format('woff2'),
         url('https://conestogawagonco.com/wp-content/themes/generatepress_child/fonts/jasmineupc-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

h1, h2, h3, h4, .jasmine {
	font-family: 'jasmineupcregular', serif;
}

.main-navigation:not(.slideout-navigation) > div > div > ul > li > a:after {
    content: " / ";
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
}

.main-navigation:not(.slideout-navigation) > div > div > ul > li:last-child > a:after {
    content: "";
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li:hover > a {
    text-decoration: underline;
}

.main-navigation .slideout-toggle > a {
    line-height: 0px;
    font-size: 1.1rem;
}

.underline a {
	text-decoration: underline;
}

.main-navigation .slideout-toggle:not(.custom-slideout-toggle) {
    display: none !important;
}

.header-widget {
	position: relative;
}

.header-phone {
	font-weight: 700;
	text-decoration: underline;
	text-transform: uppercase;
	color: #CCC5BD;
	display: inline-block;
	margin-right: 27px;
}

.custom-slideout-toggle {
	display: inline-block;
	margin-left: 10px;
}

.custom-slideout-toggle svg {
	fill: #fff;
	font-size: 1.25rem;
	position: absolute;
	top: 3px;
    right: 3px;
}

.wp-block-separator.double {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    height: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 0;
    margin-bottom: 0;
}

/* Styles for the newsletter form */
.newsletter-form {
    line-height: normal;
    border-bottom: 1px solid white;
    padding: 5px 0; /* Add padding to bottom to avoid clipping */
	position: relative;
}

.newsletter-form p {
    margin-bottom: 0;
}

.newsletter-form input[type="email"], .newsletter-form input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    background: none;
    border: none;
    color: white;
    margin-right: -4px; /* This helps remove the gap between inline-block elements */
}

.newsletter-form input[type="email"] {
    width: calc(100% - 100px); /* Adjust width as needed */
	padding-left: 0;
}

.newsletter-form input[type="submit"] {
    width: 100px;
    font-weight: bold;
    cursor: pointer;
	padding-right: 0;
	text-align: right;
}

/* Additional styles to ensure visibility on dark backgrounds */
.newsletter-form input::placeholder {
    color: white;
    opacity: 0.7; /* Lower opacity for placeholder text */
}

/* Remove outline on focus for inputs */
.newsletter-form input:focus {
    outline: none;
}

span.wpcf7-spinner {
	position: absolute;
	bottom: -29px;
	left: 50%;
}

/* .top-bar {
    display: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} */

.gb-block-image figcaption {
	padding-top: 10px;
	font-family: 'jasmineupcregular', serif;
	text-align: left;
	font-size: 1.3rem;
	text-transform: uppercase;
	line-height: 1.2rem;
}

.sub-title {
	font-size: 57px;
}

.results h3 {
	font-size: 125px;
	margin-bottom: 0;
}

.results h4 {
	font-size: 32px;
	text-transform: uppercase;
}

.results > .gb-grid-wrapper > .gb-grid-column {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
	margin-bottom: 15px;
}

.results > .gb-grid-wrapper > .gb-grid-column:before,
.results > .gb-grid-wrapper > .gb-grid-column:after {
	content: "";
	display: inline-block;
	width: 7px;
	border-bottom: 1px solid #fff;
	position: absolute;
	bottom: 0;
}

.results > .gb-grid-wrapper > .gb-grid-column:before {
	left: 0;
}

.results > .gb-grid-wrapper > .gb-grid-column:after {
	right: 0;
}

.gutslider-content-inner hr {
    margin-bottom: 5px;
    margin-top: 25px;
}

.underline-links a {
	text-decoration: underline;
}

.contact-form span input,
.contact-form span textarea {
	width: 100%;
	background: none;
	border: none;
	padding-left: 0;
	padding-right: 0;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-form span textarea {
	margin-bottom: 35px;
}

/* Apply to all text fields in Contact Form 7 */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form textarea:focus {
    background-color: transparent !important;
    outline: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* Contact Form 7 Placeholder Color */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #CCC5BD !important;
}

/* For Microsoft Edge */
.wpcf7-form input::-ms-input-placeholder,
.wpcf7-form textarea::-ms-input-placeholder {
    color: #CCC5BD !important;
}

/* For Internet Explorer */
.wpcf7-form input:-ms-input-placeholder,
.wpcf7-form textarea:-ms-input-placeholder {
    color: #CCC5BD !important;
}

.wpcf7-form textarea {
    height: 170px; 
}

.wpcf7-form .contact-form input[type="submit"] {
    background-color: #CCC5BD;
    border: none;
    border-radius: 50px;
    padding: 10px 30px;
    color: #1A2212;
    cursor: pointer; /* Changes cursor to pointer when hovering over the button */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
	font-weight: 700;
}

/* Hover effect for the submit button */
.wpcf7-form .contact-form input[type="submit"]:hover {
    background-color: #fff; /* Darker shade of gray when hovered */
}

.about-slider > .gb-grid-wrapper > .gb-grid-column .left,
.about-slider > .gb-grid-wrapper > .gb-grid-column .right,
.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column .left,
.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column .right {
	position: relative;
}

.about-slider > .gb-grid-wrapper > .gb-grid-column .left,
.about-slider > .gb-grid-wrapper > .gb-grid-column .right,
.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column .left,
.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column .right {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.about-slider > .gb-grid-wrapper > .gb-grid-column .left:before,
.about-slider > .gb-grid-wrapper > .gb-grid-column .right:after,
.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column .left:before,
.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column .right:after {
	content: "";
	display: inline-block;
	width: 7px;
	border-bottom: 1px solid #fff;
	position: absolute;
	bottom: 0;
}

.about-slider > .gb-grid-wrapper > .gb-grid-column .left:before,
.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column .left:before {
	left: 0;
}

.about-slider > .gb-grid-wrapper > .gb-grid-column .right:after,
.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column .right:after {
	right: 0;
}

.slideout-navigation.main-navigation .main-nav ul li a {
    line-height: 1em;
}

.income-calculator-container {
	background-color: transparent;
	color: #CCC5BD;
	font-family: Arial, sans-serif;
	display: block;
	margin: 0;
}
.income-calculator {
	background-color: transparent;

}
.income-calculator .form-group {
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.income-calculator .form-group label {
	margin-bottom: 5px;
	flex: 1;
	text-align: left;
	color: #CCC5BD;
}
.income-calculator .form-group input {
	flex: 1;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 5px;
	border: none;
	background-color: transparent;
	color: #CCC5BD;
	text-align: left;
}
.income-calculator .btn {
	background-color: #CCC5BD;
	color: #000;
	padding: 10px 45px;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
}
.income-calculator p {
	margin-top: 40px;
	padding-top: 20px;
	margin-bottom: 0px;
	border-top: 1px solid rgba(255,255,255,0.1);
}

.income-calculator .result {
	font-size: 44px;
	color: #fff;
	font-family: 'jasmineupcregular';
}

.about-slider-container .wp-block-gutsliders-any-content .gutslider-nav.nav_inside {
    position: absolute;
    bottom: 150px;
    right: 150px;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -50px;
    right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -150px;
    left: auto;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: inherit;
    font-size: 13px !important;
    text-transform: uppercase !important;
}

.wp-block-gutsliders-any-content .swiper-button-next, .wp-block-gutsliders-any-content .swiper-button-prev {
    border-radius: 50px;
    height: auto;
    width: auto;
    padding: 10px 30px;
	font-weight: 700;
	background-color: #CCC5BD;
	color: #1A2212;
}

div.wcp-carousel-main-wrap .rpc-style-8 {
	background-color: transparent;
}

.wcp-carousel-main-wrap .rpc-style-8 figcaption:before {
    display: none;
}

div.wcp-carousel-main-wrap .rpc-wrapper img {
    width: 60%;
	display: inline-block;
	float: left;
}

div.wcp-carousel-main-wrap .rpc-style-8 figcaption {
    background-color: transparent;
	color: #fff;
	width: 38%;
	display: inline-block;
	float: right;
}

div.wcp-carousel-main-wrap .rpc-style-8 figcaption a {
    position: relative;
    background-color: transparent;
    color: #fff;
    width: auto;
    text-align: left;
	padding-left: 0;
}

.archive .page-title,
.blog .page-title {
	text-transform: uppercase;
}

.archive div.entry-summary,
.blog div.entry-summary,
.latest-posts div.entry-summary {
	margin-top: 0;
}

.archive .site-main > article,
.archive.one-container .site-main>:last-child,
.blog .site-main > article,
.blog.one-container .site-main>:last-child,
.latest-posts .post {
	max-width: 800px;
	margin: 0 auto 35px;
	margin-bottom: 35px !important;
	clear: both;
}

.archive .site-main > article:nth-child(odd),
.blog .site-main > article:nth-child(even),
.latest-posts .post:nth-child(even) {
	margin: 0 auto 35px 0 !important;
}

 .one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: 40px !important;
}

.archive a.read-more,
.blog a.read-more,
.latest-posts a.read-more {
	display: block;
	padding: 10px 0;
	font-weight: 700;
}

.archive.post-image-above-header .inside-article div.post-image,
.blog.post-image-above-header .inside-article div.post-image,
.latest-posts div.post-image {
	margin-bottom: 0;
	width: 60%;
	display: inline-block;
	float: left;
	padding-right: 3%;
}

.archive .entry-header,
.blog .entry-header,
.latest-posts .entry-header {
	width: 38%;
	display: inline-block;
	float: left;
	line-height: 1;
	font-size: 37px;
}

.archive .entry-header h2,
.blog .entry-header h2,
.latest-posts .entry-header h2 {
	line-height: 1;
	font-size: 37px;
}

.archive div.entry-summary,
.blog div.entry-summary,
.latest-posts div.entry-summary {
	width: 38%;
	display: inline-block;
	float: left;
	padding: 10px 0 0 0;
}

.archive div.entry-summary p a,
.blog div.entry-summary p a,
.latest-posts div.entry-summary p a {
	padding: 17px 0 0 0;
}

.double-separator:before,
.archive h1.page-title:before,
.blog h1.page-title:before,
.page h1.entry-title:before {
	content: "";
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    height: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 0;
    margin-bottom: 0;
	display: block;
}

.archive h2.entry-title:after,
.blog h2.entry-title:after,
.latest-posts h2.entry-title:after {
	content: "—";
}

div.store-infowindow {
    width: auto;
}

.gm-style-iw span {
    display: inline-block !important;
	padding: 10px 10px 10px 10px;
}

.gm-style-iw span a {
    display: inline-block !important;
	padding: 10px 15px 10px 15px;
	border-radius: 50px;
	background-color: #2C3223;
}

.store-infowindow > div,
div.gm-style-iw-ch  {
	display: none;
} 

div.gm-style-iw-chr button {
    width: 24px !important;
    height: 24px !important;
}

div.gm-style-iw-chr button span {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
}

div.gm-style-iw-chr {
    position: absolute;
    right: 0px;
    top: 5px;
}

.gm-style .gm-style-iw-tc {
    display: none;
}

.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-d {
	background-color: #141B0E;
	overflow: hidden !important;
}

.gm-style .gm-style-iw-c {
	border-radius: 50px;
	max-width: initial !important;
}

nav#generate-slideout-menu.do-overlay .slideout-menu li, nav.slideout-navigation.do-overlay .inside-navigation {
    text-align: left;
}

nav.slideout-navigation.main-navigation .main-nav ul li a,
nav.slideout-navigation.main-navigation .main-nav ul li ul li a {
    font-size: 23px !important;
    line-height: 27px !important;
}

.hide-desktop {
	display: none;
}

.wp-block-embed.is-provider-vimeo .wp-block-embed__wrapper iframe {
    height: auto;
    min-height: 280px;
}

ol.flex-control-paging li a.flex-active {
    background: rgba(255, 255, 255, .9);
}

ol.flex-control-paging li a {
    background: rgba(255, 255, 255, .5);
}

.fancybox-title-over div#fancybox-title {
    display: none;
}

.wp-block-gutsliders-photo-carousel .gutslider-caption.bottom__left {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none; /* Prevents hover issues when hidden */
}

.wp-block-gutsliders-photo-carousel .swiper-container-outer:hover .gutslider-caption.bottom__left {
    opacity: 1;
    pointer-events: auto;
}

.split-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
	padding: 50px 25px 50px 25px;
}

.split-nav-left,
.split-nav-right {
    flex: 1;
}

.split-nav-left {
    text-align: right; /* so it lines up next to logo */
}

.split-nav-logo {
    flex: 0 0 auto;
    margin: 0 20px;
}

.split-nav-logo img {
    max-height: 60px; /* adjust to match your design */
}

.site-logo {
	display: none;
}

/* Layout the split nav */
.split-nav-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(16px, 3vw, 40px);
}

/* Let each side flex equally; logo stays natural width */
.split-nav-left,
.split-nav-right { flex: 1 1 0; }
.split-nav-logo { flex: 0 0 auto; }

/* Align left menu to right edge, right menu to left edge */
.split-nav-left .main-nav { display: flex; justify-content: flex-end; }
.split-nav-right .main-nav { display: flex; justify-content: flex-start; }

/* Keep logo size reasonable */
.split-nav-logo img { max-height: 60px; height: auto; width: auto; }

/* Ensure list renders inline using GP's superfish classes */
.split-nav-container .sf-menu > li { float: left; }           /* GP expects this */
.split-nav-container .sf-menu ul { left: 0; }                 /* submenus position */
.split-nav-container .sf-menu li { position: relative; }

/* Optional: spacing between top-level items */
.split-nav-container .sf-menu > li { margin: 0; }

/* Desktop-only split; let GP handle mobile menu/toggle */
@media (max-width: 1024px) {
  .split-nav-container { display: none; }
  /* Show GP’s default primary menu/toggle on mobile */
}

/* Background color for dropdown menus */
.split-nav-container .sf-menu ul {
    background-color: #1A2212;
	padding: 1rem;
}

/* Optional: make submenu links readable */
.split-nav-container .sf-menu ul li a {
    color: #fff; /* white text */
	display: inline-block;
	padding-left: 5px !important;
}

/* Optional hover color for submenu items */
.split-nav-container .sf-menu ul li:hover {
    background-color: rgba(255, 255, 255, 0.1); /* subtle hover effect */
}

/* Slash dividers for split nav menus */
.split-nav-container .sf-menu > li > a::after {
    content: " / ";
    display: inline-block;
    padding-left: 18px;
    padding-right: 18px;
}

/* Remove slash after the last top-level item on each side */
.split-nav-container .sf-menu > li:last-child > a::after {
    content: "";
    padding: 0;
}



@media (min-width: 1025px) {
    .main-navigation .inside-navigation > .main-nav {
        display: none;
    }
}





/* ==========================================================================
	Media Queries
   ========================================================================== */

/* ------------------------- Tablet & Smartphone ---------------------------- */

@media (max-width: 979px) {



}

@media (min-width: 769px) and (max-width: 979px) {



}

@media(min-width: 769px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }

    /* Change nth-child(#) to first item to right */
    /* .main-navigation ul li:nth-child(3) {
        margin-left: auto;
    } */
}

@media (max-width: 769px) {
	
	.main-navigation {
	  margin-top: 25px;
	}

	.top-bar {
		display: block;
	}
	
	.site-header .header-widget {
		display: none;
	}
	
	
	.results h3 {
		font-size: 75px;
		margin-bottom: 0;
	}

	.results h4 {
		font-size: 22px;
		text-transform: uppercase;
	}
	
	.sub-title {
		font-size: 47px;
	}
	
	.hide-mobile {
		display: none;
	}
	
	.about-slider > .gb-grid-wrapper > .gb-grid-column .left:before,
	.about-slider > .gb-grid-wrapper > .gb-grid-column .right:after,
	.about-slider > .gb-grid-wrapper > .gb-grid-column .left:after,
	.about-slider > .gb-grid-wrapper > .gb-grid-column .right:before {
		content: "";
		display: inline-block;
		width: 7px;
		border-bottom: 1px solid #fff;
		position: absolute;
		bottom: 0;
	}

	.about-slider > .gb-grid-wrapper > .gb-grid-column .left:before,
	.about-slider > .gb-grid-wrapper > .gb-grid-column .right:before {
		left: 0;
	}

	.about-slider > .gb-grid-wrapper > .gb-grid-column .right:after,
	.about-slider > .gb-grid-wrapper > .gb-grid-column .left:after {
		right: 0;
	}
	
	.archive.post-image-above-header .inside-article div.post-image,
	.blog.post-image-above-header .inside-article div.post-image,
	.latest-posts div.post-image {
		width: 100%;
	}

	.archive .entry-header,
	.blog .entry-header,
	.latest-posts .entry-header {
		width: 100%;
	}

	.archive div.entry-summary,
	.blog div.entry-summary,
	.latest-posts div.entry-summary {
		width: 100%;
	}
	
	div.wcp-carousel-main-wrap .rpc-wrapper img {
		width: 100%;
		float: none;
	}

	div.wcp-carousel-main-wrap .rpc-style-8 figcaption {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	
	/* .about-slider .gb-grid-wrapper .gb-grid-column:first-child {
		display: none;
	} */
	
	.about-slider-wrapper > .gb-grid-wrapper > .gb-grid-column:first-child {
		display: none;
	}

	.about-slider .gb-grid-wrapper .gb-grid-column:nth-child(2) {
		order: 1;
	}

	.about-slider .gb-grid-wrapper .gb-grid-column:nth-child(3) {
		order: 0;
	}
	
	.header-phone {
		margin-right: 0;
	}
	
	.mobile-menu-control-wrapper {
		position: absolute;
		right: 22px;
	}

	div.site-logo {
		display: inline-flex;
		max-width: 100%;
		margin: auto;
	}
	
	div.homepage-header-lower h3 {
		text-align: left;
	}
	
	div.homepage-header-lower h3 br {
		display: none;
	}
	
	nav.slideout-navigation.do-overlay .slideout-exit {
        position: absolute;
        right: 20px;
        top: 35px;
    }
	
	.slideout-navigation.do-overlay .inside-navigation .main-nav {
		position: relative;
	}
	
	nav.slideout-navigation.main-navigation .main-nav ul li span.overlay-phone {
		position: absolute;
		right: 0;
	}
	
	nav.slideout-navigation.main-navigation .main-nav ul li span.overlay-phone a {
		font-weight: 400;
		font-size: 14px;
		text-decoration: underline;
	}
	
	/* .page-id-42 .wp-block-gutsliders-any-content .swiper-container-outer {
		padding-top: 140px;
	} */
	
	.about-slider-container .wp-block-gutsliders-any-content .gutslider-nav.nav_inside {
		position: absolute;
		/* bottom: 0px; */
		top: -71%;
		right: 59%;
		overflow: visible;
		z-index: 10;
	}
	
	.hide-mobile {
		display: none !important;
	}
	
	.hide-desktop {
		display: block;
	}
	
	.wp-block-gutsliders-any-content div.gutslider-content-inner {
		max-width: 100%;
		box-sizing: border-box;
		padding: 0;
	}
	
	.wagons-table .gb-grid-wrapper .gb-grid-column {
		max-width: 300px;
	}
	
	.wagons-table .gb-grid-wrapper .gb-grid-column:first-child {
		display: none;
	}
	
	div.wagons-table-container {
		overflow-x: auto; /* Enable horizontal scrolling */
		overflow-y: hidden; /* Disable vertical scrolling */
		-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
		max-width: 100%; /* Limit width to viewport on mobile devices */
	}
	
	div.wagons-table {
		width: 900px; /* Your fixed width */
    	white-space: nowrap; /* Prevent content wrapping */
	}
	
	div.wagons-table .gb-grid-wrapper {
		display: flex; /* Ensures the child elements are aligned side by side */
	}

	div.wagons-table .gb-grid-column {
		flex-shrink: 0; /* Prevents columns from shrinking to fit within the container */
	}
	
	.gm-style-iw span {
		display: block !important;
		padding: 5px 15px 5px 5px;
		text-align: center;
	}

	.gm-style .gm-style-iw-c {
		border-radius: 15px;
	}
	
	.wagons-table .gb-grid-wrapper .gb-grid-column .gb-container p:nth-child(5):before {
		content: 'Full Bathroom: ';
		font-weight: bold;
	}
	
	.wagons-table .gb-grid-wrapper .gb-grid-column .gb-container p:nth-child(6):before {
		content: 'AC / Heat: ';
		font-weight: bold;
	}
	
	.wagons-table .gb-grid-wrapper .gb-grid-column .gb-container p:nth-child(7):before {
		content: 'Double Canopy Insulation: ';
		font-weight: bold;
	}
	
	.wagons-table .gb-grid-wrapper .gb-grid-column .gb-container p:nth-child(8):before {
		content: 'RV Hookups: ';
		font-weight: bold;
	}
	
	.wagons-table .gb-grid-wrapper .gb-grid-column .gb-container p:nth-child(9):before {
		content: 'Movable: ';
		font-weight: bold;
	}
	
	.page-template-default div.entry-content {
		margin-top: 0 !important;
	}
	
	.wp-block-embed.is-provider-vimeo .wp-block-embed__wrapper iframe {
		min-height: 200px;
		/* min-height: auto; */
        height: auto;
	}

}

@media (max-width: 480px) {
	

	
}

@media (max-width: 360px) {
	


}

/* ------------------------- Desktop & Widescreen --------------------------- */

@media (min-width: 1100px) and (max-width: 1200px) {

	.inside-header > div.site-logo {
		left: 63%;
	}

}

@media (min-width: 950px) and (max-width: 1099px) {

	.inside-header > div.site-logo {
		left: 66%;
	}

}

@media (min-width: 769px) and (max-width: 949px) {

	.inside-header > div.site-logo {
		left: 67%;
	}
	
	.main-navigation a,
	.header-phone {
		font-size: 11px;
	}
	
	h1 {
		font-size: 43px;
	}

}

@media (min-width: 769px) and (max-width: 825px) {

	.inside-header > div.site-logo {
		left: 68%;
	}

}

@media (min-width: 768px) { 

	.custom-slideout-toggle {
		display: none !important;
	}
	
	
	header.site-header {
		display: none;
	}

}

@media (min-width: 1200px) {



}