/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* DISABLE POINTER FOR TEXT IN STATIC BUTTON SHAPE*/
.disable-pointer {
    cursor: default;
    pointer-events: none;
}

/* CHANGE CIRCLE CURSOR COLOR */
.cursor-outer,
.cursor-inner {
    background-color: #ffbc5a !important;
    border-color: #ffbc5a !important;
}


/* IMAGE RESPONSIVENESS*/

.logo-astriata img,
img.logo-astriata {
  width: clamp(180px, 25vw, 275px) !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto !important;
}

.responsive-img {
	width: clamp(70%, 35vw, 100%) !important;
	height: auto !important;
}


/*TEXT */

h2.blue-heading {
  color: #1a1430;
}

h2.white-heading {
  color: #ffffff;
}

.white-text {
  color: #ffffff !important;
}

.text-top {
	vertical-align: top !important;
}

.bulleted-list li {
    margin-bottom: 16px !important; 
}

.uncode-vc-social {
	  color: #ffffff !important;
}


/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .text-center-tablet {
    text-align: center !important;
  }
}

/* MOBILE */
@media screen and (max-width: 767px) {
  .text-center-mobile {
    text-align: center !important;
  }
}

@media screen and (max-width: 945px) {
  .uncode-vc-social {
    text-align: center !important;
  }
}



/* SOCIAL MEDIA ICONS*/
.social-icon a:hover {
	color:#ffbc5a !important;
}

.social-icon a:active {
	color:#ffffff !important;
}

.social-icon a:visited {
	color:#ffffff !important;
}

.social-icon a:link {
	color:#ffffff !important;
}

@media(width>1024px) {
	.early-tablet-collapse-row {
		.icon-media {
			height: 200px;
			
			img {
				max-height: 100%;
			}
		}
	}
}

@media(width<=959px) {
	.text-image-row {
		.single-wrapper {
			img {
				max-width: 278px;
				border-radius: 10px;
			}
		}
	}
}

@media(width>520px) and (width<=959px) {
	.footer-row {
		.icon-media {
			max-width: 50vw;
		}
	}
}

@media(width<=1280px) {	
	.hero-actions {
		.hero-action-wrapper {
			.uncont {
				display: flex;
				align-items: flex-start;
				justify-content: center;
				flex-wrap: wrap;
				row-gap: 18px;
				column-gap: 24px;
			}
		}
		
		.btn-container {
			margin-inline: unset !important;
		}
		
		.btn {
			text-align: left;
			gap: 12px;
			justify-content: flex-end;
			padding-block: 0 !important;
			margin: 0 !important;
			
			.btn-icon-out {
				width: auto;
				min-width: 24px;
			}
		}
	}
}

@media (width>1024px) and (width<=1280px) {
	.single-block-padding:has(.early-tablet-collapse-row) {
		padding-inline: 0;
	}
	
	.main-container .row-container .triple-h-padding:has(.early-tablet-collapse-row) {
		padding-inline: 36px;
	}
}

@media (width<=1024px) {	
	.single-block-padding:has(.early-tablet-collapse-row) {
		padding-inline: 36px 0 !important;
	}
	
	.early-tablet-collapse-row {
		.col-lg-4 {
			width: 100%;
			padding-left: 0 !important;
			display: block;
			height: unset;
			padding-top: 36px !important;
			
			.responsive-img {
				width: 100% !important;
				
				.icon-media {
					display: flex !important;
					justify-content: center;
				}
				
				img {
					max-width: 70%;
				}
			}
			
			.uncol {
				position: static !important;
				top: 0px;
				left: 0px;
				height: 100%;
				min-height: inherit;
				width: 100%;
			}
		}
	}
}

@media (width<=959px) {
	.single-block-padding:has(.early-tablet-collapse-row) {
		padding-inline: 36px 36px !important;
	}
}

@media (width<=768px) {
	.single-block-padding:has(.early-tablet-collapse-row) {
		padding-inline: 0 !important;
	}
	
	.user-mood-img {
		.single-wrapper {
			min-width: 320px;
		}
	}
	
	.text-image-row {
		.text-column {
			.btn-container {
				justify-content: center !important;
			}
		}
		.image-column {
			.responsive-img {
				width: 100% !important;
			}
			
			.icon-media {
				display: flex !important;
				justify-content: center;
			}
		}
	}
	
	.btn-container:has(.text-center-mobile) {
		justify-content: center !important;
	}
}

@media (width<=768px) {
	.hero-actions {
		.align_center {
			text-align: left !important;
		}
		
		.btn-container {
			margin-top: 0 !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}
}

@media(width<=520px) {
	.hero-actions {
		.hero-action-wrapper {
			.uncont {
				flex-direction: column;
			}
		}
	}
}