/*
Theme Name:   COMPASS
Theme URI:    https://uni-foundation.eu/
Description:  DIVI child theme for the COMPASS project
Author:       EUF
Template:     Divi
Version:      1.0.6

GitHub Theme URI: https://github.com/NataliaMatt/COMPASS
Primary Branch: main
*/

/*
CONTENTS

- Fonts
-- font-face
-- Typography
- Parallax
- Footer
-- Bluesky icon
- Columns
*/

/* Typography */

body {
	font-family: "Karla", sans-serif;
}

/* CSS PARALLAX */
/* Safari bg overlay fix */
div.euft-overlay {
	background-color: rgba(255, 255, 255, 0.8);
}

/* Add CSS parallax for Desktop only */
/* Base behaviour: normal static background everywhere */
.desktop-parallax {
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}

/* Desktop only: fake "CSS parallax" with background-attachment: fixed */
@media (hover: hover) and (pointer: fine) {
	.desktop-parallax {
		background-attachment: fixed;
	}
}

/* FOOTER */
/* BLUESKY begin*/
/* replace the 4th icon in SM follow module in footer with FA bsky icon */

/* Turn the BEHANCE icon into a Bluesky icon in Social Media Follow module */
.et_pb_social_media_follow .et-social-behance a.icon:before {
	content: url(https://training.uni-foundation.eu/wp-content/uploads/2025/12/Bluesky_Logo_grey-v4.svg) !important;
	color: #dddddd;
	padding-top: 3px;
	padding-left: 6px;
	max-width: 18px;
}

/* COLUMNS */
.ten-columns .et_pb_module {
	width: 10%;
	float: left;
}
.nine-columns .et_pb_module {
	width: 11.11%;
	float: left;
}
.eight-columns .et_pb_module {
	width: 12.5%;
	float: left;
}
.seven-columns .et_pb_module {
	width: 14.28%;
	float: left;
}
.six-columns .et_pb_module {
	width: 16.66%;
	float: left;
}
.five-columns .et_pb_module {
	width: 20%;
	float: left;
}

@media (max-width: 980px) {
	.ten-columns .et_pb_module {
		width: 20%;
	}
	.nine-columns .et_pb_module {
		width: 33.3%;
	}
	.eight-columns .et_pb_module {
		width: 25%;
	}
	.seven-columns .et_pb_module {
		width: 25%;
	}
	.six-columns .et_pb_module {
		width: 33.3%;
	}
	.five-columns .et_pb_module {
		width: 33.3%;
	}
}

@media all and (max-width: 767px) {
	.ten-columns .et_pb_module {
		width: 100%;
	}
	.nine-columns .et_pb_module {
		width: 100%;
	}
	.eight-columns .et_pb_module {
		width: 100%;
	}
	.seven-columns .et_pb_module {
		width: 100%;
	}
	.six-columns .et_pb_module {
		width: 100%;
	}
	.five-columns .et_pb_module {
		width: 100%;
	}
}