/* Add Tailwind imports */
@tailwind base;
@tailwind components;
@tailwind utilities;


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.1/flowbite.min.css');
@import url('https://fonts.cdnfonts.com/css/source-sans-pro');

@import "./font.css";


//
:root {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.3;
  font-weight: 400;
}

 @font-face {
  font-family: 'HolidayFree';
  src: url('../fonts/Holiday/HolidayFreeRegular.woff2') format('woff2'),
      url('../fonts/Holiday/HolidayFreeRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  font-family: Source Sans Pro', sans-serif ;
  background: #f00
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}

//Header

.header {
  background-repeat: no-repeat;
  background-size: cover;
}

.faq .header {
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .header {
    background-position: 10%;
  }

  .faq .header {
  background-position: 25%;
  }
}


.footer {
  background-image: url("../images/bg-effect.png");
}

a {
  color: #777;
}
a:hover {
  color: #05ac6d;
}


.font-holiday {
  font-family: 'HolidayFree', sans-serif;
}

.font-economica {
  font-family: 'Economica', sans-serif;
}

.font-source-sans-pro {
  font-family: 'Source Sans Pro', sans-serif;
}

p {
  font-family: 'Source Sans Pro', sans-serif;
}


// Add is-line to wrapper to support a read more inline with the content.
.read-more.is-inline,
.read-more.is-inline p,
.read-more.is-inline + dev  {
  display: inline;
}

.read-more.is-inline + dev {
  margin-left: 0.25em
}