/*
Theme Name: SIP Child Theme
Theme URI: https://sippub.hr
Description: Hello Elementor child theme for SIP pub, converted from a Figma Sites HTTrack scrape.
Author: SIP
Template: hello-elementor
Version: 1.1.0
Text Domain: sip-child
*/

/*
 * Desktop layout (min-width: 1280px). Full section CSS also lives in
 * assets/css/homepage.css and assets/css/theme.css, enqueued at priority 99.
 */

body.sip-body {
	margin: 0;
	padding: 0;
	background: #fff;
	max-width: 100%;
	overflow-x: hidden;
}

.sip-wrap,
.sip-header-inner,
.sip-footer-inner {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.sip-site-header {
	width: 100%;
	background-color: #000;
}

.sip-site-footer {
	width: 100%;
	background-color: #000;
	color: #fff;
}

.sip-header-inner,
.sip-split__row,
.sip-footer-inner {
	display: flex;
}

.sip-cards__grid {
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 1280px) {
	.sip-header-inner {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 0 64px;
		min-height: 144px;
	}

	.sip-header-left {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 64px;
	}

	.sip-nav-list {
		display: flex;
		flex-direction: row;
		gap: 32px;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.sip-split__row {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 64px;
	}

	.sip-cards__grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 32px;
	}

	.sip-footer-inner {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 120px;
		padding: 80px 64px 200px;
	}

	.sip-card--lime {
		background-color: #b3be34;
	}

	.sip-card--pink {
		background-color: #ff5f98;
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
	color: #000 !important;
	-webkit-text-fill-color: #000 !important;
}

h1,
.sip-h1,
.elementor-widget-heading h1.elementor-heading-title,
.elementor .elementor-element.elementor-element h1.elementor-heading-title {
	font-family: "Inter:Bold", "Inter", sans-serif !important;
	font-weight: 700 !important;
	font-size: clamp(40px, 7.5vw, 96px) !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	color: #000 !important;
}

h3,
.sip-h3,
.elementor-widget-heading h3.elementor-heading-title,
.elementor .elementor-element.elementor-element h3.elementor-heading-title {
	font-size: clamp(28px, 3.75vw, 48px) !important;
	line-height: 1.3 !important;
}

h4,
.sip-h4,
.elementor-widget-heading h4.elementor-heading-title,
.elementor .elementor-element.elementor-element h4.elementor-heading-title {
	font-family: "Inter:Bold", "Inter", sans-serif !important;
	font-weight: 700 !important;
	font-size: clamp(18px, 1.875vw, 24px) !important;
	line-height: 1.5 !important;
}

.sip-text-semibold,
.sip-text-semibold p,
.sip-text-semibold span,
.sip-text-semibold h1,
.sip-text-semibold h2,
.sip-text-semibold h3,
.sip-text-semibold h4,
.sip-text-semibold h5,
.sip-text-semibold h6,
.sip-text-semibold .elementor-text-editor p,
.sip-text-semibold .elementor-heading-title {
	font-family: "Inter:Semi Bold", "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 1.2 !important;
}

p {
	font-size: 16px;
	line-height: 1.45;
	color: #000;
}

nav p,
.sip-nav-list p {
	color: inherit;
}