/*
Theme Name: C4TA
Version: 1.0
Text Domain: C4TA
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import "tailwindcss";


@theme {
  --font-body: "Outfit", sans-serif;
  --color-primaryYellow: #F0C219;
  --color-primaryLightBlue: #2A8FCE;
  --color-primaryDarkBlue: #0C446B;
  --color-primaryDarkestBlue: #15191B;
}

html {
  scroll-behavior: smooth;
}

.bg-video-container {
  overflow: hidden;
  position: relative;
  min-height: 700px;
  height: 70vh;
}

.bg-video-container:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background: #0C446B;
  background: linear-gradient(45deg,rgba(12, 68, 107, 1) 30%, rgba(42, 143, 206, 0) 100%);
}

.bg-video {
  position: absolute;
  object-fit: cover;
  min-height: 700px;
  height: 70vh;
  width: 100%;
}

.main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-nav ul {
  display: flex;
}

.main-nav li {
  font-family: "Outfit", sans-serif;
  text-transform: uppercase;
  margin-right: 40px;
  font-weight: 300;
}

.mobile-nav-style {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0C446B;
  background: linear-gradient(45deg,rgba(12, 68, 107, 1) 30%, rgba(42, 143, 206, 1) 100%);
  z-index: 20;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.mobile-nav-style li {
  font-family: "Outfit", sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  padding: 10px;
}

.current_page_item a {
  font-weight: 700;
}

.pattern {
  position: absolute;
  background: url(./assets/images/pattern.png); 
  background-repeat: repeat;
  background-size: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.5;
}

.news-image-container img{
  object-fit: cover;
  width: 100%;
  height: 200px;
  border-radius: 5px;
}

.news-image-large-container img {
  object-fit: cover;
  width: 100%;
  height: 300px;
  border-radius: 10px;
}

.news-content p {
  margin-bottom: 15px;
}