/*
Theme Name: hakam-block
Theme URI: https://www.templatemonster.com/website-templates/hakam-scoccer-clup-amp-sports-website-template-323528.html
Author: Theme Factor - original HTML theme.  David Balzan - WordPress conversion and further development for Cangeroes. (dave@balzan.nl)
Description: Conversion of hakam theme from TemplateMonster to a wordpress block theme.
Version: 2.1
*/

/* GENERAL  */
html {
  overflow-x: hidden;
  height: 100%;
}

body {
  font-family: var(--thm-font);
  color: var(--thm-p);
  background: var(--bs-body-bg);
}

a {
  text-decoration: none;
  /* transition: all .2s ease 0s */
}

/* TYPOGRAPHY */

h1 {
  /* font-size: clamp(20px, 4vw, 50px); */
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0px;
}

h2 {
  /* font-size: clamp(16px, 3vw, 40px); */
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0px;
  color: var(--thm-black);
}

h3 {
  /* font-size: clamp(16px, 2vw, 32px); */
  line-height: 1.3;
  font-weight: 700;
  color: var(--thm-black);
}

h4,
h5,
h6 {
  font-weight: 700;
}

p {
  line-height: 1.8em;
  font-size: 15px;
}

div a,
li a,
p a {
  color: var(--thm-color);
  font-weight: 700;
}

.border-left {
  border-left: 2px solid var(--thm-color)
}

.atf-section-title h3 {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-weight: 600;
  color: var(--thm-black);
  font-size: 35px;
}

/* COLORS */
.bg-black {
  background-color: black;
}

.swiper-pagination-bullet {
  background: #333;
}

svg.social-icon {
  width: 30px;
  height: 30px;
  fill: var(--thm-color);
}

/* WORDPRESS OVERIDES */

/* Overide silly left padding on media and text block when image is right aligned */
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0
}

/* SECTION ANIMATION */
.fade-in-section {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}