/*
 Theme Name:   CIMS Global
 Description:  CIMS Global. Based On Twenty Twenty-Four Child Theme
 Author:       Howard Rhee
 Author URI:   https://rhee.agency
 Description: Custom theme for CIMS Global.
 Template:     twentytwentyfour
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0 License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  cimsglobal
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
	
	body {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.card {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.06); 
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.06);
    transition: box-shadow 0.3s ease-in-out; /* Add smooth transition */
}

.card:hover {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15); 
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
}



.full-width {
    width: 100%;
    margin: 0;
    padding: 0px;
}

.contact-us-button {
	padding: 10px 30px !important;
    background: white;
    color: var(--wp--preset--color--base);
    border: 1px solid var(--wp--preset--color--base);
    margin: -10px 0;
    border-radius: 30px;
}

/* White Cover Image Gradient - set overlay to white and 0 */
.has-white-background-color.has-background-dim-0 {
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 45%, rgba(255,255,255,0) 65%) !important;
	opacity: 0.85 !important;
}
/* Black Cover Image Gradient - set overlay to white and 0 */
.stk--no-background .has-white-background-color.has-background-dim-0 {
	background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(0 0 0 / 80%) 45%, rgba(255,255,255,0) 65%) !important;
	opacity: 0.85 !important;
}

.wp-element-button:hover, .wp-block-button__link:hover {
	background-color: white;
}

.full-width-image img  {
	width: 100%;
	height: auto;
}


.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	max-width: 100px;
}

.wp-block-search__button:hover svg {
    fill: #be1e2d;
}


@media only screen and (max-width: 600px) {
	.max300 {
		max-width: 300px;
		margin: 0 auto !important;
	}
	.max300 p{
		font-size: 22px !important;
	}
	.card h3 {
		font-size:26px !important;
	}
	.has-white-background-color.has-background-dim-0 {
		background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%) !important;
	}
	
	.stk--no-background .has-white-background-color.has-background-dim-0 {
		background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(0 0 0 / 80%) 100%, rgba(255,255,255,0) 100%) !important;
		opacity: 0.85 !important;
	}
	.wp-block-cover {
		min-height: 500px !important;
	}
	.wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-justify: flex-start;
}
	
	.wp-block-navigation__responsive-container-content ul li a {
		font-weight: bold !important;
	}
	.wp-block-navigation__responsive-container-content ul li ul li a{
		font-weight: normal !important;
	}
	.auto-min-height {
		min-height: auto !important;
	}
}