/*******************************************************
 *
 * General
 *
 *******************************************************/

/* Layout Defaults */
.acf-custom-template .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
	width: 100%;
}

.acf-custom-template .section-padding {
    padding: 20px 0 50px;
}

.acf-custom-template .flex-row {
    display: flex;
    align-items: center;
    gap: 40px 0;
    flex-wrap: wrap; /* Good for mobile responsiveness */
}

.acf-custom-template .text-center {
    text-align: center;
}

/* Section 1 */
.banner-section {
    /* height: 500px;
    background-size: cover;
    background-position: center; */
	text-align: center;
}

/* Section 2 */
.content-left {
	max-width: 370px;
	margin-right: 45px;
}

.content-left, .content-right {
    flex: 1;
    min-width: 300px;
}

.custom-button {
	display: inline-flex;
	padding: 0;
	background: transparent;
	color: #bba776;
	text-decoration: none;
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 14px;
	border: 2px solid;
	letter-spacing: 2px;
	width: 220px;
	height: 45px;
	justify-content: center;
	align-items: center;
}

.section2-logo-info {
    display: flex;
    flex-direction: column;
    align-items: center;    /* Horizontal centering */
    text-align: center;     /* Centers the text lines */
    margin-top: 30px;       /* Adds space after the WYSIWYG content */
}

.section2-logo-info .footer-thumb {
	margin-bottom: 30px;
	height: auto;
	display: block;
	margin-top: 0;
}

.wysiwyg-content {
	padding-bottom: 20px;
	border-bottom: 1px solid #a9a9a4;
}

.content-left h2 {
	color: #bba776;
	font-size: 16px;
	letter-spacing: 2px;
}

.wysiwyg-content p {
	margin: 20px 0;
	color: #1d242d;
	font-size: 12px;
	line-height: 20px;
}

.acf-custom-template .section2.section-padding {
	background: #f8f4ef;
	padding: 50px 0;
	margin: 30px 0;
}

.section2-logo-info p {
	font-size: 14px;
	color: #1d242d;
}

.section2-logo-info p a {
	text-transform: uppercase;
	color: #bba776;
	margin: 15px 0 10px;
	display: block;
	font-size: 12px;
}

/* Section 3 */
.stack-section .url-label {
	display: inline-flex;
	padding: 0;
	background: transparent;
	color: #bba776;
	text-decoration: none;
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 14px;
	border: 2px solid;
	letter-spacing: 2px;
	width: 360px;
	height: 45px;
	justify-content: center;
	align-items: center;
}

.stack-section .image-wrapper img {
    width: 100%;
	max-width: 763px;
    height: auto;
    margin: 20px 0;
}

.main-title {
	font-size: 28px;
	margin-top: 50px;
	letter-spacing: 2px;
	color: #bba776;
	margin-bottom: 30px;
}

.bottom-title {
	color: #bba776;
	font-size: 14px;
}

/* Section 4 */
.bg-split-section {
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.glass-box {
    flex: 1;
	background: transparent;
	padding: 40px 40px 0 0;
	border-radius: 8px;
}

.glass-box h2 {
	font-size: 15px;
	color: #bba776;
}

.glass-box p {
	color: #fff;
	margin: 15px 0 20px;
	font-size: 12px;
	line-height: 16px;
}

.side-image {
    flex: 1;
    display: flex;
    justify-content: center;
}

.link-text {
	text-transform: uppercase;
	color: #bba776;
	text-align: center;
	display: inline-flex;
	width: 155px;
	border: 2px solid;
	height: 45px;
	align-items: center;
	justify-content: center;
}

/* Section 5 */

.acf-custom-template .footer-info-section.section-padding {
	padding: 50px 0 0;
}

.acf-custom-template .footer-info-section.section-padding h2 {
	font-size: 28px;
	margin-top: 50px;
	letter-spacing: 2px;
	color: #bba776;
	margin-bottom: 30px;
}

.footer-thumb {
    max-width: 150px;
    margin-top: 20px;
}

.tagline {
  color: #666;
  font-size: 14px;
  margin-bottom: 30px;
}

.section5-logo-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-top: 30px;
}

.section5-logo-info .footer-thumb {
	margin-bottom: 30px;
	height: auto;
	display: block;
	margin-top: 0;
}

.section5-logo-info p {
	font-size: 14px;
	color: #1d242d;
}

.section5-logo-info p a {
	text-transform: uppercase;
	color: #bba776;
	margin: 15px 0 10px;
	display: block;
	font-size: 12px;
}



.ip-banner.loaded {
	display: none;
}

#footer-form {
	display: none;
}

.footer-info {		
	background: #f8f4ef;
	margin-top: 80px;
}

.header-wrapper {
	max-width: 1440px;
	width: 100%;
	margin: 180px auto 50px;
	display: block;
}

.header-wrapper img {
	max-width: 300px;
}

header.header nav.navigation #nav > li > a {
	color: #000 !important;
}

header.header nav.navigation #nav > li > a:hover {
	color: #fff !important;
}

#nav .sub-menu a {
	color: #FFFFFF !important;
}

.navigation-right li a {
	color: #000 !important;
}

.ip-banner {	
	display: none !important;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {
    .banner-section img {
		width: 100%;
	}
	
	.acf-custom-template .flex-row {
        display: block;
    }
	.content-left {
		max-width: 370px;
		margin-right: 0;
	}
	
	.content-right img {
		width: 100%;
		padding-top: 50px;
	}
	
	.glass-box {
		flex: 1;
		background: transparent;
		padding: 0 0 50px;
		border-radius: 8px;
	}
	
	.side-image img {
		width: 100%;
	}
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    
}

@media only screen and (max-width: 567px) {

}

@media only screen and (max-width: 480px) {

}