/* ----------------------------------------------------------------- */
/* Studio Ease styles, 13 april 2025 */
/* ----------------------------------------------------------------- */

A.default { color:#33c !important; }
A.default:hover { color:#66f !important; }

DIV.ease-header-nav { margin-bottom:30px; text-align:center; }

DIV.ease-header { /*margin-bottom:30px;*/ }
DIV.ease-title { font-size:50px; }

DIV.ease-nav { font-size:22px; }

DIV.ease-nav A { text-decoration:none; color:#fff; background:var(--colEase); display:inline-block; padding:5px 20px; border-radius:20px; }

SPAN.nav-spacer { display:inline-block; width:30px; }

DIV.ease-header .dot {
	height: 10px;
	width: 10px;
	background-color: var(--colEase);
	border-radius: 50%;
	display: inline-block;
	margin: 0 20px;
	vertical-align: middle;
}

DIV.ease-subheader { font-family: var(--fontBody); font-size:18px; margin: 5px 0 25px 0; }

DIV.ease-footer {
	background:#eee; 
	color:#444;
	padding:40px;
	text-align:center;
	text-transform:initial;
}

.ease-videos {
	margin: auto;
	width: 90%;
	max-width:1280px;
	text-align:center;
}

.ease-video {
	padding:56.25% 0 0 0;
	position:relative;
	/*margin-bottom:40px;*/
}

.ease-caption { margin: 10px 0 30px 0; text-transform: initial; }

IFRAME.ease-vimeo { border-radius:10px; position:absolute; top:0; left:0; width:100%; height:100%; }

/* about */

.ease-about, .ease-projects { font-family: var(--fontBody); text-transform: none; font-size: 24px; }
.ease-about { min-height:66vh; text-align: justify; }

.ease-about .photo {
	float:right; margin-left:50px;
	width:40%; max-width:500px; 
	color:#777;
	font-size:70%;
}

.ease-about .photo IMG {
	width:100%; border-radius:10px; 
}

.ease-about A {
	padding: 0 !important;
	maring: 0 !important;
	margin: 0 !important;
	background: none !important;
	color: var(--colEase) !important;
	text-decoration:none;
}

.ease-about A:hover {
	text-decoration:underline !important;
}

/* projects */

DIV.ease-projects {
	text-align: center;
	margin-bottom:30px;
}

DIV.ease-project-item {
	width:calc(100%/3 - 25px);
	aspect-ratio:1;
	/*background:#eee;*/
	margin:10px 10px;
	display:inline-block;
	vertical-align: top;
}

A.ease-project { margin:0 !important; padding:0 !important; }

DIV.ease-project {
	width:100%; /*calc(100%/3 - 25px); */
	aspect-ratio:1;
	object-fit: cover;
	/*background:#eee;*/
	/*margin:10px 10px;*/
	/*display:inline-block;*/
	/*vertical-align: top;*/

	background-size: cover;
	background-position: center;
	border-radius:20px;
	
	box-shadow: 0px 0px 5px rgb(0,0,0, 0.1); /* soft shadow with 5px blur and opacity 0.1 (10%) */
}

DIV.ease-project-title-spacer {
	/*padding-top:5px;*/
	padding-top: calc(100% - 65px);
}

DIV.ease-project-title {
	background:var(--colEase);
	color:#fff;
	border-radius:20px;
	margin:10px;
	
	font-family: var(--fontHead);
	text-transform: lowercase;
	font-size: 22px;
	padding:5px 5px;
}

DIV.ease-mobile-title {
	display:none;
}

/* footer */

.ease-footer-socials { }

.ease-footer-copy {
	font-size:22px;
	margin-bottom:20px;
}

.ease-footer-copy A {
	background:#fff;
	color:var(--colEase);
	border-radius:20px;
	display:inline-block;
	padding:5px 20px;
	text-decoration:none;
	font-size:70%;
}

.ease-footer-copy A:hover { background:rgba(255,255,255, 0.85); }

.ease-footer-socials A {
	display:inline-block; 
	width:30px; 
	height:30px; 
	border-radius:20px;
	background:transparent;
}

.ease-footer-socials A:hover { background:rgba(255,255,255, 0.15); }
.ease-footer-socials A:hover IMG { /*filter: invert(1);*/ }

.ease-footer-socials IMG { width:25px; height:auto; vertical-align: text-bottom; }

.ease-footer-socials A.insta IMG { }
.ease-footer-socials A.linkd IMG { }
.ease-footer-socials A.vimeo IMG { }