/*
Theme Name: Valamar
Theme URI: https://drap.hr
Author: Drap
Author URI: https://drap.hr
Version: 1.0
Text Domain: valamar
*/

.document-single .date {
	font-size: clamp(14px,1.4vw,20px);
	color: #999;
	margin-top: 25px;
}

@media screen and (max-width: 480px){

	.box-stock-full { aspect-ratio: 3 / 2; }
	.interactive-stock-data { flex-wrap: wrap; }
	.interactive-stock-data p { width: 50%; }
	.interactive-stock-data p:nth-child(even) { text-align: right; }
}

.pdf-iframe-wrapper iframe { width: 100%; height: 70vh; border: none; }

.history-extended {
	width: 100%;
	position: relative;
}

.history-extended:before {
	content: '';
	position: absolute;
	left: 50%;
	height: 100%;
	border-right: 1px solid #aaa;
}

.history-row {
	width: 50%;
}

.history-row:nth-child(even) {
	margin-left: 50%;
}

.history-row .history-content {
	width: 90%;
}

.history-row:nth-child(even) .history-content,
.history-row:nth-child(even) h3,
.history-row:nth-child(even) h4 {
	padding-left: 10%;
}

.style-text .history-row h4 {
	font-family: "Matter",sans-serif;
	font-weight: 700;
	margin-bottom: 0;
	text-transform: uppercase;
	width: 25ch;
	text-wrap: balance;
}

.style-text .history-row h3 {
	margin-top: 0;
	font-size: clamp(40px,3.2vw,80px);
	position: relative;
	color: #6695fb;
}

.style-text .history-row h3:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #aaa;
	top: 40%;
	right: -10px;
}

.style-text .history-row:nth-child(even) h3:after {
	right: auto;
	left: -10px;
}

.article-type-3 > div :last-child {
	margin-bottom: 0 !important;
}

.report-img tspan {
	font-family: 'Reckless', serif;
}

.square-wrapper {
	aspect-ratio: 1;
	background: url('assets/images/shell.svg') center/80% no-repeat, linear-gradient(145deg,rgba(102, 150, 252, 1) 0%, rgba(26, 17, 84, 1) 100%);
	border-radius: 20px;
	overflow: hidden;
}

.square-wrapper > * { 
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.strategy-grid {
	display: flex;
	width: 100%;
	gap: 20px;
	margin: 20px 0;
}

.strategy-wrapper:hover .strategy-box {
	opacity: .4;
}

.strategy-box {
	flex: 0 0 auto;
	flex-grow: 1;
	text-align: center;
	padding: 80px 20px;
	border-radius: 12px;
	border: 3px solid #6696fc;
	transition: .3s all ease-in-out;
	transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
	z-index: 0;
	background: #fff;
	font-size: clamp(18px, 1.4vw, 24px);
}

.strategy-wrapper:hover .strategy-box:hover {
	opacity: 1;
	transform: scale(1.05);
	z-index: 1;
}

.strategy-grid:nth-of-type(1) .strategy-box:nth-of-type(1),
.strategy-grid:nth-of-type(2) .strategy-box:nth-of-type(3) {
	background: #B3D5F4;
}
.strategy-box:nth-of-type(2) {
	background: #E5F2FD;
}

span.lang {
	opacity: .5;
}

.download-media-thumbnail {
	border-radius: 8px;
}

.card-bg-gray {
	background: #f6f6f6;
	height: 100%;
	padding: 20px;
	border-radius: 20px;
}

.card-bg-blue {
	background: #B3D5F4;
	height: 100%;
	padding: 20px;
	border-radius: 20px;
}

.rivp-inputs input,
.rivp-inputs select {
	margin-block: clamp(16px, 1.4vw, 20px);
}

.input-combined {
	display: flex;
}

.input-combined select {
	width: auto;
	background-color: #f3f4f6;
	font-size: clamp(16px, 1.4vw, 20px);
    padding: 10px 15px;
    border: 1px solid #000;
    border-radius: 20px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
}

.input-combined input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.hidden { display: none; }

.rivp-calc-result { gap: clamp(16px, 1.4vw, 20px); }
.rivp-calc-result * { margin: 0 !important; line-height: 1 !important; }
.perf-value { font-size: 5rem; }

.rivp-table th,
.rivp-table td { text-align: right; }
.rivp-table th:first-child,
.rivp-table td:first-child { text-align: left; }

@media screen and (max-width: 991px){
	.strategy-grid {
		flex-direction: column;
	}
	.strategy-box {
		padding: 20px;
	}

	.style-text .history-row h4 {
		margin-bottom: 15px;
	}	
}

@media screen and (max-width: 767px) {
	.history-row {
		width: 100%;
		margin: 40px 0;
		padding-left: 40px;
	}
	.history-row:nth-child(even) {
		margin: 40px 0;
		padding-left: 40px;
	}
	.style-text .history-row h4 {
		width: auto;
	}
	.style-text .history-row h3:after {
		width: 15px;
		height: 15px;
		right: auto;
		left: -47px;
	}
	.style-text .history-row:nth-child(even) h3:after {
		left: -47px;
	}
	.history-row:nth-child(even) .history-content, .history-row:nth-child(even) h3, .history-row:nth-child(even) h4 {
		padding-left: 0;
	}
	.history-extended:before {
		left: 0;
	}
}




/*

.style-text a[href^="mailto:"]::before {
  content: "\2709";
  color: #000;
  margin-right: 6px; 
  text-decoration: none;
  display: inline-block;
}

.style-text a[href^="tel:"]::before {
  content: "\260E";
  color: #000;
  margin-right: 6px;
  text-decoration: none;
  display: inline-block;
}

.style-text a[href^="fax:"]::before {
  content: "📠";
  color: #000;
  margin-right: 6px;
  text-decoration: none;
  display: inline-block;
}

*/