/*
Theme Name: Freightcamp
Theme URI: https://www.freightcamp.com
Author: PANCO Group
Author URI: https://www.pancoworld.com
Description: Custom theme for freightcamp.com
Version: 1.0
Text Domain: freightcamp
*/

* {
  font-family: "Roboto", sans-serif;
}

body.admin-bar header#site-header {
  top: 32px;
}

/* === Header scroll state === */
header#site-header {
  background-color: transparent;
  transition: background-color 300ms, backdrop-filter 300ms, box-shadow 300ms, max-height 300ms;
}
header#site-header.scrolled {
  background-color: rgba(0, 0, 0, 0.70);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  max-height: 100px;
}

/* Inner wrapper padding */
header#site-header .fc-nav-inner {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition: padding 300ms;
}
@media (min-width: 1024px) {
  header#site-header .fc-nav-inner {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
header#site-header.scrolled .fc-nav-inner {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Logo height */
header#site-header #logo {
  height: 80px;
  transition: height 300ms;
}
header#site-header.scrolled #logo {
  height: 60px;
}

@media (max-width: 768px) {
  header#site-header #logo {
    height: 60px;
  }
}

/* Nav link spacing (replaces Tailwind space-x-14 / space-x-6) */
header#site-header nav > * + * { margin-left: 2.5em; }
header#site-header.scrolled nav > * + * { margin-left: 1.5rem; }

/* Active nav link: persistent underline */
nav a.is-active::after { left: 0; width: 100%; }

/* === Mobile menu === */
#mobile-menu {
  transform: translateX(100%);
  transition: transform 300ms ease-in-out;
}
#mobile-menu.is-open {
  transform: translateX(0);
}


@media (max-width: 1140px) {

  #img{
    width: 500px;
  }

  #agendabtn {
    padding: 12px 20px;
  }

  #bookyourroom{
    padding: 15px 20px;

  }

  /* #programimg {
    width: 500px;
  } */

  #agendabox{
    width: 335px;
  }

  #agenda-main{
    padding-left: 30px;
  }

  #meeting-img {
    width: 750px;
  }

  #conference-meeting-img{
    width: 340px;
  }
}