/* consider 100%: 1470 x 956 the default screen resolution for macbook air m4*/ 
:root {
  /* Theme colors */
  --theme-color: #4682B4;
  --margin-background-color: #4682B4;
  --gradient-color: #adc9e6;
  --artical-background-color: #4476A3;
  --tab-background-color: #1D3C88;
  --footer-top-background-color: #494949;
  --footer-bottom-background-color: #0f0f11;
  --contact-us-background-color: #1D3C88;
  --front-color: #ffffff;
  --readmore-color: #FF7800;
  
  --section-gap: 3rem;

  --default-max-width: 1470px;
  --default-mobile-max-width: 390px; /* iPhone 12 Pro Max*/
  
  --medium-padding: 2rem;
  --header-padding: 2rem;
  --search-padding: 2rem;
  --content-padding: 2rem;
  --knowledge-padding: 2rem;

  --swiper-image-height: 18rem;

}

@font-face{
  font-family: "Inria Serif";
  src: url("/fonts/InriaSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body{
  font-family: "Inria Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: 400;
}

/*Screen size that is less than 1470px but larger than 768px */
@media only screen and (max-width: 1469px) {
  :root {
    /* Theme colors */
    --default-max-width: 100%;
  }
} 


@media only screen and (max-width: 600px) {
  :root {
    --medium-padding: 1rem;
    --header-padding: 1rem;
    --search-padding: 1rem;
    --swiper-image-height: 10rem;
  }
  .main-content__container {
    padding: var(--medium-padding);
  }
}