/**
 * Theme Name:     Twenty Twenty-Four Child
 * Author:         the WordPress team
 * Template:       twentytwentyfour
 * Text Domain:	   twenty-twenty-four-child
 * Description:    Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
 */

/* General styles */

main.wp-block-group{
	margin-top:0;
}
.shadow-black{
	text-shadow: 1px 2px #000; 
} 
.shadow-black a{
	text-decoration:none!important;
}
footer{
	border-top:1px solid #ccc;
}
h1, h2, h3, h4, h5, p, li{
	font-family:sans-serif;
}
p, li{
	font-size:95%; 
}
.hide{
	display:none!important;
}
.promo-text{
	font-size:1.2rem;
	line-height:2rem;
}
.btn-orange a{
	background-color:#f79007;
	border-color:none;
} 
.btn-orange a:hover, 
.btn-orange a:active, 
.btn-orange a:focus{
	background-color:#ff9933;
	border-color:none;
}

.feature-h{
	border:1px solid #ccc;
	border-radius:0.33em;
}
.feature-h-white{
	background: white;
  border: 1px solid #ccc;
}
.border-radius{
	border-radius:0.33em;
}
.btn-blue a{
	background-color:#003366;
	border-color:none;
}
.btn-blue a:hover, 
.btn-blue a:active, 
.btn-blue a:focus{
	background-color:#053a70;
	border-color:none;
}

.btn-large a{
	font-size: 1.1rem;
}
.orange-txt{
	color:#f79007;
}
.blue-txt{
	color:#003366;
}
.alight-justfy{
	text-align:justify;
}
.device-desktop-hide{
	display:none!important;
}
:where(.wp-element-button, .wp-block-button__link), a:where(:not(.wp-element-button)){
		outline-color:none!important;
	border-color:none!important;
	outline-style: none!important;
}
/* top nav */
header ul li.wp-block-navigation-item a{
	font-size:1.2em;
}

/* Home */
.home-banner h1{
	font-size:clamp(2.2rem, -0.875rem + 6vw, 3rem);
}
.at-a-glance img{
	max-width:70%;
}
.at-a-glance h2{
	font-size:1.85rem!important; 
}
#home-vendor-list h3.shadow-black{
	font-size:clamp(2.2rem, -0.875rem + 6vw, 3rem);
}
/* common pages */
.page h2{
	font-size: clamp(1rem, -0.875rem + 2.5vw, 3rem);
}

/* contact */

.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=text],
.wpcf7-form textarea,
.wpcf7-form select{
	border: 1px solid #7d796e;
	color:#000;
	background-color:#fff;
	padding:.75em;
	border-radius:5px;
	display:block;
    width: 96%;
    max-width: 700px;
	resize: none;
	font-size: 1em;
	font-family: sans-serif;
}
.wpcf7-form select{
  width: 48vw;
  max-width: 726px;
}	
	
.wpcf7-form input[type=submit]{
  padding: 1em 1.5em;
  border: 1px solid #000;
  width: 10vw;
	background-color:#DDEAEF;	
}
.wpcf7-form input[type=submit]:hover{
	cursor:pointer;
}
.wpcf7-form input[type=submit]:disabled{
	cursor:not-allowed;
}

:where(.wpcf7-form input :focus, .wpcf7-form textarea :focus, .wpcf7-form select :focus), {
	outline-color:none!important;
	outline-style: none!important;
}
:where(.wp-site-blocks :focus){
		outline-color:none!important;
	outline-style: none!important;
}

.wp-block-contact-form-7-contact-form-selector{
  background-color: white;
  padding: 1em 2em;
  border: 1px solid #ccc;
}
.contact .wpcf7-form.sent .wpcf7-response-output,
.contact .wpcf7-form.invalid .wpcf7-response-output{
	/* Error Message */
	padding:1em 1em 1em 3.5em;
	border:3px solid #196619;
	background-color: #d6f5d6;
	font-weight:bold;
	background-position: 10px center;
	background-repeat:no-repeat;
	background-size:40px;
	background-image: url(/wp-content/uploads/2024/09/check-icon.png);
}
.contact .wpcf7-form.invalid .wpcf7-response-output{
    /* Sent Message */
	border:3px solid #ffcc00;
	background-color:#fffae6;
	background-image: url(/wp-content/uploads/2024/09/error-icon.png);
}

.contact .wpcf7 form .wpcf7-response-output{
	margin:2em 0;
}

/* why invest page */

.rotated-text{
	text-shadow: 2px 0px 2px #000000;
}
.why-banner{
	margin-top:0!important;
}
.current-developments p{
	color:#000000;
}
/* vendors*/

.vendor-list-item, .investors-list-item{
	border-radius:0.33em;
	padding:0.5em;
	border:1px solid #eee;
	background: rgb(250,247,247);
	background: -moz-linear-gradient(180deg, rgba(250,247,247,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(250,247,247,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(250,247,247,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faf7f7",endColorstr="#ffffff",GradientType=1);	
}

.vendor-list-item h3,
.investors-list-item h3{
	border-radius:0.33em;
	display: inline-flex;
    align-items: center;
}
.vendor-list-item h3 strong,
.investors-list-item h3 strong{
	border-radius:0.33em;
	font-size:1.5rem;
	margin-right:1rem;
	padding:.5rem 1rem;
	background-color:#f79007;
	color:#fff;
}
.investors-list-item h3 strong{
	background-color:#003366;
}
@media only screen and (max-width: 1023px) {
	.page h2{
		font-weight: bold;
	}
	.device-desktop-hide{
		display:block!important;
	}
	.device-mobile-hide{
		display:none!important;	
	}
}

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

@media only screen and (max-width: 768px) {
	/* contact */
	.wpcf7-form input[type=email],
	.wpcf7-form input[type=tel],
	.wpcf7-form input[type=text],
	.wpcf7-form textarea,
	.wpcf7-form select{
		width: 96%;
	}
	
	.wpcf7-form select,
	.wpcf7-form input[type=submit] {
		width: 100%;
	}	
	
	.rotated-text{
    writing-mode: horizontal-tb!important;
		text-align:left;
	    rotate: 0deg!important;
	}
}
@media only screen and (max-width: 560px) {

}