/*
Theme Name: isi
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
	--testimonial-bg-percent: 15%;
	--testimonial-bg-offset: calc(var(--testimonial-bg-percent) - 5%);


}

.absolute-footer {
	display: none;
}

html {
	scroll-behavior: smooth;
}

#uxBuilder {
	scroll-behavior: standard !important;
}

.hero {
	display: flex;
	flex-flow: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	background: var(--primary-color);
	min-height: 100vh;
	border-bottom: 1px solid white;
}

.hero h1 {
	color: #FFF;
	font-family: Outfit;
	font-size: 6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 7rem;
	/* 116.667% */
	letter-spacing: -0.09375rem;
	text-align: center;
}

.bg-athlete {
	opacity: 80%;
	mix-blend-mode: overlay;
	position: absolute;
	inset: 0;
	background-position: center bottom;
	background-repeat: no-repeat;
	pointer-events: none;
}

.hero .bg-athlete {
	background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/04/pipar-karfa.png);
	background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/04/eyglo-1-e1745853221774.png);
	/* 	background-size: cover; */

}

.hero-subtitle {
	display: flex;
	gap: 20px;
	align-items: center;
}

.hero-subtitle p {
	margin: 0;
	color: #FFF;
	font-family: Outfit;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.07813rem;
	text-transform: uppercase;
}

.nav>li>a.nav-top-link {
	color: #FFF;
	font-family: Outfit;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1rem;
	/* 114.286% */
	letter-spacing: 0.07813rem;
	text-transform: uppercase;
}

.header-nav.header-nav-main.nav.nav-left {
	justify-content: center;
}

.hero-subtitle .line {
	width: 50px;
	height: 2px;
	background: white;
}

.custom-nav {
	position: fixed;
	display: flex;
	justify-content: space-between;
	z-index: 2;
	margin: auto;
	left: 5%;
	right: 5%;
	pointer-events: none;
	height: 80vh;
	align-items: center;
}

.socials {
	display: flex;
	flex-direction: column;
	gap: 5px;
	transform-origin: left;
	color: white;
	height: fit-content;
	align-items: flex-end;
	align-content: center;
	justify-content: center;
	pointer-events: all;
	
}

.socials p {
	color: white;
	font-family: Outfit;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1rem;
	/* 114.286% */
	letter-spacing: 0.07813rem;
	text-transform: uppercase;
	margin: 0;
	writing-mode: vertical-rl;
}

.custom-nav li {
	pointer-events: all;
	text-align: right;
}

.custom-nav ul a {
	color: white;
	text-align: right;
	font-family: Outfit;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1rem;
	/* 114.286% */
	letter-spacing: 0.07813rem;
	text-transform: uppercase;
}

.custom-nav ul li {
	border-right: 2px solid rgba(255, 255, 255, 0.5);
	padding-right: 5px;
	list-style: none;
	margin: 0;
	padding-bottom: .5rem;
	transition: all .3s ease-in-out;
}

.custom-nav.active ul li {
	border-right-color: var(--primary-color);
}

.custom-nav ul li:has(a.active) {
	border-right: 2px solid white;
}

.custom-nav.active ul li:has(a.active) {
	border-right-color: var(--fs-color-secondary);
}

.custom-nav.active a:hover {
	color: var(--fs-color-secondary) !important;
}

.custom-nav ul li:hover {
	border-right-color: white;
}
.custom-nav.active ul li:hover {
	border-right-color: var(--fs-color-secondary);
}

.custom-nav.active ul a {
	color: var(--primary-color);
}

.custom-nav.active .socials p {
	color: var(--primary-color);
}

.custom-nav.active .socials a img {
	filter: brightness(0) invert(18%) sepia(61%) saturate(859%) hue-rotate(209deg) brightness(87%) contrast(108%);
}

.custom-nav .socials a:hover img {
	filter: invert(1) invert(18%) sepia(88%) saturate(2756%) hue-rotate(344deg) brightness(107%) contrast(107%);
}

.isi-section-01 {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "a" "b";

	justify-items: center;
	align-items: center;
}

.isi-section-01-text {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: start;
	align-items: center;
	grid-area: b;
}

.isi-section-01-text-content {
	max-width: 70%;
}

.isi-section {
	background: var(--primary-color);
	border-bottom: 1px solid white;
}

.isi-section-01 .bg-athlete {
	background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/04/sund-1.png);
	background-size: auto;
	background-position: bottom left;
}

.demantur {
	width: 100%;
}

.isi-section-num {
	color: #FFF;
	font-family: Outfit;
	font-size: 26.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.22425rem;
	margin: 0;
	text-align: right;
}

.isi-section-01-text h3 {
	color: #FFF;
	font-size: 3.75rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4.46125rem;
	/* 118.966% */
	letter-spacing: -0.031rem;
}

.isi-section-01-info {
	color: #FFF;
	/* Body 1 */
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	letter-spacing: 0.03125rem;
}

.isi-section-02-text-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
	align-items: center;
	justify-content: center;
	align-content: center;
	border: none;
}

.isi-section-02-right {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

.isi-section-02-text {
	display: flex;
	justify-content: flex-end;
}

.isi-section h3 {
	font-size: 3.75rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4.375rem;
	/* 116.667% */
	letter-spacing: -0.03125rem;
}

.isi-section p {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	letter-spacing: 0.03125rem;
}
.isi-section-02 {
	border: none;
}
.isi-section-02 h3 {
	color: white;
}

.isi-section-02-info {
	color: white;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	/* 150% */
	letter-spacing: 0.03125rem;
}

.isi-section-02 h4 {
	color: white;
	font-size: 2.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.25rem;
	/* 105.882% */
}

.isi-section-02-text li {
	color: white;
	font-size: 0.93681rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.08363rem;
	/* 	text-transform: uppercase; */
}

.isi-section-02-text-content {
	max-width: 60%;
}

.isi-section-02 .bg-athlete {
	background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/04/langstokk-1.png);
	background-position: center top;
}

.isi-section-03 {
	background: white;
	border: 1px solid var(--primary-color);
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
	align-items: center;
}

.isi-section-03-right {
	max-width: 50%;
}

.isi-section-03-right h3 {
	color: var(--primary-color);
	font-size: 3.30988rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.91925rem;
	/* 118.41% */
	letter-spacing: -0.02719rem;
}

.isi-section-03-right p {
	color: var(--primary-color);
	font-size: 0.8785rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.31775rem;
	/* 150% */
	letter-spacing: 0.02744rem;
}

.isi-section-03 h2 {
	color: var(--primary-color);
}

.isi-section-04 {
	background: var(--primary-color);
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: stretch;
    grid-template-rows: 1fr;
    align-items: end;
	min-height: 80vh;
	gap: 20px;
}

.isi-section-04-right {
	max-width: 70%;
}

.isi-section-04 * {
	color: white;
}

.isi-section-04 .bg-athlete {
	background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/04/aron-cut-out-final-1.png);
	background-size: contain;
}

.quotes-bottom-left {
	position: absolute;
	bottom: var(--testimonial-bg-percent);
	left: var(--testimonial-bg-percent);
}

.quotes-top-right {
	position: absolute;
	top: var(--testimonial-bg-percent);
	right: var(--testimonial-bg-percent);

}

.testimonial-badge {
	position: absolute;
	top: var(--testimonial-bg-offset);
	left: var(--testimonial-bg-percent);
}

.testimonial-name {
	position: absolute;
	top: var(--testimonial-bg-offset);
	right: var(--testimonial-bg-percent);
	color: var(--primary-color);
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.02625rem;
	text-transform: uppercase;
	text-align: right;
}

.isi-section-testimonials {
	border: none;
}

.testimonials {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: 'left testimonial right';
	justify-content: center;
	transition: all .5s ease-in-out;
}

.isi-section-testimonials:hover .testimonial-left,
.testimonials.active .testimonial-left {
	transform: translatex(-102%);
}

.isi-section-testimonials:hover .testimonial-right,
.testimonials.active .testimonial-right {
	transform: translatex(102%);
}

.testimonial {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px;
	position: relative;
	/* 	max-height: 400px; */
	flex-grow: 1;
	height: 100%;
	grid-area: testimonial;
	background: white;
	min-height: 300px;
	transition: all .5s ease-in-out;
}

.testimonial h3 {
	color: white;
	font-size: 1.5rem;
}

.testimonial-row .col-inner {
	height: 100%;
}

.testimonials .testimonial .testimonial-text p {
	color: var(--primary-color);
	text-align: center;
	font-family: Outfit;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	/*     max-width: 75%; */
	margin: auto;
}

.testimonial p {
	margin-bottom: 0;
}

.testimonial-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	align-content: center;
	justify-content: center;
	justify-items: center;
}

.afrek-heading {
	color: var(--primary-color);
	font-size: 3.76763rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4.46125rem;
	/* 118.41% */
	letter-spacing: -0.031rem;
}

.testimonial-large-row .col-inner {
	height: 100%;
	border: 2px solid white;
}

.testimonial-large.testimonial-large .testimonial-text p {
	color: var(--primary-color);
	text-align: center;
	font-size: 2.30888rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.testimonial-large .testimonial-name {
	text-align: right;
	font-size: 1.22rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.52506rem;
	/* 125% */
	letter-spacing: 0.05081rem;
	text-transform: uppercase;
}

.testimonial-large .quotes-top-right {
	opacity: .4;
	width: 100px;
}

.testimonial-large .quotes-bottom-left {
	width: 100px;
}

.testimonial-large .testimonial-badge {
	width: 50px;
}

.isi-section-05 {
	border: none;
}

.isi-section-05 * {
	color: white;
}

.isi-section-num-05 {
	color: #FFF;
	font-family: Outfit;
	font-size: 12rem;
	font-style: normal;
	font-weight: 500;
	line-height: 14.147rem;
	/* 120% */
	letter-spacing: -0.09825rem;
	margin: 0;
}

.isi-section-05-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;

}

.isi-section-05 h3, .isi-section-05-right h3 {
	color: #FFF;
	font-size: 4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	/* 120% */
	letter-spacing: -0.09825rem;
}

.isi-section-05-right {
	display: flex;
	flex-flow: column;
}

.team-slider-wrapper {
	display: flex;
	flex-flow: row;
	align-items: center;
}

.team-slider {
	margin-bottom: -100px !important;
}

.team-slider-item {
	width: 33%;
	flex-shrink: 0;
	scroll-snap-align: start;
	/* <- the other important piece */
}

.team-slider-content {
	display: grid;
	flex-direction: column;
	grid-template-rows: 70px 1fr 150px;
	justify-items: center;
	align-items: center;
}

.prev-btn,
.next-btn {
	width: 40px;
	height: 45px;
	transform: translatey(-10%);

}

.btn-wrapper {
	display: flex;
	/* 	height: 100%; */
	width: 50px;
	justify-content: center;
	align-items: center;
}

.prev-btn {
	background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/05/back.svg);
}

.next-btn {
	background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/05/forward.svg);
}

.team-name {
	color: #FFF;
	font-family: Outfit;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	/* 150% */
	letter-spacing: 0.01163rem;
	margin: 0;
}
.team-title {
	color: #FFF;
font-family: Outfit;
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1rem; /* 114.286% */
letter-spacing: 0.07813rem;
text-transform: uppercase;
}

.team-description,
.team-email,
.team-education {
	color: #FFF;
	font-family: Outfit;
	font-size: 1rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2rem;
	/* 150% */
	letter-spacing: 0.01163rem;
	margin: 0;
}

.team {
	color: #FFF;
	font-family: Outfit;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: bold;
	line-height: 1.86188rem;
	/* 150% */
	letter-spacing: 0.01163rem;
	margin: 0;
	text-align: center;
}

.team-item p {
	margin: 0;
	width: 100%;
}
.team-item img {
	width: 100%;
	min-width: 311px;
}

.team-item {
    display: grid;
    align-content: center;
    align-items: center;
    gap: 1.2em;
    justify-items: flex-start;
}

.team-info {
	display: flex;
	flex-direction: column;
	gap: .2em;
}

.slick-slide {
	margin: 30px;
}

.slick-slider img {
	width: 100%;
}

.footer-social p {
	margin: 10px;
}

.footer-social a:hover {
	color: var(--fs-color-secondary);
}

.footer-social a,
.footer-social p {
	color: #FFF;
	font-family: Outfit;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.15;
	/* 114.286% */
	letter-spacing: 1.25px;
	text-transform: uppercase;
}

.button.white.is-outline span {
	color: white;
}

.button.white.is-outline:hover span {
	color: var(--primary-color);
}

#footer .button.white.is-outline {
	color: white;
	border: 1px solid white !important;
}

.footer-to-top {
	display: flex;
	color: white;
	font-family: Outfit;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	/* 114.286% */
	letter-spacing: 1.25px;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
a.footer-to-top:hover {
	color: rgba(255,255,255,0.5) !important;
}

@media screen and (max-width: 800px) {
	:root {
		--testimonial-bg-percent: 10%;
	}
	.isi-section-01 .bg-athlete {
		inset: 10% 0% 0% 0%;
		background-size: contain;
	}
	.testimonial-text {
		max-width: 95%;
	}

	.custom-nav {
		display: none;
	}

	.hero h1 {
		font-size: 4.5rem;
		line-height: 1;
	}

	.hero-subtitle {
		justify-content: center;
	}

	.hero .bg-athlete {
		background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/04/eyglo-mobile.png);
		background-size: cover;
	}

	.isi-section-num {

		font-size: 10rem;
		line-height: 1;
		letter-spacing: normal;
		width: min-content;

	}

	.isi-section-num-05 {

		font-size: 10rem;
		line-height: 1;
		letter-spacing: normal;

	}

	.hero img {
		width: 80%;
	}

	.hero {
		justify-content: center;
	}

	.isi-section p {
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0.02131rem;
	}

	.isi-section h4 {
		font-size: 2.18094rem;
		font-weight: 400;
		line-height: 2.30919rem;
	}

	.isi-section-02-text li {

		font-size: 0.9615rem;
		line-height: normal;
		letter-spacing: 0.08588rem;
	}

	.isi-section-02-right {
		width: 100%;
		align-items: flex-start !important;
	}

	.isi-section-text.isi-section-01-text,
	.isi-section-04 {
		display: flex;
		flex-flow: column;
		justify-content: flex-end;
	}

	.isi-section-01-text-content,
	.isi-section-02-text-content,
	.isi-section-03-right,
	.isi-section-04-right {
		max-width: 100%;
	}

	.isi-section h3 {
		font-size: 2.5rem;
		font-weight: 500;
		line-height: 1;
		letter-spacing: -0.025rem;
	}

	.isi-section-01 {
		display: flex;
	}
	.isi-section-01-text {
		align-items: flex-start;
	}
	.isi-section-02-text-container {
		display: flex;
		flex-flow: column-reverse;
		padding: 10px;
	}

	.isi-section-02 .demantur {
		display: none;
	}

	.isi-section-03 {
		display: flex;
		flex-flow: column;
		border-right: none;
		border-left: none;
	}
	.isi-section-04-left, .isi-section-03-left {
		    display: flex;
    justify-content: flex-start;
    width: 100%;
	}

	.isi-section-04 .bg-athlete {
		background-image: url(http://afreksmidstodislands.is/wp-content/uploads/2025/04/aron-mobile.png);
		background-size: cover
	}

	.testimonials {
		display: flex;
		flex-flow: column;
		gap: 20px;
	}

	.testimonial-right,
	.testimonial-left {
		transform: none !important;
	}

	.afrek-heading {
		font-size: 1.63969rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.9415rem;
		/* 118.41% */
		letter-spacing: -0.0135rem;
	}

	.isi-section-05-text {
		display: flex;
		flex-flow: column;
	}

	.isi-section-05-right h3 {
		color: #FFF;
		font-family: Outfit;
		font-size: 3rem;
		font-style: normal;
		font-weight: 500;
		line-height: 3rem;
		/* 100% */
		letter-spacing: -0.031rem;
	}

	.testimonial-large.testimonial-large.testimonial-large .testimonial-text p {
		font-size: 1.31513rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.testimonial-large .testimonial-name {
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 0.86869rem;
		letter-spacing: 0.02894rem;
		text-transform: uppercase;
	}

	.nav-sidebar .custom.html {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.nav-sidebar .menu-item a {
		color: var(--primary-color);
		font-family: Outfit;
		font-size: 2.05138rem;
		font-style: normal;
		font-weight: 500;
		line-height: 2.34444rem;
		/* 114.286% */
		letter-spacing: 0.18319rem;
		text-transform: uppercase;
	}

	i.icon-menu {
		color: white;
	}
}
/*Shit fix*/
.sect-05 .section-content,
.sect-02 .section-content {
	background: var(--primary-color);
}
.nav-top-link.active {
	border-bottom: 2px solid;
}
.header, .header * {
	box-shadow: none !important;
}
.header-bg-color {
	background: rgba(0,0,0,0) !important;
}
html {
	background: var(--primary-color);
}
@media screen and (max-width: 1500px) {
	.custom-nav {
		display: none;
	}
}