/*
Theme Name:   EMBINT
Theme URI:    https://uni-foundation.eu
Description:  DIVI child theme for EMBINT
Author:       EUF
Template:     Divi
Version:      1.0.3
*/

/*
CONTENTS

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




/* FONTS */

/* DM Sans Variable - Normal */
@font-face {
  font-family: 'DM Sans';
  src: url('fonts/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

/* DM Sans Variable - Italic */
@font-face {
  font-family: 'DM Sans';
  src: url('fonts/DMSans-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}


/* Typography */

body { font-family: 'DM Sans', 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%;}
}