/*
 Theme Name:   Corzo Child
 Template:     corzo
*/

/* =========================================================
   GLS – FINAL CONSOLIDATED CSS (bird+wave locked to logo)
   + lock content column min width 465px
   ========================================================= */

/* Wrapper */
.gls-landing{
	position:relative !important;
	background:transparent !important;
	overflow:visible !important; /* don’t clip logo pseudo */
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

/* Neutralize GoodLayers backgrounds */
.gls-landing .gdlr-core-container,
.gls-landing .gdlr-core-pbf-wrapper-container,
.gls-landing .gdlr-core-pbf-background-wrap{
	background:transparent !important;
}

/* Prevent GoodLayers wrappers from clipping the pseudo element */
.gls-landing .gdlr-core-pbf-wrapper,
.gls-landing .gdlr-core-pbf-wrapper-content,
.gls-landing .gdlr-core-pbf-wrapper-container,
.gls-landing .gdlr-core-pbf-column,
.gls-landing .gdlr-core-pbf-column-content,
.gls-landing .gdlr-core-pbf-column-content-margin,
.gls-landing .gdlr-core-pbf-element{
	overflow:visible !important;
}

/* =========================
   LAYOUT: lock content column @ 465px min
   - Add class "gls-content" to the TEXT/LOGO column
   - Add class "gls-spacer" to the empty spacer column
   ========================= */
.gls-content{
	display: flex;
	flex-direction: column;
    justify-content: flex-end;
	padding: 75px 75px 185px !important;
}

.gls-content .gdlr-core-pbf-column-content {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.gls-content .gls-contact p {
	line-height: 1.3 !important;
	margin-bottom: 0 !important;
}

.gls-content .gls-contact a {
	font-size: 26px !important;
	font-weight: 300 !important;
	display: block !important;
}

.gls-spacer{
	flex:1 1 auto !important;
	min-width: 500px !important;
}

/* If GoodLayers columns are floated (not flex), this still helps */
.gls-content,
.gls-spacer{
	box-sizing:border-box;
}

/* =========================================================
   GLS — lock GoodLayers columns
   column 2 = content (min 490px)
   column 1 = spacer (collapsible)
   ========================================================= */

/* SPACER COLUMN */
#gdlr-core-column-1{
	min-width: 500px !important;
	width: 33.3333% !important;
  	box-sizing:border-box;
/* 	background: green;
	opacity: 0.3; */
}

/* CONTENT COLUMN */
#gdlr-core-column-2{
	min-width: 0 !important;
	width: auto !important;
	box-sizing: border-box;
}

@media (min-width:1550px){
	#gdlr-core-column-1{
		min-width: 550px !important;
	}
}

@media (min-width:1820px){
	#gdlr-core-column-1{
		min-width: 600px !important;
	}
}

/* Prevent forced stacking too early */
@media (max-width:464px){
  .gls-landing{
    overflow-x:auto !important;
  }
}


/* Optional: allow horizontal scroll instead of breaking layout
   when viewport < 465px (remove if you prefer stack instead) */
@media (max-width:464px){
  .gls-landing{
    overflow-x:auto !important;
  }
}

/* =========================
   LOGO (class on logo module wrapper: gls-logo)
   ========================= */
.gls-logo{
	padding-bottom: 60px !important;
}

.gls-logo img{
	max-width:585px !important;
	min-width:585px;
	width:100%;
	height:auto;
}

/* =========================
   SPACER IMG
   ========================= */
.gls-spacer .gdlr-core-pbf-background {
	background-repeat: no-repeat !important;
	background-position: right -83px !important;
	background-size: 150% auto !important;
}

/* =========================
   TYPE RHYTHM
   ========================= */
.gls-wordmark{ line-height:1.05; margin-bottom:24px; }
.gls-tagline{ line-height:1.25; margin-bottom:24px; }
.gls-body{ line-height:1.6; margin-bottom:32px; }
.gls-contact-title{ line-height:1.15; margin-bottom:10px; }
.gls-contact{ line-height:1.5; }
.gls-content .gls-contact a:hover { text-decoration: underline; }

/* =========================
   RESPONSIVE TUNING
   ========================= */
@media (min-width:2050px){
	.gls-logo {
		padding-bottom: 100px !important;
	}
	
	.gls-logo img{
		max-width: 975px !important;
		min-width: 975px;
	}
	
	.gls-content {
		padding: 135px 135px 240px !important;
	}
	
	.gls-content .gls-contact p {
		font-size: 59px !important;
	}
	
	.gls-content .gls-contact a {
		font-size: 50px !important;
	}
}

@media (max-width:1440px){

}

@media (max-width:1094px){
	.gdlr-core-pbf-wrapper-container {
		display: flex;
		flex-wrap: nowrap;
	}
	
	.gls-logo img{
		max-width: 404px !important;
		min-width: 404px;
	}
	
	.gls-content .gls-contact p {
		font-size: 24px !important;
	}	
	
	.gls-content .gls-contact a {
		font-size: 22px !important;
		padding-top: 5px;
	}
}

@media (max-width:1024px){
	.gls-logo {
		padding-bottom: 38px !important;		
	}
	
	.gls-logo img { 
		max-width: 404px; 
	}
	
	#gdlr-core-column-1{
		min-width: 440px !important;
	}
	
	.gls-landing .gdlr-core-pbf-background {
		background-image: url(https://dev.cassutodesign.net/wp-content/uploads/2026/03/bg-principia-tablet-landscape.jpg;) !important;
	}
}

@media (min-width: 768px) and (max-width: 1190px) and (orientation: landscape) {
	.gls-logo {
		padding-bottom: 38px !important;		
	}
	
	.gls-logo img { 
		max-width: 404px; 
	}
	
	#gdlr-core-column-1{
		min-width: 440px !important;
	}
	
	.gls-landing .gdlr-core-pbf-background {
		background-image: url(https://dev.cassutodesign.net/wp-content/uploads/2026/03/bg-principia-tablet-landscape.jpg;) !important;
	}
}	

@media (min-width: 768px) and (max-width: 1190px) and (orientation: portrait) {
	.gls-logo {
		padding-bottom: 38px !important;		
	}
	
	.gls-logo img { 
		max-width: 404px; 
	}
	
	.gls-landing .gdlr-core-pbf-background {
		background-image: url(https://dev.cassutodesign.net/wp-content/uploads/2026/03/bg-principia-tablet-portrait.jpg) !important;
	}
	
	#gdlr-core-column-2 {
		position: absolute;
		left: 0;
		right: 0;
	}
	
	.gls-content {
		padding: 75px 75px 240px !important;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}	
}

@media (max-width:768px){	
	.gls-logo {
		padding-bottom: 38px !important;		
	}
	
	.gls-logo img { 
		max-width: 404px; 
	}
	
	.gls-landing .gdlr-core-pbf-background {
		background-image: url(https://dev.cassutodesign.net/wp-content/uploads/2026/03/bg-principia-tablet-portrait.jpg) !important;
	}
	
	#gdlr-core-column-2 {
		position: absolute;
		left: 0;
		right: 0;
	}
	
	.gls-content {
		padding: 75px 75px 240px !important;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
}

@media (max-width: 767px){

  /* hit EVERY likely wrapper inside column-2 */
/*   body #gdlr-core-column-2,
  body #gdlr-core-column-2 .gdlr-core-pbf-column-content,
  body #gdlr-core-column-2 .gdlr-core-pbf-column-content-wrap,
  body #gdlr-core-column-2 .gdlr-core-pbf-column-content-margin,
  body #gdlr-core-column-2 .gdlr-core-pbf-column-content-margin > div{
    padding-left: 0 !important;
    padding-right: 0 !important;
  } */

  /* if GoodLayers sets it as inline style, force it off */
/*   body #gdlr-core-column-2 [style*="padding-left"],
  body #gdlr-core-column-2 [style*="padding-right"],
  body #gdlr-core-column-2 [style*="padding:"]{
    padding-left: 0 !important;
    padding-right: 0 !important;
  } */
}

@media only screen and (max-width: 767px) {
  .gdlr-core-pbf-wrapper-full-no-space {
    max-width: 100% !important;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
    /* Small mobile landscape / small devices */
	.gls-landing {
		justify-content: flex-start;
		padding: 93px 25px 90px !important;
/* 		max-width: 500px !important; */
	}
	
	.gls-logo {
		padding-bottom: 28px !important;		
	}
	
	.gls-logo img { 
		min-width: 253px;
		max-width: 253px !important;
	}
	
	.gls-landing .gdlr-core-pbf-background {
		background-image: url(https://dev.cassutodesign.net/wp-content/uploads/2026/03/bg-principia-tablet-portrait.jpg) !important;
	}
	
	#gdlr-core-column-2 {
		position: absolute;
		left: 0;
		right: 0;
	}
	
	.gls-content {
		padding: 80px 80px 60px !important;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	
	.gls-content .gls-contact p {
		font-size: 14px !important;
	}	
	
	.gls-content .gls-contact a {
		font-size: 14px !important;
		padding-top: 0;
	}	
}

@media (max-width:600px){	
    /* Small mobile landscape / small devices */
	.gls-landing {
		justify-content: flex-start;
		padding: 93px 25px 90px !important;
		max-width: 500px !important;
	}
	
	.gls-logo {
		padding-bottom: 28px !important;		
	}
	
	.gls-logo img { 
		min-width: 253px;
		max-width: 253px !important;
	}
	
	.gls-landing .gdlr-core-pbf-background {
		background-image: url(https://dev.cassutodesign.net/wp-content/uploads/2026/03/bg-principia-tablet-portrait.jpg) !important;
	}
	
	#gdlr-core-column-2 {
		position: absolute;
		left: 0;
		right: 0;
	}
	
	.gls-content {
		padding: 33px 33px 90px !important;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	
	.gls-content .gls-contact p {
		font-size: 14px !important;
	}	
	
	.gls-content .gls-contact a {
		font-size: 14px !important;
		padding-top: 0;
	}
}